/* CSS personalizado */

 :root {
   --first-color: #1e3c6a;
   --second-color: #1c8df3;
   --third-color: #2366ac;
   --fourth-color: #1e3c6a;
   --fifth-color: #082247;
   --six-color: #2466ab;
   --text-small: 14px;
 }


 html,
 body {
   height: 100%;
   margin: 0;
 }

 body {
   display: flex;
   flex-direction: column;
 }

 main {
   flex: 1;
 }

 .btn {
   border-radius: 0 !important;
 }

 .first-color {
   color: var(--first-color);
 }

 .second-color {
   color: var(--second-color);
 }

 .third-color {
   color: var(--third-color);
 }

 .fourth-color {
   color: var(--fourth-color);
 }

 .fifth-color {
   color: var(--fifth-color);
 }

 .six-color {
   color: var(--six-color);
 }


 .bg-first-color {
   background-color: var(--first-color);
 }

 .bg-second-color {
   background-color: var(--second-color);
 }

 .bg-third-color {
   background-color: var(--third-color);
 }

 .bg-fourth-color {
   background-color: var(--fourth-color);
 }

 .bg-fifth-color {
   background-color: var(--fifth-color);
 }

 .bg-six-color {
   background-color: var(--six-color);
 }


 nav {
   background-color: var(--fourth-color);
 }

 .bg-gray {
   background-color: rgb(244, 244, 244) !important;
 }

 .title {
   color: var(--first-color);
 }

 .text-14 {
   font-size: var(--text-small);
 }

 .text-12 {
   font-size: 12px;
 }

 .highlight-section {
   background-color: var(--second-color);
   color: white;
   padding: 30px 0;
   text-align: center;
   position: relative;
   top: -30px;
   z-index: 1;
   margin: 0 10%;
   box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
 }

 .highlight-section .col-md-4:not(:last-child)::after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   width: 1px;
   height: 100%;
   background-color: white;
   opacity: 0.5;
 }

 .highlight-section .col-md-4 {
   padding: 20px;
 }

 .product-section,
 .requirements-section {
   padding: 50px 0;
 }

 .footer {
   background-color: var(--first-color);
   color: white;
   padding: 40px 0;
   position: relative;
 }

 .footer a {
   color: #7EC8F5;
   text-decoration: none;
 }

 .floating-buttons {
   position: fixed;
   top: 60%;
   right: 20px;
   z-index: 1000;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   /* Alinea los botones a la derecha */
 }

 .floating-buttons-left {
   position: fixed;
   top: 60%;
   left: 20px;
   z-index: 1000;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   /* Alinea los botones a la Izquierda */
 }

 .floating-buttons-left a {
   display: block;
   margin-bottom: 10px;
 }

 .floating-buttons a {
   display: block;
   margin-bottom: 10px;
 }

 .menu-icon-size {
   width: 22px;
   height: 22px;
   margin-right: 5px;
 }

 .menu-icon-social-media {
   width: 30px;
   height: 30px;
 }

 #offcanvasRight {
   background-color: var(--fifth-color);
 }

 .text-carousel {
   width: 50%;
   top: 40%;
 }

 .w-img-carousel {
   height: 500px;
   width: 100%;
 }

 a {
   text-decoration: none;
   /* Quita el underlined del enlace */
   transition: color 0.3s ease;
 }

 a:hover {
   color: #8491a3 !important;
   /* Color del enlace cuando se pasa el mouse sobre él */
 }

 .vertical-hr {
   width: 1px;
   /* Ancho de la línea */
   height: 100px;
   /* Altura de la línea */
   background-color: rgb(255, 255, 255);
   /* Color de la línea */
   z-index: 1;
   position: absolute;
 }

 .underlined hr {
   width: 100px;
   color: var(--second-color);
   background-color: var(--second-color);
   height: 3px;
   margin: 20px auto;
   /* Centra el <hr> y añade espaciado arriba y abajo */
 }

 .underlined-farmacia hr {
   width: 100px;
   color: var(--second-color);
   background-color: var(--second-color);
   height: 3px;
 }

 .shadow-products {
   padding-top: 35px;
   border-radius: 5px;
   height: 400px !important;
   box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
 }

 .shadow-fideicomisos {
   box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
 }

 .custom-col {
   width: calc(25% - 20px);
   /* 15px es el margen que queremos agregar */
   margin-right: 20px;
 }

 .custom-col:last-child {
   margin-right: 0;
 }

 .custom-col-validacion {
   width: calc(50% - 20px);
   /* 15px es el margen que queremos agregar */
   margin-right: 20px;
 }

 @media screen and (max-width: 768px) {
   .custom-col {
     width: calc(50% - 20px);
     /* En pantallas pequeñas, dos columnas */
     margin-right: 20px;
   }

   .custom-col-validacion {
     width: calc(100% - 20px);
     /* En pantallas pequeñas, una sola columna */
     margin-right: 0;
   }

 }

 .eye-know-more {
   text-align: start !important;
   width: 30px;
   height: 40px;
 }

 .icono-ojo-agente-sofimex {
   text-align: start !important;
   width: 25px;
   height: 30px;
 }

 .icon-product-services {
   width: 100px;
   height: 100px;
 }

 .title-product-services {
   color: var(--first-color);
 }

 .highlight-section-buro {
   background-image: url('../img/BURO-ENTIDADES-FINANCIERAS.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
   background-size: cover;
   /* Ajusta el tamaño de la imagen para cubrir todo el div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 80%;
   /* O el ancho que necesites */
   height: 300px;
   /* O la altura que necesites */
   z-index: 1;
   margin: 50px auto;
   /* Centra el <hr> y añade espaciado arriba y abajo */
   box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
 }

 #text-buro {
   padding-top: 80px;
   padding-left: 50px;
 }

 #btn-buro {
   background-color: var(--second-color);
 }

 .company {
   margin-top: 50px;
 }

 .img-company {
   height: 80%;
   width: 100%;
 }

 #first-requirement {
   background-image: url('../img/REQUISITOS-1.png');
   /* Ruta a la imagen */
 }

 #second-requirement {
   background-image: url('../img/REQUISITOS-2.png');
   /* Ruta a la imagen */
 }

 #first-requirement {
   background-size: 100% 100%;
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
 }

 .div-text-requirement {
   padding-top: 15px;
   padding-left: 5px;
   width: 45%;
   display: flex;
   flex-direction: column;
   /* Organiza el contenido en una columna */
   justify-content: center;
   /* Espacia el contenido para que el botón quede abajo */
   height: 100%;
   /* Asegura que el contenedor de texto ocupe todo el alto del div */
 }

 @media (max-width: 768px) {
   .div-text-requirement {
     width: 100%;
     /* Asegura que el ancho sea 100% en dispositivos móviles */
   }

   .text-white {
     font-size: 14px;
     /* Ajusta el tamaño de fuente para mejorar la legibilidad en pantallas pequeñas */
   }
 }

 .icon-contact {
   width: 30px;
   height: 35px;
 }

 #logo-footer {
   width: 50%;
   height: auto;
 }

 .menu-icon-social-media {
   width: 30px;
   height: 30px;
 }

 #lupa-footer {
   width: 25px;
   height: 30px;
 }

 .hr-home-ambest {
   margin: 10px auto;
   height: 3px !important;
   background-color: #000000;
   color: #000000;
   width: 98%;
 }

 #img-home-am-best {
   width: 100%;
   height: 300px;
 }

 .input-transparent {
   background-color: transparent;
   border: none;
   border-bottom: 2px solid white;
   color: white;
   border-radius: 0;
   box-shadow: none;
   outline: none;
   padding-left: 0;
 }

 .input-transparent::placeholder {
   color: white;
   opacity: 1;
 }

 .input-transparent:focus {
   border-bottom-color: #007bff;
   box-shadow: none;
   outline: none;
   background-color: transparent;
   /* Asegura que no haya fondo al seleccionar */
   color: white;
 }

 .input-transparent:focus-visible {
   outline: none;
   box-shadow: none;
 }



 #img-entidades-financieras {
   width: 500px;
   height: 500px;
 }

 #img-informacion-sofimex-home-buro {
   background-image: url('../img/home-buro/informacion-sofimex.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
   background-size: cover;
   /* Ajusta el tamaño de la imagen para cubrir todo el div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 80%;
   /* O el ancho que necesites */
   height: 300px;
   /* O la altura que necesites */
   z-index: 1;
   margin: 20px auto;
   /* Centra el <hr> y añade espaciado arriba y abajo */
   box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
   margin-top: 150px;
 }

 #main-contacto,
 #main-bolsa-trabajo,
 #main-agentes-cursos {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }

 #main-bolsa-trabajo {
   background-image: url('../img/bolsa-de-trabajo/background-bolsa-de-trabajo.jpg');
 }

 #main-contacto {
   background-image: url('../img/home-contacto/background-main.jpg');
 }

 #main-agentes-cursos {
   background-image: url('../img/agentes-cursos/img-background.jpg');
 }

 #img-header-home-formatos {
   background-image: url('../img/home-formatos/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-home-buro {
   background-image: url('../img/home-buro/header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-legislacion-dinero-ilicito {
   background-image: url('../img/legislacion-dinero-ilicito/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-cancelacion-fianzas {
   background-image: url('../img/home-productos-servicios-cancelacion-fianzas/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-seguros-caucion {
   background-image: url('../img/home-seguros-caucion/img-header.png');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-home-quienes-somos {
   background-image: url('../img/home-quienes-somos/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-home-sistemas {
   background-image: url('../img/home-sistemas/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-fianza-credito {
   background-image: url('../img/fianzas-credito/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-fideicomiso-garantia {
   background-image: url('../img/fideicomisos-en-garantia/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-agentes-comunicados {
   background-image: url('../img/agentes-comunicados/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-agentes-material-apoyo {
   background-image: url('../img/agentes-material-apoyo/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-fianzas-internacionales {
   background-image: url('../img/fianzas-internacionales/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-agentes-patrocinios {
   background-image: url('../img/banners-home/BANNER-PATROCINIOS-Y-EVENTOS-02.jpg');
 }

 #img-header-agentes-incentivos {
   background-image: url('../img/banners-home/BANNER-PATROCINIOS-Y-EVENTOS-01.jpg');
 }

 #img-header-home-buro,
 #img-header-fianza-credito,
 #img-header-seguros-caucion,
 #img-header-cancelacion-fianzas,
 #img-header-legislacion-dinero-ilicito,
 #img-header-home-formatos,
 #img-header-home-sistemas,
 #img-header-home-quienes-somos,
 #img-header-fideicomiso-garantia,
 #img-header-agentes-comunicados,
 #img-header-agentes-material-apoyo,
 #img-header-fianzas-internacionales,
 #img-header-agentes-patrocinios,
 #img-header-agentes-incentivos {
   background-size: cover;
   /* Ajusta el tamaño de la imagen para cubrir todo el div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 100%;
   /* O el ancho que necesites */
   height: 400px;
   /* O la altura que necesites */
 }


 .highlight-section-formatos {
   text-align: center;
   position: relative;
   top: -100px;
   z-index: 1;
   margin: 0 10%;
 }

 .highlight-section-formatos .col-md-4:not(:last-child)::after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   width: 1px;
   height: 100%;
   opacity: 0.5;
 }

 .highlight-section-formatos .col-md-4 {
   padding: 20px;
 }

 #img-buscador-home-formatos {
   width: 320px;
   height: 260px;
 }

 #img-buscador-agentes-material-apoyo {
   width: 300px;
   height: 200px;
 }

 #img-buscador-agentes-comunicados {
   width: 260px;
   height: 240px;
 }

 .bg-header-consultar-reclamaciones {
   background-color: #062046;
 }

 .highlight-section-info-financiera {
   text-align: center;
   position: relative;
   top: -100px;
   z-index: 1;
   margin: 0 10%;
 }



 .highlight-section-info-financiera .col-md-4:not(:last-child)::after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   width: 1px;
   height: 100%;
   opacity: 0.5;
   box-shadow: 0px 20px 20px 5px rgba(0, 0, 0, 0.3);
 }

 .highlight-section-info-financiera .col-md-4 {
   padding: 20px;
 }

 #img-search-home-info-financiera {
   width: 320px;
   height: 220px;
 }

 .card-custom {
   height: 480px !important;
   background-color: white;
 }

 .card-custom-fianzas {
   height: 400px;
   overflow: hidden;
   background-color: rgb(255, 255, 255);
 }

 .card-custom-bienes {
   height: 400px;
   overflow: hidden;
   background-color: rgb(255, 255, 255);
 }



 .card-img img {
   width: 100%;
   height: auto;
   display: block;
 }

 .card-overlay {
   height: 265px;
   top: -100px;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
   background-color: white;
   width: 80%;
   /* Puedes ajustar este valor para el tamaño del cuadro */
   text-align: center;
   z-index: 5;
   /* Asegura que esté sobre la imagen */
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
   margin-bottom: 100px !important;

 }

 .card-overlay-fianzas-credito {
   height: 200px;
   top: -100px;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
   background-color: white;
   width: 80%;
   /* Puedes ajustar este valor para el tamaño del cuadro */
   text-align: center;
   z-index: 5;
   /* Asegura que esté sobre la imagen */
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
 }

 .card-overlay-que-es-fianza {
   height: 200px;
   top: -100px;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
   background-color: white;
   width: 80%;
   /* Puedes ajustar este valor para el tamaño del cuadro */
   text-align: center;
   z-index: 5;
   /* Asegura que esté sobre la imagen */
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
 }

 .card-overlay-bienes {
   height: 150px;
   top: -60px;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
   background-color: white;
   width: 80%;
   /* Puedes ajustar este valor para el tamaño del cuadro */
   text-align: center;
   z-index: 5;
   /* Asegura que esté sobre la imagen */
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
 }

 .card-overlay-agentes-sofimex {
   height: 200px;
   top: -100px;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
   background-color: white;
   width: 80%;
   /* Puedes ajustar este valor para el tamaño del cuadro */
   text-align: center;
   z-index: 5;
   /* Asegura que esté sobre la imagen */
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
 }


 #img-antecedentes {
   width: 500px;
   height: 350px;
 }

 @media (max-width: 768px) {
   #img-antecedentes {
     width: 270px;
     height: 250px;
   }
 }

 #img-office-home-sistemas {
   background-image: url('../img/home-sistemas/img-office.png');
   /* Cambia la ruta a la ubicación de tu imagen */
   background-size: cover;
   /* Ajusta el tamaño de la imagen para cubrir todo el div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 200px;
   /* O el ancho que necesites */
   height: 200px;
   /* O la altura que necesites */
 }

 .text-img-sistemas {
   position: relative;
   z-index: 2;
 }

 .div-img-home-sistemas {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   z-index: 1;
 }

 .div-img-home-sistemas img {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain;
 }

 #img-header-home-validacion {
   background-image: url('../img/home-validacion/img-header.png');
   /* Cambia la ruta a la ubicación de tu imagen */
   background-size: cover;
   /* Ajusta el tamaño de la imagen para cubrir todo el div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 100%;
   /* O el ancho que necesites */
   height: 250px;
   /* O la altura que necesites */
 }

 #img-header-agentes-interior-noticias {
   background-image: url('../img/agentes-interior-noticias/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
   background-size: cover;
   /* Ajusta el tamaño de la imagen para cubrir todo el div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 100%;
   /* O el ancho que necesites */
   height: 250px;
   /* O la altura que necesites */
 }

 .icon-home-validaciones {
   width: 100px;
   height: 100px;
 }

 .icon-home-legislacion {
   width: 100px;
   height: 120px;
 }

 @media (max-width: 768px) {
   .icon-home-legislacion {
     width: 80px;
     height: 100px;
   }
 }

 #img-validacion-garantia-home-validacion {
   background-image: url('../img/home-validacion/validacion-garantias.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
   background-size: cover;
   /* Ajusta el tamaño de la imagen para cubrir todo el div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 81%;
   /* O el ancho que necesites */
   height: 300px;
   /* O la altura que necesites */
   z-index: 1;
   margin: 20px auto;
   /* Centra el <hr> y añade espaciado arriba y abajo */
   box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
   margin-top: 80px;
 }

 .img-fluid-mosaico {
   width: 200px;
   height: 100%;
   object-fit: cover;
 }

 #img-objetivo-home-seguro-caucion {
   background-image: url('../img/home-seguros-caucion/img-objetivo.jpg');
   background-size: 100% 100%;
   /* Ajusta la imagen para que cubra exactamente el ancho y alto del div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   height: 270px;
   /* O la altura que necesites */
   z-index: 1;
   margin: 20px auto;
   /* Centra el <hr> y añade espaciado arriba y abajo */
   box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
   padding: 0;
 }


 @media (max-width: 768px) {

   #img-objetivo-home-seguro-caucion {
     background-image: url('../img/home-seguros-caucion/img-objetivo.jpg');
     background-size: 100% 100%;
     /* Ajusta la imagen para que cubra exactamente el ancho y alto del div */
     background-position: center;
     /* Centra la imagen en el div */
     background-repeat: no-repeat;
     /* Evita que la imagen se repita */
     height: 350px;
     /* O la altura que necesites */
     z-index: 1;
     margin: 20px auto;
     /* Centra el <hr> y añade espaciado arriba y abajo */
     box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
     padding: 0;
   }
 }


 #img-afianzamiento-fianzas-internacionales {
   background-image: url('../img/fianzas-internacionales/img-afianzamiento.jpg');
   background-size: 100% 100%;
   /* Ajusta la imagen para que cubra exactamente el ancho y alto del div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   height: 270px;
   /* O la altura que necesites */
   z-index: 1;
   margin: 20px auto;
   /* Centra el <hr> y añade espaciado arriba y abajo */
   box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
   padding: 0;
 }

 #img-proveedores-fianzas-internacionales {
   background-image: url('../img/fianzas-internacionales/img-proovedores.jpg');
   background-size: 100% 100%;
   /* Ajusta la imagen para que cubra exactamente el ancho y alto del div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   height: 270px;
   /* O la altura que necesites */
   z-index: 1;
   margin: 20px auto;
   /* Centra el <hr> y añade espaciado arriba y abajo */
   box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
   padding: 0;
   margin-top: 100px;
 }

 #img-cotizar-fianza-fidelidad {
   background-image: url('../img/fianzas-credito/img-cotizar.jpg');
   background-size: 100% 100%;
   /* Ajusta la imagen para que cubra exactamente el ancho y alto del div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   height: 270px;
   /* O la altura que necesites */
   z-index: 1;
   margin: 20px auto;
   /* Centra el <hr> y añade espaciado arriba y abajo */
   box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
   padding: 0;
 }

 #img-servicio-fianza-estructura {
   background-image: url('../img/fianzas-estructura/img-nuestro-servicio.png');
   background-size: 100% 100%;
   /* Ajusta la imagen para que cubra exactamente el ancho y alto del div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   height: 270px;
   /* O la altura que necesites */
   z-index: 1;
   margin: 20px auto;
   /* Centra el <hr> y añade espaciado arriba y abajo */
   box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
   padding: 0;
 }

 #img-contactanos-fianza-estructura {
   background-image: url('../img/fianzas-estructura/img-contactanos.png');
   background-size: 100% 100%;
   /* Ajusta la imagen para que cubra exactamente el ancho y alto del div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   height: 270px;
   /* O la altura que necesites */
   z-index: 1;
   margin: 20px auto;
   /* Centra el <hr> y añade espaciado arriba y abajo */
   box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
   padding: 0;
 }


 .img-noticia-carousel {
   height: 440px;
 }

 @media (max-width: 768px) {
   .img-noticia-carousel {
     height: 250px;
   }
 }

 .img-noticias-derecha {
   height: 212px;
 }

 .noticias-inferior {
   box-shadow: 5px 3px 5px 0px rgba(0, 0, 0, 0.3);
 }

 #img-header-home-info-financiera {
   background-image: url('../img/home-info-financiera/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
   background-size: cover;
   /* Ajusta el tamaño de la imagen para cubrir todo el div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 100%;
   /* O el ancho que necesites */
   height: 430px;
   /* O la altura que necesites */
 }

 .highlight-section-home-oficinas {
   text-align: center;
   position: relative;
   top: -120px;
   z-index: 1;
   margin: 0 10%;
 }

 .highlight-section-home-oficinas .col-md-4:not(:last-child)::after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   width: 1px;
   height: 100%;
   opacity: 0.5;
   box-shadow: 0px 20px 20px 5px rgba(0, 0, 0, 0.3);
 }

 .highlight-section-home-oficinas .col-md-4 {
   padding: 20px;
 }

 .bg-header-home-oficinas {
   background-color: #062046;
   height: 350px;
 }

 .offices {
   margin: 0px 8%;
 }

 .office-container {
   height: 600px;
   /* Fija el tamaño del contenedor */
   overflow-y: auto;
   /* Habilita el scroll vertical si hay muchos elementos */
   padding: 10px;
 }

 .office {
   padding: 15px;
   border-bottom: 1px solid #ccc;
   /* (Opcional) Para separar visualmente las oficinas */
 }

 .office:last-child {
   border-bottom: none;
   /* Eliminar el borde inferior del último elemento */
 }

 .text-addres-offices {
   font-size: 14px;
 }

 .carousel-news {
   position: relative;
 }

 .custom-pagination {
   top: -60px;
   position: absolute;
   left: 8%;
   transform: translateX(-50%);
   z-index: 10;
   /* Asegúrate de que el z-index sea alto para que los botones se muestren encima de las imágenes */
 }

 .custom-pagination button {
   border: 2px solid #fff;
   /* Ajusta el grosor y color del borde */
   border-radius: 60%;
   /* Hace que el botón sea circular */
   background-color: transparent;
   margin: 0 2px;
   color: #ffffff;
   width: 30px;
   height: 30px;
 }

 .custom-pagination button.active {
   color: #fff;
   background-color: #007bff;
   border-radius: 50%;
   width: 30px;
   height: 30px;
 }

 .carousel-caption-noticias {
   left: 5px;
   border-radius: 10px;
 }

 #div-trayectoria {
   background-image: url('../img/home-quienes-somos/img-trayectoria.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
   background-size: 100% 100%;
   /* Ajusta la imagen para que cubra exactamente el ancho y alto del div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 100%;
   /* O el ancho que necesites */
   height: auto;
   /* O la altura que necesites */
 }



 #div-puntos-legislacion {
   background-image: url('../img/legislacion/img-puntos.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
   background-size: 100% 100%;
   /* Ajusta la imagen para que cubra exactamente el ancho y alto del div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 100%;
   /* O el ancho que necesites */
   height: auto;
   /* O la altura que necesites */
 }

 #img-header-agentes-siaf {
   background-image: url('../img/agentes-siaf/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
   background-size: cover;
   /* Ajusta el tamaño de la imagen para cubrir todo el div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 100%;
   /* O el ancho que necesites */
   height: 250px;
   /* O la altura que necesites */
 }

 .shadow-login-agentes-siaf {
   box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.3);
 }

 .custom-margin-footer-p {
   margin-bottom: 0.6rem;
   /* Ajusta el valor según lo que necesites */
 }

 #icono-cancelacion {
   width: 65px;
   height: 65px;
 }

 .carousel-indicators-custom button {
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: #aaa;
   border: none;
   margin: 0 5px;
 }

 .carousel-indicators-custom .active {
   background-color: #333;
 }

 /* Asegura que los indicadores estén debajo del carrusel */
 .carousel-indicators-custom {
   position: relative;
   bottom: -20px;
 }

 .carousel-indicators-custom-banner button {
   width: 15px;
   height: 15px;
   border-radius: 50%;
   background-color: transparent;
   border: 1px solid white;
   margin: 0 5px;
 }

 .carousel-indicators-custom-banner .active {
   background-color: #ffffff;
 }

 /* Asegura que los indicadores estén debajo del carrusel */
 .carousel-indicators-custom-banner {
   position: absolute;
   bottom: 50px;
   /* Ajusta esta distancia según lo necesites */
   left: 50%;
   transform: translateX(-50%);
   z-index: 10;
 }

 .img-paises {
   width: 50px;
   height: 50px;
 }

 .text-overlay {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
   width: 100%;
   font-weight: bold;
   font-size: 15px;
 }

 /* Añadir un sombreado al texto para mejorar la visibilidad si es necesario */
 .text-overlay {
   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
 }

 .sitios-div {
   position: relative;
   height: 150px;
   /* Ajusta el alto según tus necesidades */
   background-color: white;
 }



 .overlay-sitios {
   height: 60%;
   width: 80%;
   position: absolute;
   top: 100%;
   left: 50%;
   /* Posiciona el div superpuesto en el centro horizontalmente */
   transform: translate(-50%, -50%);
   /* Centra completamente el contenido */
   padding: 5px;
   text-align: center;
   color: white;
   /* Color del texto */
 }

 .custom-col-sitios {
   width: calc(33.333% - 10px);
   /* 15px es el margen que queremos agregar */
   margin-right: 10px;
 }

 .progress-bar-container {
   width: 100%;
   height: 4px;
   background-color: lightgray;
   position: relative;
   margin-bottom: 10px;
 }

 .progress-bar {
   height: 4px;
   width: 0;
   background-color: #007bff;
   position: absolute;
   top: 0;
   left: 0;
   transition: width 0.3s;
 }

 /* Contenedor para la lista de noticias */
 .news-list-container {
   height: 610px;
   /* Altura fija para mostrar solo 4 noticias */
   overflow-y: scroll;
   position: relative;
 }

 .news-list {
   display: flex;
   flex-direction: column;
 }

 /* Contenedor para la lista de noticias relevantes */
 .relevant-list-container {
   height: 700px;
   /* Altura fija para mostrar 5 noticias más pequeñas */
   overflow-y: scroll;
   position: relative;
 }

 .relevant-list {
   display: flex;
   flex-direction: column;
 }

 .news-img {
   width: 200px;
   /* Tamaño fijo del ancho de la imagen */
   object-fit: cover;
   height: 150px;
   /* La imagen abarcará el 100% de la altura del contenedor */
 }

 .news-relevant-img {
   width: 100px;
   /* Tamaño fijo del ancho de la imagen */
   object-fit: cover;
   height: 80px;
   /* La imagen abarcará el 100% de la altura del contenedor */
 }


 .news-list-container,
 .relevant-list-container {
   scrollbar-width: none;
   /* Firefox */
   -ms-overflow-style: none;
   /* Internet Explorer 10+ */
 }

 .news-list-container::-webkit-scrollbar,
 .relevant-list-container::-webkit-scrollbar {
   display: none;
   /* Chrome, Safari, Opera */
 }

 #file-resume {
   display: none;
 }

 .img-container-noticia {
   position: relative;
 }

 .img-container-noticia img {
   width: 100%;
   height: auto;
   display: block;
 }

 .overlay-zoom {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: 0;
   transition: opacity 0.5s ease;
   background-color: rgba(0, 0, 0, 0.6);
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .overlay-zoom span {
   color: white;
   font-size: 20px;
   font-weight: bold;
 }

 .img-container-noticia:hover .overlay-zoom {
   opacity: 1;
 }

 /* Estilos para la superposición */
 .overlay-search {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   display: none;
   justify-content: center;
   align-items: center;
   z-index: 9999;
 }

 /* Estilos para la imagen de carga */
 .loading-image {
   max-width: 150px;
 }

 /* Ocultar la superposición por defecto */
 .overlay-search.active {
   display: flex;
 }

 /*Empleados*/

 .highlight-section-avisos {
   background-image: url('../img/empleados-home/banner-avisos.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
   background-size: cover;
   /* Ajusta el tamaño de la imagen para cubrir todo el div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 80%;
   /* O el ancho que necesites */
   height: 300px;
   /* O la altura que necesites */
   z-index: 1;
   margin-bottom: 100px !important;
   margin: 80px auto;
   /* Centra el <hr> y añade espaciado arriba y abajo */
   box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
 }

 #div-organigrama-directorio {
   background-image: url('../img/empleados-home/img-organigrama-directorio.png');
   /* Cambia la ruta a la ubicación de tu imagen */
   background-size: 100% 100%;
   /* Ajusta la imagen para que cubra exactamente el ancho y alto del div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 100%;
   /* O el ancho que necesites */
   height: 10%;
   /* O la altura que necesites */
   margin-top: 120px !important;
   margin-bottom: 120px !important;

 }



 #img-header-empleados-buzon-expresate {
   background-image: url('../img/empleados-buzon-expresate/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-gobierno-corporativo {
   background-image: url('../img/empleados-gobierno-corporativo/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-manuales-operativos {
   background-image: url('../img/empleados-manuales-operativos/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-reglamentos {
   background-image: url('../img/empleados-reglamentos/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-politicas-comunicados-procedimientos {
   background-image: url('../img/empleados-politicas-comunicados-procedimientos/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-politicas {
   background-image: url('../img/empleados-politicas-comunicados-procedimientos/politicas/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-procedimientos {
   background-image: url('../img/empleados-politicas-comunicados-procedimientos/procedimientos/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-comunicados {
   background-image: url('../img/empleados-politicas-comunicados-procedimientos/comunicados/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-brigada-seguridad {
   background-image: url('../img/empleados-brigada-seguridad/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-salud-bienestar-integral {
   background-image: url('../img/empleados-salud-bienestar-integral/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-organigramas {
   background-image: url('../img/empleados-organigrama/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-bienestar-psicoemocional {
   background-image: url('../img/empleados-bienestar-psicoemocional/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-servicios-medicos {
   background-image: url('../img/empleados-servicios-medicos/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-red-medica-sofimex {
   background-image: url('../img/empleados-red-medica-sofimex/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-directorio-especialidades {
   background-image: url('../img/empleados-directorio-especialidades/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-urgencias-menores {
   background-image: url('../img/empleados-urgencias-menores/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-medicos-primer-contacto {
   background-image: url('../img/empleados-medicos-primer-contacto/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-medicos-especialistas {
   background-image: url('../img/empleados-medicos-especialistas/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-urgencias-mayores {
   background-image: url('../img/empleados-urgencias-mayores/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-directorio-laboratorios {
   background-image: url('../img/empleados-directorio-laboratorios/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-farmacias-san-pablo {
   background-image: url('../img/empleados-farmacias-san-pablo/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-farmacias-cobertura {
   background-image: url('../img/empleados-farmacias-cobertura/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-farmacias-benavides {
   background-image: url('../img/empleados-farmacias-benavides/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-guias-tipologias {
   background-image: url('../img/empleados-guias-tipologias/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-material-grafico {
   background-image: url('../img/empleados-material-grafico/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-formatos-logos {
   background-image: url('../img/empleados-formatos-logos/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-presentaciones {
   background-image: url('../img/empleados-presentaciones/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-cumpleanio-del-mes {
   background-image: url('../img/empleados-cumpleanio-del-mes/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-sofimex-formatos {
   background-image: url('../img/empleados-sofimex-formatos/img-header.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
 }

 #img-header-empleados-buzon-expresate,
 #img-header-empleados-gobierno-corporativo,
 #img-header-empleados-manuales-operativos,
 #img-header-empleados-reglamentos,
 #img-header-empleados-politicas-comunicados-procedimientos,
 #img-header-empleados-politicas,
 #img-header-empleados-procedimientos,
 #img-header-empleados-comunicados,
 #img-header-empleados-brigada-seguridad,
 #img-header-empleados-salud-bienestar-integral,
 #img-header-empleados-organigramas,
 #img-header-empleados-bienestar-psicoemocional,
 #img-header-empleados-servicios-medicos,
 #img-header-empleados-red-medica-sofimex,
 #img-header-empleados-directorio-especialidades,
 #img-header-empleados-urgencias-menores,
 #img-header-empleados-medicos-primer-contacto,
 #img-header-empleados-medicos-especialistas,
 #img-header-empleados-urgencias-mayores,
 #img-header-empleados-directorio-laboratorios,
 #img-header-empleados-farmacias-san-pablo,
 #img-header-empleados-guias-tipologias,
 #img-header-empleados-material-grafico,
 #img-header-empleados-formatos-logos,
 #img-header-empleados-presentaciones,
 #img-header-empleados-cumpleanio-del-mes,
 #img-header-empleados-sofimex-formatos,
 #img-header-empleados-farmacias-cobertura,
 #img-header-empleados-farmacias-benavides {
   background-size: 100% 100%;
   /* Ajusta el ancho al 100% del div y la altura automáticamente */
   background-position: center center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 100% !important;
   /* Asegura que el div ocupe todo el ancho disponible */
   height: 400px;
   /* Ajusta la altura según sea necesario */
 }


 #img-directorio-telefonico {
   background-image: url('../img/empleados-organigrama/img-directorio-telefonico.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
   background-size: 100% 100%;
   /* Ajusta el tamaño de la imagen para cubrir todo el div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 81%;
   /* O el ancho que necesites */
   height: 250px;
   /* O la altura que necesites */
   z-index: 1;
   margin: 20px auto;
   /* Centra el <hr> y añade espaciado arriba y abajo */
   box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
   margin-top: 100px;
 }

 .card-overlay-salud-bienestar-integral {
   height: 150px;
   top: -100px;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
   background-color: white;
   width: 80%;
   z-index: 5;
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding: 10px;
   /* Añadido para espacio interno */
 }

 .card-overlay-salud-bienestar-integral h5 {
   margin-top: 10px;
   /* Ajusta este valor para el espacio del título */
 }


 .card-custom-salud-bienestar-integral {
   height: 300px !important;
   background-color: white;

 }


 .highlight-section-manual-gastos-medicos {
   background-image: url('../img/empleados-servicios-medicos/img-manual-gastos-medicos.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
   background-size: 100% 100%;
   /* Ajusta el tamaño de la imagen para cubrir todo el div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 80%;
   /* O el ancho que necesites */
   height: 300px;
   /* O la altura que necesites */
   z-index: 1;
   margin-bottom: 100px !important;
   margin: 100px auto;
   /* Centra el <hr> y añade espaciado arriba y abajo */
   box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
 }

 .highlight-section-circular-servicios-medicos {
   background-image: url('../img/empleados-servicios-medicos/img-circular-servicios-medicos.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
   background-size: 100% 100%;
   /* Ajusta el tamaño de la imagen para cubrir todo el div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 80%;
   /* O el ancho que necesites */
   height: 300px;
   /* O la altura que necesites */
   z-index: 1;
   margin-bottom: 100px !important;
   margin: 100px auto;
   /* Centra el <hr> y añade espaciado arriba y abajo */
   box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
 }



 .highlight-section-productos-sofimex {
   background-image: url('../img/empleados-material-grafico/img-productos-sofimex.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
   background-size: 100% 100%;
   /* Ajusta el tamaño de la imagen para cubrir todo el div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 80%;
   /* O el ancho que necesites */
   height: 250px;
   /* O la altura que necesites */
   z-index: 1;
   margin-bottom: 100px !important;
   margin: 80px auto;
   /* Centra el <hr> y añade espaciado arriba y abajo */
   box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
 }



 .highlight-section-convenio-proveedores {
   background-image: url('../img/empleados-material-grafico/img-convenio-proveedores.jpg');
   /* Cambia la ruta a la ubicación de tu imagen */
   background-size: 100% 100%;
   /* Ajusta el tamaño de la imagen para cubrir todo el div */
   background-position: center;
   /* Centra la imagen en el div */
   background-repeat: no-repeat;
   /* Evita que la imagen se repita */
   width: 80%;
   /* O el ancho que necesites */
   height: 250px;
   /* O la altura que necesites */
   z-index: 1;
   margin-bottom: 100px !important;
   margin: 0px auto;
   /* Centra el <hr> y añade espaciado arriba y abajo */
   box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
 }



 .organigrama-item {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-decoration: none;
 }

 .organigrama-item img {
   width: 80px;
   height: 80px;
   margin-bottom: 10px;
 }

 .organigrama-item p {
   background-color: #007bff;
   color: white;
   padding: 5px 10px;
   border-radius: 5px;
   font-size: 14px;
   margin: 0;
 }

 /* Líneas punteadas */
 .linea-vertical {
   top: 0;
   width: 2px;
   height: 50px;
   border-left: 2px dashed #808080;
   transform: translateX(-50%);
   margin-left: 50%;
 }

 .linea-horizontal {
   width: 100%;
   height: 2px;
   border-top: 2px dashed #808080;
   top: 50%;
   padding-top: 50% !important;
 }


 .linea-inclinado-50-izq {
   width: 100%;
   height: 2px;
   border-top: 2px dashed #808080;
   margin-bottom: 50%;
   transform: rotate(-50deg);
   margin-left: 25%;

 }


 .linea-inclinado-50-der {
   width: 100%;
   height: 2px;
   border-top: 2px dashed #808080;
   margin-bottom: 50%;
   transform: rotate(50deg);
   margin-left: -25% !important;
 }


 .linea-inclinado-40-izq {
   width: 100%;
   height: 2px;
   border-top: 2px dashed #808080;
   margin-bottom: 50%;
   transform: rotate(-40deg);
   margin-left: 50%;

 }


 .linea-inclinado-40-der {
   width: 100%;
   height: 2px;
   border-top: 2px dashed #808080;
   margin-bottom: 50%;
   transform: rotate(40deg);
   margin-left: -50% !important;
 }




 .linea-inclinado-35-izq {
   width: 100%;
   height: 5px;
   border-top: 2px dashed #808080;
   margin-bottom: 50%;
   margin-left: 50%;
   transform: rotate(-35deg);
 }

 .linea-inclinado-35-der {
   width: 100%;
   height: 5px;
   border-top: 2px dashed #808080;
   margin-bottom: 50%;
   margin-right: 100% !important;
   margin-left: -50%;

   transform: rotate(35deg);
 }

 .button-finanzas {
   color: #dbcbd8;
 }

 .buro-text {
   text-align: justify;
 }

 @media screen and (max-width: 768px) {

   .image-text-description {
     display: flex;
     flex-direction: column;
     align-items: center;
   }
 }

 /* Tablet (≤ 768px) */
 @media (max-width: 850px) {
   .card-overlay {
     width: 95% !important;
     min-height: 320px;
     padding-left: 1rem;
     padding-right: 1rem;
     font-size: 15px;
   }

   .card-overlay p {
     padding-left: 0 !important;
     padding-right: 0 !important;
     font-size: 15px !important;
     word-break: break-word;
   }

   .img-fianzas-credito {
     height: 170px;
   }

   .distribucion-mercantil-card h5 {
     font-size: 15px;
   }

 }

 /* Móvil (≤ 667px) */
 @media (max-width: 667px) {
   .card-overlay {
     width: 98% !important;
     min-height: 300px;
     height: auto !important;
     padding-left: 0.5rem;
     padding-right: 0.5rem;
     font-size: 14px;
   }

   .card-overlay p {
     padding-left: 0 !important;
     padding-right: 0 !important;
     font-size: 14px !important;
     word-break: break-word;
   }

   .img-fianzas-credito {
     height: 200px;
   }

   .div-img-home-sistemas {
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     z-index: 1;
   }

   .div-img-home-sistemas img {
     max-width: 70%;
     max-height: 215px;
     object-fit: contain;
   }

   #img-proveedores-fianzas-internacionales {
     background-image: url('../img/fianzas-internacionales/img-proovedores.jpg');
     /* background-size: 100% 100%; Ajusta la imagen para que cubra exactamente el ancho y alto del div */
     background-size: 100% 100% !important;
     /* background-position: center; */
     background-position: left center !important;
     /* Centra la imagen en el div */
     background-repeat: no-repeat;
     /* Evita que la imagen se repita */
     height: 240px;
     /* O la altura que necesites */
     z-index: 1;
     margin: 20px auto;
     /* Centra el <hr> y añade espaciado arriba y abajo */
     box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
     padding: 0;
     margin-top: 100px;
   }

   #img-proveedores-fianzas-internacionales h3 {
     font-size: 14px;
   }

   #img-proveedores-fianzas-internacionales p {
     font-size: 10px;
   }

   #img-afianzamiento-fianzas-internacionales {
     background-image: url('../img/fianzas-internacionales/img-afianzamiento.jpg');
     /* background-size: 100% 100%; */
     background-size: 100% 100% !important;
     /* Ajusta la imagen para que cubra exactamente el ancho y alto del div */
     /* background-position: center; */
     background-position: left center !important;
     /* Centra la imagen en el div */
     background-repeat: no-repeat;
     /* Evita que la imagen se repita */
     height: 240px;
     /* O la altura que necesites */
     z-index: 1;
     margin: 20px auto;
     /* Centra el <hr> y añade espaciado arriba y abajo */
     box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
     padding: 0;

   }

   #img-cotizar-fianza-fidelidad {
     background-image: url('../img/fianzas-credito/img-cotizar-mobile.jpg');
     background-size: 100% 100%;
     /* Ajusta la imagen para que cubra exactamente el ancho y alto del div */
     background-position: left center;
     /* Centra la imagen en el div */
     background-repeat: no-repeat;
     /* Evita que la imagen se repita */
     height: 230px;
     /* O la altura que necesites */
     z-index: 1;
     margin: 20px auto;
     /* Centra el <hr> y añade espaciado arriba y abajo */
     box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
     padding: 0;
   }

   #img-contactanos-fianza-estructura {
     background-image: url('../img/fianzas-estructura/img-contactanos-mobile.png');
     background-size: 100% 100%;
     /* Ajusta la imagen para que cubra exactamente el ancho y alto del div */
     background-position: left center;
     /* Centra la imagen en el div */
     background-repeat: no-repeat;
     /* Evita que la imagen se repita */
     height: 240px;
     /* O la altura que necesites */
     z-index: 1;
     margin: 20px auto;
     /* Centra el <hr> y añade espaciado arriba y abajo */
     box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
     padding: 0;
   }

   #img-objetivo-home-seguro-caucion {
     background-image: url('../img/home-seguros-caucion/img-objetivo.jpg');
     background-size: 100% 100%;
     /* Ajusta la imagen para que cubra exactamente el ancho y alto del div */
     background-position: left center;
     /* Centra la imagen en el div */
     background-repeat: no-repeat;
     /* Evita que la imagen se repita */
     height: 230px;
     /* O la altura que necesites */
     z-index: 1;
     margin: 20px auto;
     /* Centra el <hr> y añade espaciado arriba y abajo */
     box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
     padding: 0;
   }

   #img-objetivo-home-seguro-caucion {
     background-image: url('../img/home-seguros-caucion/img-objetivo-mobile.jpg');
     background-size: 100% 100%;
     /* Ajusta la imagen para que cubra exactamente el ancho y alto del div */
     background-position: left center;
     /* Centra la imagen en el div */
     background-repeat: no-repeat;
     /* Evita que la imagen se repita */
     height: 280px;
     /* O la altura que necesites */
     z-index: 1;
     margin: 20px auto;
     /* Centra el <hr> y añade espaciado arriba y abajo */
     box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
     padding: 0;
   }

   #img-objetivo-home-seguro-caucion h3 {
    font-size: 14px;
   }

   #img-objetivo-home-seguro-caucion p {
    font-size: 11.5px;
   }

   .text-fianza-estructura {
     flex: 0 0 auto;
     width: 50%;
   }

   #img-contactanos-fianza-estructura p {
     font-size: 12px;
   }

   #img-servicio-fianza-estructura {
     background-image: url('../img/fianzas-estructura/img-nuestro-servicio-mobile.png');
     background-size: 100% 100%;
     /* Ajusta la imagen para que cubra exactamente el ancho y alto del div */
     background-position: left center;
     /* Centra la imagen en el div */
     background-repeat: no-repeat;
     /* Evita que la imagen se repita */
     height: 240px;
     /* O la altura que necesites */
     z-index: 1;
     margin: 20px auto;
     /* Centra el <hr> y añade espaciado arriba y abajo */
     box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.3);
     padding: 0;
   }

   #img-cotizar-fianza-fidelidad h3 {
     font-size: 14px;
   }

   #img-cotizar-fianza-fidelidad p {
     font-size: 12px;
   }

   #img-cotizar-fianza-fidelidad a {
     width: 100%;
     margin-left: 30%;
   }

   #img-afianzamiento-fianzas-internacionales h3 {
     font-size: 14px;
   }

   #img-afianzamiento-fianzas-internacionales p {
     font-size: 12px;
   }



   .banner-correo-ofice,
   .banner-Siaf {
     height: 300px;
   }

   .img-judiciales-penales,
   .img-judiciales-no-penales,
   .img-judiciales-penales-conductores,
   .img-estructura-administrativa,
   .img-ofrecemos,
   .img-marco-normativo {
     margin-left: 70px;
   }

   .img-derechos-obligaciones,
   .img-partes-contrato,
   .img-fidecomisos-que-es,
   .img-tipos-bienes {
     text-align: center;
   }

 }

 @media (max-width: 576px) {

   .banner-correo-ofice,
   .banner-Siaf {
     height: 150px;
   }
 }