@font-face {
	font-family: "Gilroy-B";
	src: url(/assets/css/Gilroy-Bold.ttf) format("truetype");
	font-display: swap;
}
@font-face {
	font-family: "Gilroy-EB";
	src: url(/assets/css/Gilroy-ExtraBold.ttf) format("truetype");
	font-display: swap;
}
@font-face {
	font-family: "Gilroy-H";
	src: url(/assets/css/Gilroy-Heavy.ttf) format("truetype");
	font-display: swap;
}
@font-face {
	font-family: "Gilroy-L";
	src: url(/assets/css/Gilroy-Light.ttf) format("truetype");
	font-display: swap;
}
@font-face {
	font-family: "Gilroy-M";
	src: url(/assets/css/Gilroy-Medium.ttf) format("truetype");
	font-display: swap;
}
@font-face {
	font-family: "Gilroy-R";
	src: url(/assets/css/Gilroy-Regular.ttf) format("truetype");
	font-display: swap;
}
@font-face {
	font-family: "Gilroy-RI";
	src: url(/assets/css/Gilroy-RegularItalic.ttf) format("truetype");
	font-display: swap;
}

* { font-family: "Gilroy-M"; letter-spacing: normal!important;  }
body
{
	background: url(/assets/img/fondo.webp);
	background-size: cover;          /* Escala la imagen para cubrir todo sin deformar */
    background-position: center;     /* Centra la imagen para que el recorte sea simétrico */
    background-repeat: no-repeat;    /* Evita que la imagen se multiplique en mosaico */
    background-attachment: fixed;    /* (Opcional) Mantiene el fondo estático al hacer scroll */
    min-height: 100vh;
}
.Gilroy-R { font-family: "Gilroy-R" }
.Gilroy-B { font-family: "Gilroy-B" }
.Gilroy-EB { font-family: "Gilroy-EB" }
.Gilroy-H { font-family: "Gilroy-H" }
.Gilroy-L { font-family: "Gilroy-L" }
.Gilroy-M { font-family: "Gilroy-M" }
.Gilroy-RI { font-family: "Gilroy-RI" }

/* ==========================================
   UTILIDADES AGRUPADAS (COMPRESIÓN)
   ========================================== */

/* Textos Naranja Compartidos */
.text-orange,
.hablemos-title .text-orange,
.seccion-testimonios .testimonios-title .text-orange { color: #CC6416; }

/* Textos Blancos Compartidos */
.btn-success,
.btn-warning,
.bottomMenu .btn-info,
.hablemos-title,
.seccion-hablemos .btn-orange-pill,
.seccion-contacto .btn-orange-pill,
.floating-badge,
.footer-roam,
.footer-roam .contact-title,
.footer-roam .icon-circle,
.footer-roam .social-icon { color: #ffffff; }

/* Estructuras Flex: Centrado Total (Iconos, Logos, Botones Redondos) */
.floating-logo,
.seccion-hablemos .card-icon-circle,
.h6-project-item .project-content .project-btn,
.footer-roam .icon-circle,
.footer-roam .social-icon,
.footer-roam .btn-whatsapp {
	display: flex; align-items: center; justify-content: center;
}

/* Estructuras Flex: Columnas */
.seguridad-confianza-compromiso .card-white-square,
.floating-badge,
.seccion-hablemos .card-hablemos,
.seccion-hablemos .card-info,
.seccion-testimonios .testimonio-card {
	display: flex; flex-direction: column;
}

/* Formas Circulares */
.seccion-hablemos .card-icon-circle,
.seccion-testimonios .cliente-info .avatar,
.h6-project-item .project-content .project-btn,
.footer-roam .icon-circle,
.footer-roam .social-icon,
.footer-roam .btn-whatsapp { border-radius: 50%; }

/* Imágenes Cover */
.image-composition-wrapper .img-back,
.seccion-hablemos .card-image-wrapper .card-img-top,
.seccion-testimonios .cliente-info .avatar,
.h6-project-item-inner { object-fit: cover; }

/* Paddings Globales de Secciones */
.seccion-hablemos,
.seccion-testimonios { padding-top: 80px !important; padding-bottom: 80px !important; }

/* Botones Compartidos */
.btn-success, .btn-warning, .seccion-hablemos .btn-orange-pill, .seccion-contacto .btn-orange-pill, .bottomMenu .btn-info {
	border-radius: 7px; 
}
.btn-warning, .seccion-hablemos .btn-orange-pill, .seccion-contacto .btn-orange-pill {
	background-color: #CC6416;
}
.btn-warning:hover, .seccion-hablemos .btn-orange-pill:hover, .seccion-contacto .btn-orange-pill:hover {
	background-color: #c85d13; color: #ffffff;
}

/* ==========================================
   ESTILOS GENERALES
   ========================================== */

.navbar, .box-contact-phone { padding: 0.5rem!important; }
.top-footer .box-contact-phone { top: unset!important; margin-bottom: 4rem; }
.footer-2 { padding-top: 50px; margin-top: 0px; }
.box-contact-phone { padding: 0rem!important; }
.box-contact-phone .contact-phone { margin: 15px 0!important; }
.box-contact-phone .contact-phone:last-child { padding-right: 40px!important; }
.title-banner-black { font-size: 62px; }

/*HEADER*/
.topMenu { background-color: #ffffff!important; padding-top: 12px; padding-bottom: 12px; }

.btn-success { background-color: #48b85c; border-color: #48b85c; padding: 8px 22px; font-size: 15px; }
.btn-success:hover { background-color: #3ca24f; border-color: #3ca24f; }

/* Botón Cotiza Aquí */
.btn-warning { border-color: #CC6416; padding: 8px 22px; font-size: 15px; }
.btn-warning:hover { border-color: #c85d13; }

/* ==========================================
   BOTTOM MENU STYLING
   ========================================== */
.bottomMenu {
	background-color: #E6E6E6!important;

}

.bottomMenu .nav-link {
	color: #2b2b2b !important;
}
.bottomMenu .nav-link:hover {
	color: white !important;
}

.header-style-4 
{
	position: absolute
}

/* Menú Desplegable (Dropdown) */
/*
.bottomMenu .dropdown-menu {
	margin-top: 0; border-radius: 0; background-color: #E6E6E6; padding: 0; box-shadow: none; min-width: 8rem!important;
}
.dropdown-menu li { border: 1px solid black; padding: 0.2rem 0; }
.bottomMenu .dropdown-item { width: fit-content; color: #2b2b2b; font-size: 1.25rem; font-weight: 100; }
.dropdown-item::before { background: black!important; }
.bottomMenu .nav-link { padding: 8px 20px; border: 1px solid #E6E6E6; }
.bottomMenu .dropdown-item:last-child { border-bottom: none; }

.bottomMenu .nav-link:hover {
	background-color: #d8d8d8!important; border: 1px solid black; border-bottom: none!important
}
*/

/* Botón Bolsa de Empleo */
.bottomMenu .btn-info { background-color: #7d8ebd; border-color: #7d8ebd; padding: 6px 20px; font-size: 14px; }
.bottomMenu .btn-info:hover { background-color: #6a7baa; border-color: #6a7baa; }


/*CARDS CONFIANZA*/
/* ==========================================
   SECCIÓN: SEGURIDAD, CONFIANZA, COMPROMISO
   ========================================== */
/* 1. Eliminar el espacio (gutters) entre las columnas para que estén pegados */
.seguridad-confianza-compromiso .row { margin-right: 0; margin-left: 0; }

/* Convertir la columna en flex para que sus hijos estiren al 100% */
.seguridad-confianza-compromiso .row > [class*="col-"] { padding-right: 0; padding-left: 0; display: flex; }

/* 2. Tarjetas con altura igualada automáticamente */
.seguridad-confianza-compromiso .card-white-square {
	width: 100%; height: 100%; padding-top: 45px 35px; padding-bottom: 0!important; border-radius: 0; box-shadow: none;
}
.card-white-square:hover { border: none; padding: 40px; }
.card-white-square .card-icon .card-icon-left { background: none!important; }

/* 3. Colores de fondo para cada tarjeta (usando selectores de orden) */
.seguridad-confianza-compromiso .col-lg-4:nth-child(1) .card-white-square { background-color: #8b9cc6; } /* Azul claro - Seguridad */
.seguridad-confianza-compromiso .col-lg-4:nth-child(2) .card-white-square { background-color: #647595; } /* Azul medio - Confianza */
.seguridad-confianza-compromiso .col-lg-4:nth-child(3) .card-white-square { background-color: #1e3145; } /* Azul oscuro - Compromiso */

/* 4. Estilos de Iconos */
.seguridad-confianza-compromiso .card-icon { margin-bottom: 15px; }
.seguridad-confianza-compromiso .card-icon img { max-width: 55px; height: auto; }

/* 5. Estilos de Tipografía (Forzar color blanco) */
.seguridad-confianza-compromiso .heading-24-fitree {
	color: #ffffff !important; font-weight: 700; font-size: 2.5em; margin-bottom: 5px!important;
}

.box-about-us { border: none!important; padding-bottom: 7rem!important; background: transparent; }
.box-features-2 { top: -60px; margin-bottom: -60px; }

/*SOLUCINES*/
/* ==========================================
   SECCIÓN: ABOUT US (SOLUCIONES)
   ========================================== */
/* --- TIPOGRAFÍA --- */
.about-heading { line-height: 1.1; color: #111111; }
.about-text { color: black; line-height: 1.6; margin-bottom: 20px; }
.about-text strong { font-weight: 700; }

/* --- COMPOSICIÓN DE IMÁGENES --- */
.image-composition-wrapper { position: relative; width: 100%; min-height: 450px; display: flex; justify-content: flex-end; }
/* Imagen Carretera (Atrás) */
.image-composition-wrapper .img-back { width: 65%; border-radius: 20px; position: relative; z-index: 1; }
/* Imagen Auto (Al frente, desfasada hacia abajo y a la izquierda) */
.image-composition-wrapper .img-front { position: absolute; width: 55%; left: 0; bottom: -15%; border-radius: 20px; z-index: 2; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); }

/* --- ELEMENTOS FLOTANTES --- */
/* Globo Naranja (+500) */
.floating-badge { position: absolute; top: 25%; left: 15%; background-color: #CC6416; padding: 12px 20px; border-radius: 8px 8px 8px 0; z-index: 3; box-shadow: 0 5px 15px rgba(222, 106, 25, 0.3); }
/* El triangulito (pico) del globo de diálogo */
.floating-badge::after { content: ""; position: absolute; bottom: -10px; left: 0; border-width: 10px 10px 0 0; border-style: solid; border-color: #CC6416 transparent transparent transparent; }
.floating-badge .badge-number { font-size: 20px; font-weight: 800; line-height: 1; margin-bottom: 2px; }
.floating-badge .badge-text { font-size: 12px; font-weight: 400; }

/* Cuadro Logo Azul Oscuro */
.floating-logo { position: absolute; bottom: -60px; right: 20%; background-color: #1e3145; width: 100px; height: 100px; border-radius: 12px; z-index: 3; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); }
.floating-logo img { width: 35px; height: auto; }

/* ==========================================
   SECCIÓN: HABLEMOS DE LO QUE NECESITAS
   ========================================== */
/* Fondo de la sección completa */
.seccion-hablemos { background-color: #1e3145 !important; }

/* --- TEXTOS DEL ENCABEZADO --- */
.hablemos-title { line-height: 1.1; }

/* --- TARJETAS --- */
.seccion-hablemos .card-hablemos { background-color: #ffffff; border-radius: 20px; height: 100%; text-align: center; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); }
.seccion-hablemos .card-image-wrapper { position: relative; width: 100%; }
.seccion-hablemos .card-image-wrapper .card-img-top { width: 100%; height: 220px; }

/* Círculo del Ícono Flotante */
.seccion-hablemos .card-icon-circle { position: absolute; bottom: -35px; left: 50%; transform: translateX(-50%); width: 100px; height: 100px; background-color: #1e3145; z-index: 2; }
.seccion-hablemos .card-icon-circle img { width: 50px; height: auto; }

/* --- CONTENIDO DE LA TARJETA --- */
.seccion-hablemos .card-info { padding: 55px 30px 40px; flex-grow: 1; }
/* Botón Naranja Pill */
.seccion-hablemos .btn-orange-pill { padding: 8px 26px; font-size: 14px; text-decoration: none; transition: all 0.3s ease; margin-top: auto;width: fit-content;margin: auto; }

.movilidadDiv { background: url("/assets/img/banner_call_to_action.webp"); background-size: cover; background-position: center; }
.box-we-can-help { margin-top: 0; padding:7rem 0; }
.box-client-logo { background: #DF6D18!important; }
.seccionImagen { background: transparent!important; background-size: cover!important; background-position: center!important; }
.color-morado { color:#1E3145 }

/* ==========================================
   SECCIÓN: TESTIMONIOS (FORMA DE RECORTES)
   ========================================== */
.seccion-testimonios {
	background-color: transparent;
}

/* --- TEXTOS DEL ENCABEZADO --- */
.seccion-testimonios .testimonios-title { color: #1e3145; line-height: 1.1; margin-bottom: 0; text-transform: uppercase; }

/* --- ESTRUCTURA DE LA TARJETA --- */
.seccion-testimonios .testimonio-card { height: 100%; }

/* 1. Bloque principal de texto */
.seccion-testimonios .card-body-gray { background-color: #d2d4d6; border-radius: 25px 25px 0 25px; padding: 80px; flex-grow: 1; }
.seccion-testimonios .card-body-gray p { line-height: 1.6; margin-bottom: 20px; }
.seccion-testimonios .card-body-gray p:last-child { margin-bottom: 0; }

/* 2. Contenedor inferior (Avatar + Pata gris) */
.seccion-testimonios .card-footer-custom { display: flex; position: relative; margin-top: -1px; }

/* Zona del Avatar (Transparente) */
.seccion-testimonios .cliente-info { flex-grow: 1; padding: 20px 15px 20px 0px; }
.seccion-testimonios .cliente-info .avatar { width: 90px; height: 90px; margin-right: 15px; }
.seccion-testimonios .cliente-info .nombre { color: black; line-height: 1.2; }

/* 3. La "Pierna" Gris de la derecha */
.seccion-testimonios .card-leg-gray { width: 45%; background-color: #d2d4d6; border-radius: 0 0 25px 25px; position: relative; }
/* EL TRUCO: La curva interior (Cóncava) */
.seccion-testimonios .card-leg-gray::before { content: ""; position: absolute; top: 0; left: -25px; width: 25px; height: 25px; background: radial-gradient(circle at bottom left, transparent 24px, #d2d4d6 25px); }

/* ==========================================
   SECCIÓN: PROYECTOS (H6-PROJECT)
   ========================================== */
.h6-project { background-color: var(--tj-color-theme-dark); border-radius: 12px; position: relative; overflow: hidden; z-index: 1; }
.h6-project .heading-wrap-content { align-items: flex-end; }
.h6-project .sec-heading.style-2 .sub-title { background-color: var(--tj-color-grey-3); }
.h6-project .sec-heading.style-2 .sec-title { color: var(--tj-color-common-white); }
.h6-project-inner { display: flex; gap: 30px; padding: 0; }
.h6-project-item { width: 350px; height: 580px; transition: all 0.5s ease-in-out; border-radius: 10px; }
.h6-project-item-inner { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; height: 100%; min-height: 100%; transform: translateY(0); z-index: 0; overflow: hidden; }
.h6-project-item-inner::after { content: " "; width: 100%; height: 100%; background: rgba(12, 30, 33, 0.5); position: absolute; inset-inline-start: 0; bottom: 0; opacity: 1; transition: all 0.4s; z-index: 1; }

.h6-project-item .project-content { position: absolute; inset-inline-start: 0; bottom: 0; width: 100%; padding: 30px; z-index: 3; transform: translateY(100%); transition: 0.4s 0.3s; }

/* Categorías y Títulos Compartidos */
.h6-project-item .project-content .project-text .title,
.h6-project-item .project-content .project-text .title a,
.h6-project-item .project-content .categories a,
.h6-project-item .project-content .project-btn i { color: var(--tj-color-common-white); }

.h6-project-item .project-content .categories a:hover,
.h6-project-item .project-content .project-btn:hover { background-color: var(--tj-color-theme-primary); }

.h6-project-item .project-content .categories a { background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); }
.h6-project-item .project-content .project-text { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 18px; gap: 15px; }
.h6-project-item .project-content .project-text .title { max-width: 351px; min-width: 351px; width: 100%; margin-bottom: 0; }
.h6-project-item .project-content .project-text .title a:hover { opacity: 0.8; }
.h6-project-item .project-content .project-btn { width: 64px; height: 64px; background-color: rgba(255, 255, 255, 0.1); border: 2px solid rgba(255, 255, 255, 0.1); font-size: 22px; backdrop-filter: blur(15px); opacity: 1; }
.h6-project-item .project-content .project-btn i { font-weight: var(--tj-fw-normal); transform: rotate(-45deg); transition: all 0.3s ease-in-out; }
.h6-project-item .project-content .project-btn:hover { border-color: var(--tj-color-theme-primary); }
.h6-project-item .project-content .project-btn:hover i { transform: rotate(0); }

.h6-project-item:hover .project-content { transform: translateY(100%); }
.h6-project-item.active { width: 920px; place-content: unset; }
.h6-project-item.active .h6-project-item-inner::after { opacity: 0; }
.h6-project-item.active .h6-project-item-inner .project-content { transform: translateY(0); }

/* ==========================================
   SECCIÓN: CONTACTO / FORMULARIO
   ========================================== */
/* Fondo gris general de la sección (Ajusta al tono de tu mockup) */
.seccion-contacto { background-color: #e8e8e8; margin: 90px 0;}
.seccion-contacto .text-orange { color: #CC6416 !important; }

/* Tarjeta Blanca del Formulario */
.seccion-contacto .form-card { border-radius: 35px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); }

/* Inputs Grises Personalizados */
.seccion-contacto .form-control-custom { background-color: #e9ecef; border: none; border-radius: 12px; padding: 15px 20px; font-size: 18px; font-family: 'Gilroy-R'; color: #444444; box-shadow: none; transition: all 0.3s ease; }
.seccion-contacto .form-control-custom::placeholder { color: #a0a0a0; font-weight: 300; }
.seccion-contacto .form-control-custom:focus { background-color: #e2e6ea; outline: none; box-shadow: 0 0 0 2px rgba(222, 106, 25, 0.3); } /* Resplandor naranja tenue */

/* Textos legales inferiores */
.seccion-contacto .aviso-text { font-size: 14px; }
.seccion-contacto .btn-orange-pill { font-size: 16px; transition: background-color 0.3s ease; }

/* ==========================================
   SECCIÓN: FOOTER ROAM CONECTA
   ========================================== */
footer { background-image: none; }
.footer-roam { background-color: #172a3a; font-size: 14px; }
.footer-roam .contact-info-bar { background-color: #233b52; }
.footer-roam .icon-circle { width: 35px; height: 35px; border: 1px solid rgba(255, 255, 255, 0.4); flex-shrink: 0; background: #8B9CC6}
.footer-roam .contact-title { font-size: 14px; }

/* Textos Contacto Compartidos */
.footer-roam .contact-link,
.footer-roam .contact-text { font-size: 13px; color: rgba(255, 255, 255, 0.8); text-decoration: none; transition: color 0.2s ease; }
.footer-roam .contact-link:hover { color: #CC6416; }
.footer-roam .footer-links a:hover { padding-left: 3px; }

/* --- ICONOS SOCIALES --- */
.footer-roam .social-icon { width: 32px; height: 32px; border: 1px solid rgba(255, 255, 255, 0.4); text-decoration: none; transition: all 0.3s ease; }
.footer-roam .social-icon:hover { background-color: #ffffff; color: #172a3a; }

/* --- BOTÓN WHATSAPP --- */
.footer-roam .btn-whatsapp { bottom: 20px; right: 15px; width: 60px; height: 60px; background-color: #25d366; box-shadow: 0 4px 15px rgba(0,0,0,0.3); z-index: 10; transition: transform 0.3s ease; }
.footer-roam .btn-whatsapp:hover { transform: scale(1.1); }


/* ==========================================
   MEDIA QUERIES (AGRUPADOS Y OPTIMIZADOS)
   ========================================== */

@media (min-width: 990px) {
	.navbar .navbar-nav .dropdown > .dropdown-menu { transform: translate(0%, 0px); }
}

@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1400px; }
}

@media (max-width: 991px) {
	.image-composition-wrapper { margin-top: 50px; min-height: auto; }
}

/* Consultas mixtas anidadas */
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.h6-project-item { height: 400px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.h6-project-item .project-content { padding: 20px 20px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
	.h6-project-inner { gap: 20px; padding: 0 8px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.h6-project-item .project-content { padding: 20px 15px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.h6-project-inner { gap: 15px; padding: 0 3px; }
	.h6-project-item .project-content { padding: 20px 10px; }
	.h6-project-item .project-content .project-text .title { min-width: 284px; }
	
	
}

@media only screen and (min-width: 576px) and (max-width: 999px), (max-width: 575px) {
	.h6-project-inner { flex-direction: column; }
	.h6-project-item, .h6-project-item.active { width: 100%; height: 300px; }
	.h6-project-item-inner::after { opacity: 0; }
	.h6-project-item .project-content { transform: translateY(0); }
	.about-heading.display-5.Gilroy-EB{margin-top: 1rem;}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.h6-project-item .project-content .project-text .title { font-size: 20px; max-width: 200px; min-width: auto; }
	.h6-project-item .project-content .project-btn { width: 50px; height: 50px; font-size: 18px; }
}

@media (max-width: 575px) {
	.h6-project-item .project-content { padding: 15px 15px; }
	.h6-project-item .project-content .project-text { margin-top: 12px; }
	.h6-project-item .project-content .project-text .title { font-size: 20px; width: calc(100% - 70px); min-width: auto; }
	.h6-project-item .project-content .project-btn { width: 55px; height: 55px; font-size: 18px; }
	.title-banner-black { font-size: 48px; }

}
@media (max-width: 768px) {
	.seccion-testimonios .card-body-gray { padding: 20px;}
}

@media (min-width: 1921px) {
	.h6-project-item { width: 13%; height: 600px; }
	.h6-project-item.active { width: 48%; }
}
.swiper-slide.item-logo
{
	text-align: center
}
/* Tipografía y reset básico */
.lista-servicios, 
.lista-secundaria {
    list-style: none; /* Elimina los bullets por defecto */
    padding: 0;
    margin: 0;
    font-family: 'Montserrat', 'Segoe UI', sans-serif;
    color: #0b1f38; /* Tono azul marino oscuro */
    font-size: 1.25rem;
    font-weight: 300; /* Fuente ligera para imitar el diseño */
    line-height: 1.5;
}

.lista-secundaria {
    margin-top: 4px;
    margin-left: 45px; /* Indentación del submenú */
}

/* Estilos para el nivel principal (Triángulo naranja) */
.item-principal {
    position: relative;
    padding-left: 20px;
   
}

.item-principal::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px; /* Centrado vertical aproximado */
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #e35a1c; /* Triángulo naranja */
}

/* Estilos para el nivel secundario (Triángulo azul claro) */
.item-secundario {
    position: relative;
    padding-left: 18px;
    
}

.item-secundario::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #829ab1; /* Triángulo azul claro */
}

.cards-servicio .card {
    border: none; /* Elimina el borde gris por defecto de Bootstrap */
    border-radius: 0; /* Asegura esquinas rectas como en tu mockup */
	background-position: center!important;
	background-size: cover!important;
	background-repeat: no-repeat!important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2); /* Desplazamiento en Y, difuminado amplio y opacidad baja */
    transition: box-shadow 0.3s ease-in-out; /* Suaviza la carga de la sombra */
	min-height: 280px!important;
}

/* Opcional: Un ligero realce al pasar el mouse */
.cards-servicio .card:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

.box-banner-5 
{
	background-image: url('/assets/img/movilidad-impulsa-empresas.webp');
	background-position: center
}
    
.box-banner-5:after 
{
	background-image: none;
}

.item-logo img
{
	opacity: 0.5 !important;
}
/*
a:hover {
	padding-left: 3px;
    opacity: 1;
	color: unset!important;
}
*/

.card-sidebar .card
{
	border-radius: 10%; 
	background-image: url(/assets/img/fondo-sidebar.webp);
	background-color: #172A3A;
}
.box-banner-5::before 
{
	opacity: 0.7;
}


/* Contenedor azul oscuro */
.chofer-ejecutivo .card-banner {
    background-color: #172a3a;
    border-radius: 6px;
	margin: auto;
    margin-top: 30px;
	width: 90%;
}

/* Efecto para hacer que la imagen sobresalga del contenedor */
@media (min-width: 1200px) {
    .chofer-ejecutivo .img-wrapper {
		margin-top: -25%;
        margin-bottom: 0px;
        margin-left: -20%;
        width: 450px;
    }
}
@media (min-width: 1400px) {
    .chofer-ejecutivo .img-wrapper {
		margin-top: -25%;
        margin-bottom: 0px;
        margin-left: -20%;
        width: 550px;
    }
}

.chofer-ejecutivo .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (min-width: 1200px) 
{
	.menu-tigger
	{
		display: none!important;
	}
}

.img-custom-anim-right .card-body img
{
	width: 55%!important;
}

.box-about-us .col-lg-4 .about-heading:after
{
	content: url(/assets/img/iconos/isotipo_letra_A.svg);
	display: inline-block;
	width: 20px;
}
.offCanvas__info.active 
{
    transform: translateX(0);
	display: block!important;
}

.videoHero
{
	position: absolute;
	top: 0;
	width: 1920px;
}

@media only screen and (max-width: 768px) 
{
	.videoHero
	{
		left: -100vw;
	}
}