/*HOJA DE ESTILOS ASESORES CORPORATIVOS INTEGRALES*/

/*GENERALES*/
* {
    margin: 0;
}

h1 {
    font-family: 'Signika';
    font-weight: bolder;
    padding-top: 200px;
    padding-bottom: 170px;
    color: white;
    text-transform: uppercase;
    font-size: 50px;
}

h2 {
    font-family: 'Signika';
    text-transform: uppercase;
    padding-bottom: 45px;
    padding-top: 30px;
    font-size: xx-large;
}

p {
    font-family: 'Signika';
    font-weight: lighter;
    font-size: 20px;
    padding-bottom: 25px;
}

/*BARRA DE NAVEGACION*/
.logo img {
    width: 100px;
}

.fondo-nav {
    background-color: #5B5B5B;
    margin: 0;

}

.nav-link {
    color: white;
    padding: 40px 36px !important;
    font-family: 'Signika';
}

.nav-link:hover,
.active .nav-link {
    color: white;
}

.nav-item:hover,
.active .nav-link {
    background-image: linear-gradient(#E1A861, #B6783B);
    color: white;
}

.nav-item.active {
    background-image: linear-gradient(#E1A861, #B6783B);
    color: white;
}

/*HEADER */
header {
    padding-top: 100px;
}

/* Posiciona los dots dentro del carrusel */
.owl-theme .owl-dots {
    position: absolute;
    bottom: 20px;
    /* Ajusta la distancia desde la parte inferior */
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

/*QUIENES SOMOS*/

.quienes {
    color: white;
    background-image: url(../imagenes/bg-quienes.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    padding-bottom: 50px;
}

.quienes h2 {
    padding-top: 170px;
}

/*JURIDICO*/
.juridico li {
    font-family: 'Signika';
    font-weight: normal;
    font-size: 20px;
}

.juridico ul {
    padding-bottom: 30px;
}

.juridico {
    padding-top: 50px;
    color: white;
    background-image: url(../imagenes/bg-juridico.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    border: none;
}

.juridico p {
    font-weight: lighter;
}

/*SECCION CONTABILIDAD*/
.contabilidad {
    padding-bottom: 100px;
}

.contabilidad h2 {
    color: #A36C34;
}

.contabilidad p {
    color: white;
}

.cuadro-conta {
    padding: 40px 60px;
    margin-right: 0;
    background-image: linear-gradient(#74481D 20%, #B6783B);
}

.circulos {
    padding-top: 10px;
    padding-bottom: 20px;
}

.info {
    padding-top: 70px;
}

.info a {
    text-decoration: none;
    color: white;
    font-family: 'Signika';
    background-color: #4B4A52;
    padding: 15px 50px;
    border-radius: 10px;
    transition: all ease;
}

.info a:hover {
    background-color: #A36C34;
}

/*SECCION RECURSOS HUMANOS*/
.recursos {
    color: white;
    padding-top: 150px;
    padding-bottom: 100px;
    background-image: url(../imagenes/bg-recursos-humanos.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.recursos li {
    font-family: 'Signika';
    font-weight: lighter;
    font-size: 20px;
    padding: 5px;
}

/*SECCION IMAGEN CORPORATIVA*/
.imagen {
    padding-top: 50px;
    color: white;
    margin: 0;
    background-image: url(../imagenes/bg-imagencorp.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    margin: 0;
}


/* Asegurar que el texto y la imagen no se desborden */
.descrip-imagen {
    max-width: 100%;
    word-wrap: break-word;
    padding-bottom: 40px;
}

.descrip-imagen p {
    padding: 10px 40px;
}

/* Imagen responsive */
.imagen img {
    max-width: 100%;
    height: auto;
}

/*SECCION CONTACTO*/
.contacto img {
    width: 40px;
}

.contacto {
    background-color: #B7B1B1;
    font-family: 'Signika';
    font-weight: lighter;
    padding-bottom: 70px;
    padding-top: 80px;
}

.contacto h2 {
    color: #4B4A52;
}

.icon-text {
    padding-bottom: 30px;
    font-family: 'Signika';
    font-size: 20px;
}

/*FOOTER*/
footer {
    background-color: #4B4A52;
    color: white;
    font-size: smaller;
    font-weight: lighter;
}

footer img {
    width: 70px;
    padding-bottom: 25px;
    padding-top: 20px;
}

/*----------------------------------------------------------CONTABILIDAD--------------------------------*/
.header-conta {
    background-image: url(../imagenes/bg-contabilidad.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.ingresos li {
    font-family: 'Signika';
    font-weight: lighter;
    font-size: 20px;
    padding: 5px;
}

.ingresos {
    font-family: 'Signika';
    color: #B6783B;
}

.ingresos ul {
    padding-bottom: 30px;
}

.deducciones {
    color: white;
    font-family: 'Signika';
    background-image: linear-gradient(#A16B35 10%, #E1A861, #F7CD99);

}

.deducciones h2 {
    color: white;
}

.deducciones li {
    font-family: 'Signika';
    font-weight: lighter;
    font-size: 20px;
    padding: 5px;
}

.deducciones ul {
    padding-bottom: 30px;
}

.nominas {
    color: white;
    font-family: 'Signika';
    background-image: url(../imagenes/bg-nominas.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.nominas li {
    font-family: 'Signika';
    font-weight: lighter;
    font-size: 20px;
    padding: 5px;
}

.doble-columna li {
    font-family: 'Signika';
    font-weight: lighter;
    font-size: 20px;
    padding: 5px;
}

.estructura {
    background-color: #5B5B5B;
    color: #E1A861;
    padding: 30px;
    padding-right: 10px;
}

.fonacot {
    background-image: linear-gradient(#E1A861 60%, #B6783B);
    color: #4B4A52;
    padding: 30px;
    padding-left: 10px;
}

.doble-columna {
    margin-top: 10px;
}


/*_____________________________FLIPBOOK__________________________*/
.flipbook {
    margin-top: 150px;
    padding-top: 200px;
}

#flipbook {
    width: 1200px;
    height: 600px;
    margin: 50px auto;
}

#flipbook .page {
    width: 600px;
    /* Esto se ajusta al tamaño de cada página */
    height: 600px;
}

#flipbook img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Asegura que las imágenes llenen toda la página sin deformarse */
}


@media (max-width: 768px) {
    #flipbook {
        width: 100vw;
        /* 100% del ancho de la pantalla */
        height: 60vh;
        /* 60% de la altura de la pantalla */
    }

    #flipbook .page {
        width: 50vw;
        /* La mitad del ancho de la pantalla */
        height: 60vh;
        /* La mitad de la altura de la pantalla */
    }
}