body{

    font-family:'Montserrat',sans-serif;
    background:
    linear-gradient(
        135deg,
        #003b73 0%,
        #005aa7 100%
    );

    min-height:100vh;
    margin:0;
    padding:0;

}

.main-wrapper{

    width:100%;
    min-height:100vh;

}

.main-card{

    border-radius:30px;
    overflow:hidden;
    background:white;

}

.logo{

    width:140px;
    max-width:100%;

}

.titulo-principal{

    font-size:42px;
    font-weight:800;
    color:#003b73;
    margin-bottom:10px;

}

.subtitulo{

    font-size:16px;
    color:#666;
    margin-bottom:0;

}

.info-box{

    background:#f3f8fd;
    border-left:6px solid #005aa7;
    padding:25px;
    border-radius:16px;

}

.info-box h5{

    color:#003b73;
    font-weight:700;

}

.info-box p{

    margin-bottom:0;
    color:#555;

}

.form-label{

    font-weight:600;
    color:#003b73;

}

.form-control,
.form-select{

    border-radius:14px;
    padding:14px;
    border:1px solid #d6d6d6;

}

.form-control:focus,
.form-select:focus{

    border-color:#005aa7;
    box-shadow:0 0 0 0.2rem rgba(0,90,167,0.2);

}

.form-check-label{

    color:#555;
    font-size:14px;

}

.boton-girar{

    background:#d91f36;
    border:none;
    border-radius:18px;
    padding:18px;
    font-size:26px;
    font-weight:700;
    transition:0.3s;

}

.boton-girar:hover{

    background:#b5162b;
    transform:scale(1.02);

}

.small{

    opacity:0.9;

}

@media(max-width:768px){

    .main-card{

        border-radius:20px;

    }

    .titulo-principal{

        font-size:32px;

    }

    .logo{

        width:110px;

    }

    .boton-girar{

        font-size:22px;

    }

}

/* ========================
   DASHBOARD
======================== */

.card{

    border:none !important;
    border-radius:20px !important;
    transition:.25s;

}

.card:hover{

    transform:translateY(-3px);

}

.card-body h2{

    font-size:42px;
    font-weight:800;
    color:#003b73;

}

.card-body h1{

    font-size:52px;
    font-weight:800;
    color:#003b73;

}

.card-body h4{

    color:#003b73;
    font-weight:800;

}

.card-body h5{

    color:#003b73;
    font-weight:700;

}

/* ========================
   TABLAS
======================== */

.table{

    margin-bottom:0;

}

.table thead{

    background:#003b73;
    color:white;

}

.table th{

    border:none !important;

}

.table td{

    vertical-align:middle;

}

/* ========================
   EXPORTACIONES
======================== */

.btn-success{

    background:#198754;
    border:none;
    border-radius:12px;
    font-weight:700;

}

.btn-primary{

    background:#005aa7;
    border:none;
    border-radius:12px;
    font-weight:700;

}

.btn-danger{

    border-radius:12px;
    font-weight:700;

}

.btn-secondary{

    border-radius:12px;
    font-weight:700;

}

/* ========================
   TITULOS SECCIONES
======================== */

.seccion-titulo{

    background:#003b73;

    color:white;

    padding:20px;

    border-radius:18px;

    font-size:32px;

    font-weight:800;

    text-align:center;

    margin-bottom:30px;

    box-shadow:
    0 8px 20px rgba(0,0,0,.15);

}
.visitante{

    background:#17a2b8;

}

.rankings{

    background:#fd7e14;

}

.exportaciones{

    background:#dc3545;

}

.gestion{

    background:#005aa7;

}

/* ========================
   ESTADISTICAS
======================== */

.card.border-0.shadow-sm{

    background:#ffffff;
    box-shadow:
    0 10px 25px rgba(0,0,0,.08)
    !important;

}

/* ========================
   DASHBOARD MOBILE
======================== */

@media(max-width:768px){

    .card-body h1{

        font-size:34px;

    }

    .card-body h2{

        font-size:28px;

    }

}

.gestion{

    background:#005aa7;

}

.estadisticas{

    background:#198754;

}

.rankings{

    background:#fd7e14;

}

.exportaciones{

    background:#dc3545;

}

.visitantes{

    background:#17a2b8;

}