/* * Configuracion inicial  */
 /* @import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Arimo:ital,wght@0,400..700;1,400..700&display=swap'); */

 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');


 /** PARA TITULO font-family: "Arimo", sans-serif; */
 /** FUENTE PRINCIPAL font-family: "Albert Sans", sans-serif; */

 @font-face {
     font-family: 'Muller';
     src: url(../fonts/Muller-Bold.ttf);
 }

 @font-face {
     font-family: 'Canaro';
     src: url(../fonts/Canaro-Light.ttf);
 }

 html {
     height: 100vh;
 }

 input:not(.login-input),
 textarea {
     /* font-weight: 600 !important; */
     font-size: 1.2vw !important;
 }

 input,
 textarea {
     font-weight: 600 !important;
 }

 * {
     margin: 0;
     padding: 0;
     font-family: "Montserrat", sans-serif;
     font-weight: 600;
 }

 #bodyVendedoras {
     font-size: 5rem;
 }

 /* Aplica font-size: 0.92vw a todos los elementos excepto los que están dentro de #mainIndex y los elementos i */
 /* *:not(#mainIndexDiv *) {
     font-size: 0.92vw;
 } */

 .sqimg {
     width: 18%;
     height: 18%;
 }


 #liquidacionTablaDatosPersonales td,
 #liquidacionTablaDatosPersonales th {
     font-size: 0.9vw;
 }

 #tablaPagos td,
 #tablaPagos th {
     font-size: 0.9vw;
 }

 body {
     height: 100%;
     /* font-family: "Albert Sans", sans-serif; */
 }

 /* ! Configuracion General */

 header h2 {
     font-family: 'Canaro';
     color: #000;
     font-size: 1.45vw;
     vertical-align: middle;
 }

 @media (width > 992px) {
     header h2 {
         font-size: 1vw;
     }
 }



 header nav a {
     background-color: lightgreen !important;
 }

 header nav a:hover {
     background-color: #55e955 !important;
 }

 /* ! Configuracion INDEX */

 #mainIndexDiv {
     width: 30%;
     font-size: 1.5vw;
 }

 #loginForm button {
     font-size: 1.5vw;
     padding: 0.5vw;
 }

 #loginUser {
     font-size: 1.5vw;
 }

 #loginPass {
     font-size: 1.5vw;
 }


 @media (width < 1024px) {
     #mainIndexDiv {
         width: 50%;
         font-size: 3vw;
     }

     #btnMostrarContrasenia {
         font-size: 1.50vw;
     }

     #mainIndexDiv p {
         font-size: 2vw;
     }

     #loginForm,
     #loginForm div,
     #loginForm input,
     #loginForm button {
         font-size: 2.5vw;
     }
 }

 @media (max-width: 1160px) {
     #mainIndexDiv {
         width: 35%;
         font-size: 1.5vw;
     }

     #btnMostrarContrasenia {
         font-size: 2vw;
     }

     #mainIndexDiv p {
         font-size: 2vw;
     }

     #loginForm input,
     #loginForm button {
         padding: 0.5vw;
         /* margin-bottom: 2vw; */
     }

     #loginForm,
     #loginForm div,
     #loginForm input,
     #loginForm button {
         font-size: 2.25vw;
     }
 }


 @media (max-width: 768px) {

     #mainIndexDiv {
         width: 60%;
     }

     #loginForm,
     #loginForm div,
     #loginForm input,
     #loginForm button {
         font-size: 3vw;
     }

     #accesoChic {
         font-size: 1.5vw;
     }

     #mainIndexDiv p {
         font-size: 3vw;
     }

     #btnMostrarContrasenia {
         font-size: 2vw;
     }
 }

 @media (max-width: 576px) {

     #mainIndexDiv {
         width: 100%;
     }

     #loginForm,
     #loginForm div,
     #loginForm input,
     #loginForm button {
         font-size: 4vw;
     }

     #accesoChic {
         font-size: 4vw;
     }

     #mainIndexDiv p {
         font-size: 3.5vw;
     }

     #btnMostrarContrasenia {
         font-size: 3vw;
     }
 }

 @media (width < 435px) {
     #mainIndexDiv {
         width: 100%;
     }

     #loginForm,
     #loginForm div,
     #loginForm input,
     #loginForm button {
         font-size: 5vw;
     }

     #loginForm input,
     #loginForm button {
         padding: 2vw;
         margin-bottom: 2vw;
     }

     #accesoChic {
         font-size: 4vw;
     }

     #mainIndexDiv p {
         font-size: 5vw;
     }


     #btnMostrarContrasenia {
         font-size: 4vw;
     }
 }

 /* ! Configuracion Selec2 */

 /* Estilo personalizado para el select2 */
 .select2-container .select2-selection--single {
     height: 70px;
     /* Altura deseada del select2 */
 }

 /* ! Configuracion SUCURSAL */

 #spClothes {
     position: relative;
     border-radius: 50px;
 }

 #spClothes::before {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-image: url('../img/chic_feria.png');
     background-repeat: no-repeat;
     background-size: 75%;
     background-position: center;
     border-radius: 50px;
     opacity: 1;
     /* Ajusta según la opacidad deseada (0 completamente transparente, 1 completamente opaco) */
     z-index: -1;
     /* Para asegurarse de que la capa pseudo-elemento esté detrás del contenido */
 }

 #spVintage {
     position: relative;
     border-radius: 50px;
 }

 #spVintage::before {


     content: "";
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-image: url('../img/chic_home.png');
     background-repeat: no-repeat;
     background-size: 75%;
     background-position: center;
     border-radius: 50px;
     opacity: 1;
     /* Ajusta según la opacidad deseada (0 completamente transparente, 1 completamente opaco) */
     z-index: -1;
     /* Para asegurarse de que la capa pseudo-elemento esté detrás del contenido */
 }



 /*! Configuracion MENU*/


 #addGasto {
     background-color: lightgreen !important;
 }

 #addGasto:hover {
     background-color: #55e955 !important;
 }




 /*! Configuracion HABERES */

/* Estilo para Factura - verde original */
.aCodigoFactura {
    color: #3ec63e;
    text-decoration: none;
}

.aCodigoFactura:hover {
    color: #19ad19;
    text-decoration: none;
}

/* Estilo para Recibo - verde con tono ligeramente distinto */
.aCodigoRecibo {
    color: #4ce64c; /* Verde más suave */
    text-decoration: none;
}

.aCodigoRecibo:hover {
    color: #2e9a2e; /* Verde un poco más oscuro */
    text-decoration: none;
}

/* Estilo para Liquidación - color diferente */
.aCodigoLiquidacion {
    color: #da5b06; /* Naranja */
    text-decoration: none;
}

.aCodigoLiquidacion:hover {
    color: #e7821d;
    text-decoration: none;
}

/* Estilo para Pago - similar a Liquidación pero con una variación */
.aCodigoPago {
    color: #ff9933; /* Tono ligeramente diferente de naranja */
    text-decoration: none;
}

.aCodigoPago:hover {
    color: #cc7a00;
    text-decoration: none;
}


 /* ! Configuracion REPORTES */

 .nav-link {
     color: lightgreen;
     background-color: black;
     border: 1px solid white !important;
 }

 .nav-link:hover {
     background-color: #00ce00;
     color: black;
 }

 .nav-link.active {
     background-color: lightgreen !important;
     color: black !important;
 }


 /* !Configuracion VENTAS*/

 #Codigo1 {
     background-color: lightgreen !important;
 }

 .contenedor-imagen {
     width: 100%;
     /* Ancho del contenedor */
     max-width: 155px;
     /* Ancho máximo del contenedor */
     margin: 0 auto;
     /* Centrar el contenedor horizontalmente */
     /* border: 1px solid #ccc; */
     /* Borde para visualización */
     overflow: hidden;
     /* Evitar que la imagen sobresalga del contenedor */
 }

 .contenedor-imagen img {
     max-width: 100%;
     /* Hacer que la imagen ocupe el 100% del ancho del contenedor */
     height: auto;
     /* Altura automática para mantener la relación de aspecto */
     display: block;
     /* Evitar espacio adicional por alineación vertical */
     margin: auto;
     /* Centrar la imagen horizontalmente */
 }

 /* !Configuracion REPORTES y CLIENTES*/

 .codigo-factura {
     color: #00ce00;
 }

 .codigo-factura:hover {
     color: #4b8d4b;
 }

 /* !Configuracion REPORTE DETALLADO */

 .detailContainerImg {
     width: 100%;
     /* Ancho del contenedor */
     max-width: 155px;
     /* Ancho máximo del contenedor */
     margin: 0 auto;
     /* Centrar el contenedor horizontalmente */
     /* border: 1px solid #ccc; */
     /* Borde para visualización */
     overflow: hidden;
     /* Evitar que la imagen sobresalga del contenedor */
     height: 75%;
 }

 .detailContainerImg img {
     max-width: 100%;
     /* Hacer que la imagen ocupe el 100% del ancho del contenedor */
     height: 100%;
     /* Altura automática para mantener la relación de aspecto */
     display: block;
     /* Evitar espacio adicional por alineación vertical */
     margin: auto;
     /* Centrar la imagen horizontalmente */

 }




 /*! Configuracion VENDEDORAS*/

 @media (width < 992px) {

     #mainVendedorasDiv * {
         font-size: 2.5vw;
     }

     #mainVendedorasDiv span {
         font-size: 5vw;
     }

     #vendedoraTablaDatos th,
     #vendedoraTablaDatos td {
         padding: 2vw;
     }

     #logoChicVendedoras {
         height: 50%;
         width: 50%;
     }

     #vendedorasNombreUsuario {
         font-size: 3vw;
     }

     #tablaLiquidVendedora {
         display: none;
     }

     #vendedorasCerrarSesion {
         padding: 1vw;
         border-radius: 5px;
     }

     #vendedorasCerrarSesion i {
         font-size: 3vw;
     }

     #tabsVendedoras li,
     #vendedorasDownloadRopaPDF,
     #vendedorasDownloadMueblesPDF,
     #vendedorasSendRopaPDF,
     #vendedorasSendMueblesPDF {
         font-size: 3vw;
         border-radius: 5px;
         margin: 1vw 1.5vw;
     }

     #tabsVendedoras>li>a {
         font-size: 4vw;
         border-radius: 5px;
         padding: 2px 7px;
     }

 }

 @media (max-width: 576px) {

     #mainVendedorasDiv * {
         font-size: 3.5vw;
     }

     #logoChicVendedoras {
         height: 75%;
         width: 75%;
     }

     #vendedorasNombreUsuario {
         font-size: 5vw;
     }

     #vendedorasCerrarSesion {
         padding: 1.5vw;
     }

     #vendedorasCerrarSesion i {
         font-size: 5vw;
     }

     #tabsVendedoras>li>a {
         font-size: 4vw;
         border-radius: 5px;
         padding: 2px 7px;
     }
 }


 @media (width > 992px) {
     #logoChicVendedoras {
         height: 30%;
         width: 30%;
     }

     #vendedoraTablaDatos * {
         font-size: 1vw;
     }

     #vendedorasNombreUsuario {
         font-size: 2vw;
     }

     #vendedorasSendPDF {
         display: none;
     }

     #vendedorasDownloadPDF {
         display: none;
     }

     #tabsVendedoras>li>a {
         font-size: 1.5vw;
         border-radius: 7px;
         padding: 0.5vw 1vw;
     }

     #vendedorasResumenRopa th,
     #vendedorasResumenRopa td,
     #vendedorasResumenMuebles th,
     #vendedorasResumenMuebles td {
         font-size: 1vw;
     }

 }


 .h-30 {
     height: 30% !important;
 }

 *:not(i) {
     font-size: 1.02vw;
 }

 .slogan {
     font-size: 1vw;
 }

 #confirmModal b {
     font-size: larger;
 }