/* =========================================================
TEMA CLARO CORPORATIVO - MEGAMOTO GROUP
Compatible con Cassiopeia Joomla
Colores corporativos basados en el logo adjunto
========================================================= */

:root{
--mm-primary:#003F5C;
--mm-secondary:#D0021B;
--mm-dark:#102A38;
--mm-bg:#F4F7F9;
--mm-card:#FFFFFF;
--mm-line:#D9E1E6;
--mm-text:#1F2D35;
--mm-muted:#5D6D76;
}

/* FONDO GENERAL */

body.site{
background:var(--mm-bg) !important;
color:var(--mm-text) !important;
}

/* HEADER */

.container-header,
.header,
.navbar{
background:#ffffff !important;
border-bottom:4px solid var(--mm-secondary);
box-shadow:0 8px 25px rgba(0,0,0,.06);
}

/* TÍTULOS */

h1,h2,h3,h4{
color:var(--mm-primary) !important;
}

h1 span,
h2 span{
color:var(--mm-secondary) !important;
}

/* LINKS */

a{
color:var(--mm-primary) !important;
text-decoration:none;
}

a:hover{
color:var(--mm-secondary) !important;
text-decoration:underline;
}

/* TARJETAS */

.card,
.moduletable,
.sidebar-left .card,
.sidebar-right .card,
.container-component .card{
background:var(--mm-card) !important;
border:1px solid var(--mm-line) !important;
border-radius:14px !important;
box-shadow:0 8px 22px rgba(0,0,0,.06);
}

/* MENÚ LATERAL */

.sidebar-left,
.sidebar-right{
background:transparent !important;
}

.sidebar-left .nav a,
.sidebar-right .nav a{
background:#ffffff;
border-radius:10px;
border:1px solid var(--mm-line);
margin-bottom:6px;
display:block;
padding:10px;
font-weight:600;
color:var(--mm-primary) !important;
}

.sidebar-left .nav a:hover,
.sidebar-right .nav a:hover{
background:rgba(208,2,27,.10);
color:var(--mm-secondary) !important;
}

/* BOTONES */

.btn,
button,
input[type="submit"]{
border-radius:10px !important;
font-weight:700 !important;
}

.btn-primary{
background:var(--mm-secondary) !important;
border-color:var(--mm-secondary) !important;
color:#ffffff !important;
}

.btn-primary:hover{
background:var(--mm-primary) !important;
border-color:var(--mm-primary) !important;
color:#ffffff !important;
}

/* INPUTS */

input,
select,
textarea{
background:#ffffff !important;
border:1px solid var(--mm-line) !important;
border-radius:10px !important;
color:var(--mm-text) !important;
}

input:focus,
select:focus,
textarea:focus{
outline:none;
border-color:var(--mm-secondary) !important;
box-shadow:0 0 0 3px rgba(208,2,27,.15);
}

/* TABLAS */

table{
background:#ffffff !important;
color:var(--mm-text) !important;
border:1px solid var(--mm-line) !important;
}

table th{
background:rgba(0,63,92,.12) !important;
color:var(--mm-primary) !important;
}

table td{
background:#ffffff !important;
}

table tr:nth-child(even) td{
background:#F7FAFC !important;
}

/* VISFORMS */

.com-visforms table,
.com-visforms .table,
.com-visforms .table-responsive{
background:#ffffff !important;
}

.com-visforms th{
background:rgba(0,63,92,.12) !important;
color:var(--mm-primary) !important;
}

.com-visforms td{
background:#ffffff !important;
color:var(--mm-text) !important;
}

/* ELIMINAR FONDOS NEGROS */

.bg-dark,
.dark,
.theme-dark,
.text-bg-dark{
background:#ffffff !important;
color:var(--mm-text) !important;
}

/* SEPARADORES */

hr{
border-color:var(--mm-line) !important;
}

/* FORMULARIOS */

.form-control{
background:#ffffff !important;
border:1px solid var(--mm-line) !important;
}

/* BUSCADOR / FILTROS */

input[type="search"]{
background:#ffffff !important;
border:1px solid var(--mm-line) !important;
}

/* TABLAS RESPONSIVE */

.table-responsive{
background:#ffffff !important;
border-radius:12px;
}

/* FOOTER */

footer{
background:#ffffff;
border-top:3px solid var(--mm-primary);
color:var(--mm-text);
}

/* SCROLLBAR */

::-webkit-scrollbar{
width:8px;
}

::-webkit-scrollbar-thumb{
background:rgba(208,2,27,.65);
border-radius:8px;
}

::-webkit-scrollbar-track{
background:#E9EEF2;
}

/* MENÚ SUPERIOR */

.container-header .navbar-nav .nav-link,
.navbar .nav-link,
.navbar-nav .nav-link{
color:var(--mm-primary) !important;
font-weight:700;
}

.container-header .navbar-nav .nav-link:hover,
.navbar .nav-link:hover,
.navbar-nav .nav-link:hover{
color:var(--mm-secondary) !important;
}

/* MENÚ ACTIVO */

.container-header .navbar-nav .nav-link.active,
.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link{
color:var(--mm-secondary) !important;
border-bottom:2px solid var(--mm-secondary);
}

/* DETALLES CORPORATIVOS */

.badge,
.label{
background:var(--mm-primary) !important;
color:#ffffff !important;
}

.alert-info{
background:rgba(0,63,92,.10) !important;
border-color:rgba(0,63,92,.25) !important;
color:var(--mm-primary) !important;
}

.alert-danger,
.alert-error{
background:rgba(208,2,27,.10) !important;
border-color:rgba(208,2,27,.25) !important;
color:var(--mm-secondary) !important;
}