/* ============================================================
   1. VARIABLES DE IDENTIDAD (EL AZUL DE MANDO)
   ============================================================ */
:root {
    --lt-primary-blue: #2b82a1;         /* Azul oficial Latin Tools */
    --lt-yellow-accent: #fecb00;        /* Contraste para avisos/hover */
    --lt-white: #ffffff;
    --lt-text-body: #4b5563;
    --lt-dark-bg-alpha: rgba(33, 37, 41, 0.98); /* Fondo sólido para scroll */
}

/* Forzamos tipografía y colores base con prioridad de ingeniería */
html body { 
    font-family: 'Poppins', sans-serif !important; 
    color: var(--lt-text-body) !important; 
}

html body h1, 
html body h2, 
html body h3, 
html body h4, 
html body .btn { 
    font-family: 'PT Serif', Georgia, serif !important; 
}

/* ============================================================
   2. EL HEADER: IDENTIDAD BASE
   ============================================================ */
#header {
    background-color: var(--lt-primary-blue) !important;
    transition: all 0.4s ease !important;
    border-bottom: 2px solid rgba(0,0,0,0.1);
}

#header .header-body {
    background-color: var(--lt-primary-blue) !important;
    padding: 5px 0 !important;
    border: none !important;
}

#header .header-container {
    height: 100px !important;
    transition: all 0.3s ease !important;
}

/* El Bozal del Logo */
.header-logo-img {
    max-height: 90px !important;
    width: auto !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
}

/* Branding Text: Indivisible */
.header-branding-text {
    display: inline-block !important;
    white-space: nowrap !important;
    font-family: 'PT Serif', Georgia, serif !important;
    font-weight: 900;
    font-size: 1.3rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--lt-white) !important;
}


/* ------------------------------------------------------------
   LOS 5 ESCALONES DE INGENIERÍA (@MEDIA)
   ------------------------------------------------------------ */

/* 1. XXL (>1400px): Máxima Presencia */
@media (min-width: 1400px) {
    .header-logo-img { max-height: 80px !important; }
    .header-branding-text { font-size: 1.5rem !important; }
}

/* 2. XL (1200px - 1399px): Escritorio Pro */
@media (min-width: 1200px) and (max-width: 1399px) {
    .header-logo-img { max-height: 75px !important; }
    .header-branding-text { font-size: 1.3rem !important; }
}

/* 3. LG (992px - 1199px): EL PUNTO DE QUIEBRE (STACKING) */
@media (max-width: 1199px) {
    /* Aquí aplicamos la mandaría para que el título baje */
    .navbar-brand {
        flex-direction: column !important; /* Título debajo de la imagen */
        align-items: center !important;
        text-align: center;
        gap: 5px;
    }
    .header-logo-img { margin-right: 0 !important; max-height: 70px !important; }
    .header-branding-text { font-size: 1rem !important; white-space: normal !important; }
}

/* 4. MD (768px - 991px): Tablet (Modo Hamburguesa) */
@media (max-width: 991px) {
    .header-logo-img { max-height: 40px !important; }
    .header-branding-text { font-size: 1rem !important; letter-spacing: 0; }
    
    /* El contacto cede fuerza para que el logo respire */
    .header-contact-info { transform: scale(0.9); margin-left: 5px !important; }
}

/* 5. SM/XS (<767px): Móvil Total */
@media (max-width: 767px) {
    .header-container { height: auto !important; padding: 10px 0; }
    .header-logo-img { max-height: 40px !important; }
    .header-branding-text { 
        font-size: 0.85rem !important; 
        max-width: 100px; 
        line-height: 1.1; 
    }
    .navbar-brand { gap: 2px !important; }
}
/* ============================================================
   3. NAVEGACIÓN (EL EFECTO PÍLDORA)
   ============================================================ */
.lt-nav-link {
    color: var(--lt-white) !important;
    font-family: 'PT Serif', Georgia, serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 8px 20px !important;
    transition: all 0.3s ease !important;
    border-radius: 8px;
    text-decoration: none !important;
}

.lt-nav-link:hover, 
.lt-nav-link.active {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: var(--lt-yellow-accent) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Dropdown Gallery */
/* Abre el menú al pasar el mouse y permite el clic en el enlace principal */
.nav-item.dropdown:hover > .dropdown-menu {
    display: block;
}

.nav-item.dropdown:hover > .lt-nav-link {
    background-color: rgba(0,0,0,0.05); /* Opcional: un toque de color al pasar el mouse */
}

.dropdown-menu {
    background-color: var(--lt-primary-blue) !important;
    border: none !important;
    font-family: 'PT Serif', serif !important;
}

.dropdown-item {
    color: var(--lt-white) !important;
    padding: 10px 20px !important;
}

.dropdown-item:hover {
    background-color: rgba(255,255,255,0.1) !important;
    text-decoration: none !important;
}

/* ============================================================
   CONTROL DE FRONTERA: COLCHÓN DINÁMICO (.main)
   ============================================================ */

.main {
    /* El Lock de Seguridad: Asegura que el contenido empiece debajo del header */
    position: relative;
    z-index: 1; /* Un nivel por debajo del header (que suele ser 1000+) */
    display: block;
    clear: both;
    transition: padding 0.4s ease-in-out;
}

/* ============================================================
   SISTEMA DE RESPIRACIÓN SEGÚN EL DISPOSITIVO
   ============================================================ */

/* 1. XXL (>1400px): Header Delgado Horizontal */
@media (min-width: 1400px) {
    .main { padding-top: 110px !important; }
}

/* 2. XL (1200px - 1399px): Header Estándar */
@media (min-width: 1200px) and (max-width: 1399px) {
    .main { padding-top: 100px !important; }
}

/* 3. LG (992px - 1199px): EL PUNTO CRÍTICO (LOGO SOBRE TÍTULO) */
/* Como el header se vuelve más alto por el apilamiento, aumentamos el colchón */
@media (min-width: 992px) and (max-width: 1199px) {
    .main { padding-top: 150px !important; } /* Espacio extra para el stack */
}

/* 4. MD (768px - 991px): Tablet (Modo Hamburguesa) */
@media (min-width: 768px) and (max-width: 991px) {
    .main { padding-top: 130px !important; }
}

/* 5. SM/XS (<767px): Móvil (Branding Compacto) */
@media (max-width: 767px) {
    .main { padding-top: 100px !important; }
}

/* ============================================================
   1. VARIABLES Y BASE
   ============================================================ */
:root {
    --lt-yellow: #FFD700;
    --lt-blue-dark: #1a5a7a;
    --lt-white: #ffffff;
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.header-logo-img {
    height: 60px;
    width: auto;
    transition: var(--transition-smooth);
}

.header-branding-text {
    font-family: 'PT Serif', serif;
    font-weight: 700;
    color: var(--lt-white);
    letter-spacing: 1px;
    font-size: 0.9rem;
}

/* ============================================================
   2. NAVEGACIÓN DESKTOP (PC)
   ============================================================ */
.lt-nav-link {
    color: rgba(255,255,255,0.8) !important;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0.5rem 1rem !important;
    position: relative;
    transition: var(--transition-smooth);
}

.lt-nav-link:hover, .lt-nav-link.active {
    color: var(--lt-yellow) !important;
}

.lt-nav-link::after {
    content: '';
    position: absolute;
    width: 0; height: 2px;
    bottom: 0; left: 50%;
    background: var(--lt-yellow);
    transition: var(--transition-smooth);
    transform: translateX(-50%);
}

.lt-nav-link:hover::after { width: 80%; }

/* ============================================================
   3. BLOQUE CONTACTO PREMIUM (PC)
   ============================================================ */
@media (min-width: 992px) {
    .header-contact-premium {
        display: flex !important;
        margin-left: 20px;
        padding-left: 20px;
        border-left: 1px solid rgba(255,255,255,0.3);
        min-width: max-content;
        z-index: 1100;
    }

    .contact-grid-wrapper {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .contact-unit {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .icon-circle {
        width: 28px; height: 28px;
        background: rgba(255,255,255,0.1);
        border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        color: var(--lt-yellow);
        font-size: 0.75rem;
    }

    .label-txt {
        color: var(--lt-white);
        font-size: 0.65rem;
        font-weight: 400;
        line-height: 1;
        display: block;
    }

    .phone-txt {
        color: var(--lt-yellow) !important;
        font-family: 'PT Serif', serif;
        font-weight: 700;
        font-size: 1rem;
        text-decoration: none;
    }
}

/* Ajustes Progresivos de Pantalla */
@media (min-width: 992px) and (max-width: 1300px) {
    .header-contact-premium { transform: scale(0.85); margin-left: 5px; }
    .lt-nav-link { font-size: 0.8rem !important; padding: 0.5rem 0.4rem !important; }
}

@media (min-width: 1401px) {
    .header-contact-premium { transform: scale(1); margin-left: 40px; }
}

/* ============================================================
   4. NAVEGACIÓN Y CONTACTO (MÓVIL)
   ============================================================ */
@media (max-width: 991px) {
    .navbar-collapse {
        background: rgba(26, 90, 122, 0.98);
        padding: 20px;
        border-radius: 15px;
        margin-top: 15px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.4);
    }

    .lt-nav-link {
        padding: 12px 15px !important;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        display: block;
    }

    .lt-nav-link.active {
        background: rgba(255, 215, 0, 0.15);
        color: var(--lt-yellow) !important;
        border-radius: 8px;
    }

    .header-contact-mobile {
        margin-top: 20px;
        padding-top: 15px;
        border-top: 2px solid rgba(255,215,0,0.3);
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .contact-unit {
        display: flex;
        align-items: center;
        background: rgba(0,0,0,0.2);
        padding: 10px 15px;
        border-radius: 10px;
    }

    .gold-icon { color: var(--lt-yellow); margin-right: 15px; font-size: 1.2rem; }
    .city-label { color: #fff; font-size: 0.7rem; opacity: 0.8; }
    .phone-link { color: var(--lt-yellow) !important; font-weight: 700; font-size: 1.1rem; text-decoration: none; }
}

@media (max-width: 767px) {
    .header-logo-img { height: 45px; }
    .header-branding-text { font-size: 0.75rem; }
}

/* ============================================================
   BOTÓN HAMBURGUER: INTERACCIÓN TOTAL INTEGRADA
   ============================================================ */

.navbar-toggler {
    width: 50px !important;
    height: 50px !important;
    border: 2px solid rgba(255, 215, 0, 0.2) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
    pointer-events: auto !important; /* Asegura que el botón capture el toque */
}

/* El Icono (X y Hamburguesa) */
.navbar-toggler-icon {
    background-image: none !important;
    background-color: var(--lt-yellow) !important;
    height: 2px;
    width: 26px;
    position: relative;
    pointer-events: none; /* El icono deja pasar el clic al botón padre */
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
    content: '';
    position: absolute;
    width: 26px;
    height: 2px;
    background-color: var(--lt-yellow);
    transition: all 0.3s ease-in-out;
}

.navbar-toggler-icon::before { top: -8px; left: 0; }
.navbar-toggler-icon::after { top: 8px; left: 0; }

/* ESTADO ACTIVO: Cuando la X está visible */
.navbar-toggler:not(.collapsed) {
    background: rgba(255, 215, 0, 0.15) !important;
    border-color: var(--lt-yellow) !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
    transform: rotate(90deg); /* Rotación extra para dinamismo */
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
    background-color: transparent !important;
    filter: drop-shadow(0 0 8px rgba(255, 215, 0, 1)); /* Brillo intenso en la X */
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon::before {
    transform: rotate(45deg);
    top: 0;
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {
    transform: rotate(-45deg);
    top: 0;
}
/* ============================================================
   DISEÑO DEL MENÚ DESPLEGABLE (MODO CELULAR)
   ============================================================ */
@media (max-width: 991px) {
    .navbar-collapse {
        margin: 15px; 
        padding: 25px !important;
        background: rgba(26, 90, 122, 0.98); /* Asegura el color de fondo */
        border-radius: 15px;
        box-shadow: 0 10px 40px rgba(0,0,0,0.5);
        border: 1px solid rgba(255, 215, 0, 0.2); /* Borde sutil dorado */
    }

    /* Espaciado para los links */
    .lt-nav-link {
        margin-bottom: 5px;
    }
}
/* Brillo para los teléfonos en móvil */
@media (max-width: 991px) {
    .phone-link {
        text-shadow: 0 0 8px rgba(255, 215, 0, 0.4);
        transition: var(--transition-smooth);
    }
    .phone-link:active {
        transform: scale(0.95); /* Feedback táctil al tocar el número */
    }
}

/* Brillo para la X del menú */
.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
    filter: drop-shadow(0 0 5px rgba(255, 215, 0, 0.8));
}
.navbar-toggler {
    z-index: 9999 !important; /* Lo pone por encima de todo */
    position: relative;
    cursor: pointer !important;
}

.navbar-toggler-icon {
    pointer-events: none !important; /* Hace que el clic "atraviese" las líneas y llegue al botón */
}
/* ============================================================
   6. STICKY DYNAMICS
   ============================================================ */
header.header-scrolled .header-container { height: 65px !important; }
header.header-scrolled .header-logo-img { max-height: 50px !important; }


   /* ============================================================
   SECCIÓN ESPECIAL: HOME (COMPACTA Y BLINDADA)
   ============================================================ */

.section-global-home {
    padding: 60px 0 30px 0; /* Mucho aire arriba para que el título destaque */
    background-color: #F0F0F0 !important;
	margin-top: 15px;
	margin-bottom: 30px;
    width: 100%;
    position: relative;
    display: flow-root; /* Lock de seguridad */
    clear: both;        /* Cleaner oficial */
    overflow: hidden;
}


/* ============================================================
   SISTEMA DE EMPUJE "CERCA DE ARRIBA" (5 DISPOSITIVOS)
   ============================================================ */

/* 1. XXL (>1400px) */
@media (min-width: 1400px) {
    .section-global-home { margin-top:10px; padding-top: 50px !important; padding-bottom: 30px !important; }
}

/* 2. XL (1200px - 1399px) */
@media (min-width: 1200px) and (max-width: 1399px) {
    .section-global-home { margin-top:10px; padding-top: 40px !important; padding-bottom: 20px !important; }
}

/* 3. LG (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .section-global-home {margin-top:10px; padding-top: 30px !important; padding-bottom: 15px !important; }
}

/* 4. MD (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .section-global-home { padding-top: 20px !important; padding-bottom: 15px !important; }
}

/* 5. SM & XS (<767px) */
@media (max-width: 767px) {
    .section-global-home { padding-top: 20px !important; padding-bottom: 15px !important; }
}

.image-frame {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* Bordes redondeados profesionales */
    transition: transform 0.3s ease;
}

/* ============================================================
   EL BOZAL DEL CONTENEDOR (INGENIERÍA DE PRECISIÓN)
   ============================================================ */

.section-global-home-2 .container {
    /* El "Bozal" Interno: Respiración lateral mandatoria */
    padding-left: 30px !important;
    padding-right: 30px !important;
    
    /* Control de Anchura Máxima para evitar que las cards se estiren */
    max-width: 1320px; 
    margin: 0 auto;
    
    transition: all 0.4s ease-in-out;
}

/* ============================================================
   SISTEMA DE AJUSTE (LOS 5 DISPOSITIVOS)
   ============================================================ */

/* 1. XXL (>1400px): El Tesoro del Espacio */
@media (min-width: 1400px) {
    .section-global-home-2 .container { padding: 0 20px !important; }
}

/* 2. XL (1200px - 1399px): Confort de Escritorio */
@media (min-width: 1200px) and (max-width: 1399px) {
    .section-global-home-2 .container { padding: 0 20px !important; }
}

/* 3. LG (992px - 1199px): Laptop / Tablet Pro */
@media (min-width: 992px) and (max-width: 1199px) {
    .section-global-home-2 .container { padding: 0 10px !important; }
}

/* 4. MD (768px - 991px): Tablet Vertical (Control de Choque) */
@media (min-width: 768px) and (max-width: 991px) {
    .section-global-home-2 .container { padding: 0 10px !important; }
}

/* 5. SM & XS (<767px): Móvil (El Bozal de Supervivencia) */
@media (max-width: 767px) {
    .section-global-home-2 .container { 
        padding-left: 15px !important; 
        padding-right: 15px !important; 
    }
}
/* ============================================================
   RESET MAESTRO: HOME-2 SIN HERENCIA (PURO)
   ============================================================ */

/* Aplicamos el Clean-Top a la sección */
.section-global-home-2.clean-top {
    padding-top: 0 !important; /* Matamos el empuje verde de image_5f8274.jpg */
}

/* Matamos el "Fantasma Naranja" del título (image_5ff2fa.jpg) */
.lt-section-title.clean-top {
    margin-top: 10px !important;  /* Cero absoluto arriba */
    padding-top: 0 !important;
    margin-bottom: 40px !important; /* Mantenemos solo el aire hacia las cards */
    
    font-family: 'PT Serif', serif !important;
    font-weight: 800;
}

/* El Bozal del Contenedor (Limpio) */
.container-clean {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ============================================================
   RESET DE INGENIERÍA: CONTENEDOR LIMPIO
   ============================================================ */

.container-clean {
    /* Matamos cualquier herencia vertical */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    
    /* Mantenemos el Bozal Lateral de Seguridad */
    padding-left: 30px !important;
    padding-right: 30px !important;
    
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

/* ============================================================
   TÍTULOS DE SECCIÓN: ESTÁNDAR LATIN TOOLS
   ============================================================ */

.lt-section-title {
    margin-top: 20px !important; /* Esta es la tuerca que faltaba: eliminamos el margen superior que Bootstrap regala */
    font-family: 'PT Serif', Georgia, serif !important;
    font-weight: 800 !important;
    color: #2b82a1 !important; /* Color profundo corporativo */
    text-align: center;
    margin-bottom: 40px !important; /* Separación de las tarjetas */
    line-height: 1.2;
    transition: all 0.3s ease-in-out;
	text-align: center;
}

/* ============================================================
   AJUSTE DE TAMAÑO: IMÁGENES DE TIENDAS
   ============================================================ */

.store-img {
    width: 100%;
    /* Altura Base (Móvil - XS/SM) */
    height: 380px; 
    object-fit: cover; /* Corte inteligente para no deformar */
    transition: all 0.5s ease;
}

/* --- Escalado de Altura por Dispositivo --- */

/* 1. XXL: Pantallas Ultra-Wide (>1400px) - ¡Gigantes! */
@media (min-width: 1400px) {
    .store-img { height: 650px; }
}

/* 2. XL & LG: Escritorio y Laptops (1200px - 1399px / 992px - 1199px) */
@media (min-width: 992px) and (max-width: 1399px) {
    .store-img { height: 550px; } /* El nuevo estándar grande */
}

/* 3. MD: Tablets Verticales (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .store-img { height: 450px; } /* Un tamaño intermedio balanceado */
}

.image-frame:hover .store-img {
    transform: scale(1.1); /* Zoom suave al pasar el mouse */
}

/* Título sobre la foto con PT Serif */
.store-city-title {
    font-family: 'PT Serif', serif !important;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8);
    font-size: 2rem;
    margin: 0;
}

.store-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
    padding: 30px;
    text-align: center;
}

/* ============================================================
   IDENTIDAD DE CABECERA: TITULOS PT SERIF (REORGANIZADO)
   ============================================================ */

/* 1. Base del Título Principal */
.lt-about-title {
    font-family: 'PT Serif', Georgia, serif !important;
    font-weight: 600 !important;
   color: #1a4a6e; /* Tu azul característico */
    font-size: 3.5rem !important;
    line-height: 1.1 !important;
    letter-spacing: -1.5px !important;
    margin-bottom: 0.5rem !important;
    transition: all 0.3s ease;
}

/* 2. Base del Subtítulo (Ahora también en PT Serif) */
.lt-about-subtitle {
    font-family: 'PT Serif', Georgia, serif !important;
    color: #666666 !important;
    font-size: 1.2rem !important;
    font-weight: 400;
    opacity: 0.9;
    letter-spacing: 0.2px;
    transition: all 0.3s ease;
}

/* --- 1. XXL: PANTALLAS ULTRA-WIDE (min-width: 1400px) --- */
@media (min-width: 1400px) {
    .lt-about-title { font-size: 3.8rem !important; }
    .lt-about-subtitle { font-size: 1.4rem !important; }
}

/* --- 2. XL: ESCRITORIO ESTÁNDAR (1200px - 1399px) --- */
/* (Mantiene los valores base definidos arriba) */

/* --- 3. LG: LAPTOPS Y TABLETS HORIZONTAL (992px - 1199px) --- */
@media (max-width: 1199px) {
    .lt-about-title { font-size: 3rem !important; letter-spacing: -1.2px !important; }
    .lt-about-subtitle { font-size: 1.1rem !important; }
}

/* --- 4. MD: TABLETS VERTICAL (768px - 991px) --- */
@media (max-width: 991px) {
    .lt-about-title { font-size: 2.5rem !important; letter-spacing: -1px !important; }
    .lt-about-subtitle { font-size: 1rem !important; }
}

/* --- 5. SM & XS: MÓVILES (Menos de 767px) --- */
@media (max-width: 767px) {
    .lt-about-title { font-size: 2.2rem !important; letter-spacing: -0.8px !important; }
}

@media (max-width: 575px) {
    .lt-about-title { font-size: 1.8rem !important; letter-spacing: -0.5px !important; }
    .lt-about-subtitle { font-size: 0.95rem !important; line-height: 1.4 !important; }
}

/* ============================================================
   SECCIÓN GLOBAL HOME #2: EL ESTÁNDAR DE RESPIRACIÓN
   ============================================================ */

.section-global-home-2 {
    background-color: #ffffff !important; /* Gris profesional Latin Tools */
    width: 100%;
    position: relative;
	border-bottom: 1px solid #c1c1c1;
    
    /* EL LOCK: Seguridad total contra solapamientos */
    display: flow-root; 
    clear: both;        
    overflow: hidden;   
    
    transition: all 0.4s ease-in-out;
}

/* ============================================================
   SISTEMA DE EMPUJE SIMÉTRICO (5 DISPOSITIVOS)
   ============================================================ */

/* 1. XXL (>1400px): Máximo Confort Visual */
@media (min-width: 1400px) {
    .section-global-home-2 { padding: 50px 0 !important; }
}

/* 2. XL (1200px - 1399px): Escritorio Estándar */
@media (min-width: 1200px) and (max-width: 1399px) {
    .section-global-home-2 { padding: 30px 0 !important; }
}

/* 3. LG (992px - 1199px): Laptops y Tablets Pro */
@media (min-width: 992px) and (max-width: 1199px) {
    .section-global-home-2 { padding: 35px 0 !important; }
}

/* 4. MD (768px - 991px): Tablets Verticales */
@media (min-width: 768px) and (max-width: 991px) {
    .section-global-home-2 { padding: 20px 0 !important; }
}

/* 5. SM & XS (<767px): Móviles (Compacto pero con Aire) */
@media (max-width: 767px) {
    .section-global-home-2 { padding: 15px 0 !important; }
}

/* --- ESCALADO ELÁSTICO (5 DISPOSITIVOS) --- */

/* 1. XXL (>1400px) */
@media (min-width: 1400px) {
    .lt-section-title { font-size: 3.2rem !important; }
}

/* 2. XL (1200px - 1399px) */
@media (min-width: 1200px) and (max-width: 1399px) {
    .lt-section-title { font-size: 2.8rem !important; }
}

/* 3. LG (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .lt-section-title { font-size: 2.4rem !important; }
}

/* 4. MD (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .lt-section-title { font-size: 2.1rem !important; margin-bottom: 15px !important; }
}

/* 5. SM & XS (<767px) */
@media (max-width: 767px) {
    .lt-section-title { font-size: 1.8rem !important; margin-bottom: 15px !important; }
}
/* ============================================================
   SERVICES PAGE AND SECCIÓN GLOBAL: EL BLOQUE BLINDADO Y ELÁSTICO
   ============================================================ */

.section-global {
    padding: 60px 0 30px 0; /* Mucho aire arriba para que el título destaque */
    background-color: #F0F0F0 !important;
	margin-top: 15px;
	margin-bottom: 30px;
    width: 100%;
    position: relative;
    display: flow-root; /* Lock de seguridad */
    clear: both;        /* Cleaner oficial */
    overflow: hidden;
	color: #1a4a6e; /* Tu azul característico */
}

/* ============================================================
   SISTEMA DE RESPIRACIÓN: LOS 5 NIVELES DE EMPUJE
   ============================================================ */

/* 1. XXL: PANTALLAS ULTRA-WIDE (>1400px) */
@media (min-width: 1400px) {
    .section-global { 
        padding-top: 80px !important; 
        padding-bottom: 70px !important; 
    }
}

/* 2. XL: ESCRITORIO ESTÁNDAR (1200px - 1399px) */
@media (min-width: 1200px) and (max-width: 1399px) {
    .section-global { 
        padding-top: 80px !important; 
        padding-bottom: 70px !important; 
    }
}

/* 3. LG: LAPTOPS Y TABLETS HORIZONTAL (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .section-global { 
        padding-top: 65px !important; 
        padding-bottom: 50px !important; 
    }
}

/* 4. MD: TABLETS VERTICAL (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .section-global { 
        padding-top: 70px !important; 
        padding-bottom: 60px !important; 
    }
}

/* 5. SM & XS: MÓVILES (<767px) */
@media (max-width: 767px) {
    .section-global { 
        padding-top: 55px !important; 
        padding-bottom: 45px !important; 
    }
}

/* ============================================================
   FLIP-CARDS: EL MOTOR UNIFICADO (EDICIÓN ENCOGIDA)
   ============================================================ */

.flip-card {    
    perspective: 1000px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* EL NUEVO BOZAL: Sombra técnica, no expansiva */
    box-shadow: 
        0 2px 4px rgba(0,0,0,0.1),    /* Sombra de apoyo inmediata */
        0 8px 16px rgba(0,0,0,0.1),   /* Elevación controlada */
        inset 0 0 0 1px rgba(0,0,0,0.05); /* Sombra INTERNA (Borde de precisión) */
    
    border-radius: 20px !important;
}

/* Efecto Hover: Se eleva pero la sombra no se "desparrama" */
.flip-card:hover {
    transform: translateY(-8px);
    box-shadow: 
        0 12px 24px rgba(0,0,0,0.15), 
        inset 0 0 0 2px rgba(43, 130, 161, 0.1); /* Brillo interno azul al subir */
}

.flip-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
}

/* --- CARAS: FRONTAL Y TRASERA --- */
.flip-front, .flip-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 20px !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* Eliminamos cualquier sombra heredada que pueda ensuciar el gris */
    box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0.08); /* Una arista más definida */
}

/* ============================================================
   EL BOZAL DE LA IMAGEN: CONTROL TOTAL DE CONTENCIÓN
   ============================================================ */

/* 1. EL MARCO (CONTENEDOR) */
.flip-front {
    background-color: #ffffff;
    z-index: 2;
    
    /* EL BOZAL FÍSICO: Aumentamos a 25px para que se vea más encogida */
    padding: 5px !important; 
    
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden; /* Garantía de que nada sale de la celda */
}

/* 2. LA IMAGEN (EL PRISIONERO DEL BOZAL) */
.custom-flip-image {
    /* Limitadores de Choque */
    max-width: 100% !important;
    max-height: 100% !important;
    
    /* Mantenemos el ancho automático para que no se estire a la fuerza */
    width: auto !important;
    height: auto !important;
    
    /* CONTAIN: Obliga a la imagen a caber entera dentro del bozal */
    object-fit: contain !important; 
    
    /* El toque final de ingeniería */
    border-radius: 12px !important;
    transition: transform 0.4s ease;
}

/* Opcional: un ligero zoom interno al pasar el mouse sin romper el bozal */
.flip-card:hover .custom-flip-image {
    transform: scale(1.05);
}
/* --- CARA TRASERA (TEXTO PT SERIF) --- */
.flip-back {
    transform: rotateY(180deg);
    padding: 25px;
    /* Aquí entran tus gradientes .bg-card-1, etc. */
}

/* Tipografías de Autoridad */
.flip-back h1 {
    font-family: 'PT Serif', serif !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px !important;
}

.flip-back p {
    font-family: 'PT Serif', serif !important;
    font-size: 1.1rem;
    line-height: 1.5;
    opacity: 0.95;
}
/* ============================================================
   SISTEMA DE ESCALADO: LOS 5 NIVELES DE ALTURA
   ============================================================ */

/* 1. XXL (>1400px) */
@media (min-width: 1400px) {
    .flip-card { height: 370px; }
    .flip-back h1 { font-size: 1.8rem; }
}

/* 2. XL (1200px - 1399px) */
@media (min-width: 1200px) and (max-width: 1399px) {
    .flip-card { height: 370px; }
    .flip-back h1 { font-size: 1.6rem; }
}

/* 3. LG (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .flip-card { height: 340px; }
    .flip-back h1 { font-size: 1.4rem; }
}

/* 4. MD (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .flip-card { height: 320px; }
    .flip-back h1 { font-size: 1.3rem; }
    .flip-back p { font-size: 1rem; }
}

/* 5. SM/XS (<767px) */
@media (max-width: 767px) {
    .flip-card { height: 300px; }
    .flip-back h1 { font-size: 1.2rem; }
    .flip-back p { font-size: 0.9rem; }
}

/* GRADIENTES PERSONALIZADOS PARA LA CARA BACK */
.bg-card-1 .flip-back { background: linear-gradient(135deg, #2b82a1 0%, #1a5f7a 100%) !important; }
.bg-card-2 .flip-back { background: linear-gradient(135deg, #fecb00 0%, #d4a700 100%) !important; color: #111 !important; }
.bg-card-3 .flip-back { background: linear-gradient(135deg, #212529 0%, #343a40 100%) !important; }

/* Inversión de color de texto para la tarjeta amarilla */
.bg-card-2 .flip-back h1, .bg-card-2 .flip-back p { color: #111 !important; }


/* ============================================================
   SECCIÓN 4: CATEGORÍAS PROFESIONALES (LATIN TOOLS)
   ============================================================ */

.section-global-home-4 {
    background-color: #ffffff !important; /* Reseteo visual a blanco */
    padding: 60px 0 !important;
}

/* Tipografía de Mando (PT Serif) */
.lt-main-title-4, 
.lt-accent-line-4, 
.lt-subtitle-4, 
.lt-category-title {
    font-family: 'PT Serif', Georgia, serif !important;
}

.lt-main-title-4 {
    color: #2b82a1 !important; /* Azul de Mando oficial */
    font-size: 2.8rem !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
}

.lt-accent-line-4 {
    color: #2b82a1 !important;
    opacity: 0.5;
    margin-bottom: 20px !important;
}

.lt-subtitle-4 {
    color: #666666 !important;
    font-size: 1.1rem !important;
}

/* --- Estilo de Tarjetas de Categoría --- */
.lt-category-card {
    background: #f8f9fa;
    border-radius: 15px;
    padding: 30px 20px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    border: 1px solid rgba(0,0,0,0.05);
}

.lt-category-card:hover {
    transform: translateY(-10px);
    background: #2b82a1;
    box-shadow: 0 10px 20px rgba(43, 130, 161, 0.2);
}

.lt-category-icon-box {
    font-size: 2.5rem;
    color: #2b82a1;
    margin-bottom: 15px;
    transition: color 0.3s ease;
}

.lt-category-title {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #212529;
    text-transform: uppercase;
    transition: color 0.3s ease;
}

/* Cambio de color al hacer Hover */
.lt-category-card:hover .lt-category-icon-box,
.lt-category-card:hover .lt-category-title {
    color: #ffffff !important;
}

/* ------------------------------------------------------------
   LOS 5 ESCALONES RESPONSIVOS (@MEDIA)
   ------------------------------------------------------------ */

/* 1. XXL (>1400px) */
@media (min-width: 1400px) {
    .lt-main-title-4 { font-size: 3.2rem !important; }
}

/* 2. XL (1200px - 1399px) */
@media (min-width: 1200px) and (max-width: 1399px) {
    .lt-main-title-4 { font-size: 2.8rem !important; }
}

/* 3. LG (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .lt-main-title-4 { font-size: 2.4rem !important; }
    .lt-category-card { padding: 20px 10px; }
}

/* 4. MD (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .lt-main-title-4 { font-size: 2rem !important; }
    .lt-home-tools-section { padding: 40px 0 !important; }
}

/* 5. SM/XS (<767px) */
@media (max-width: 767px) {
    .lt-main-title-4 { font-size: 1.8rem !important; }
    .lt-subtitle-4 { font-size: 1rem !important; }
    .lt-category-card { margin-bottom: 10px; }
}

/* ============================================================
6. SECCIONES ESPECIALES (ABOUT, VALUES, IDENTITY)
============================================================ 
*/

/* Franja About Us */
.about-us-full-strip {
    background-color: var(--bg-light-grey) !important;
    width: 100vw;
    position: relative;
    left: 50%; right: 50%;
    margin-left: -50vw; margin-right: -50vw;
    padding: 70px 0 !important;
    box-shadow: 0 10px 7px rgba(0,0,0,0.05);
}

.about-h2-branding {
    font-family: "Playfair Display", serif;
    font-size: 2.8rem !important;
    color: var(--dark-blue) !important;
    text-transform: uppercase;
    text-align: center;
}

/* Identity Box (Cream Background) */
.about-identity-box {
    background-color: #FFFFCC !important;
    color: var(--dark-blue) !important;
    padding: 40px;
}

/* --- ESTILO PERSONALIZADO DE VALORES CORPORATIVOS --- */
.branding-values-section {
    background-color: #f9f9f9; /* Fondo muy suave para contrastar con el blanco */
}

.value-card-box {
    padding: 30px 20px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    height: 100%; /* Para que todas las columnas midan lo mismo */
    transition: transform 0.3s ease;
    border-top: 5px solid #2c7da0; /* El azul Latin Tools */
}

.value-card-box:hover {
    transform: translateY(-10px); /* Efecto de levitación suave */
}

.value-icon {
    font-size: 3rem;
    color: #2c7da0;
    margin-bottom: 20px;
}

.value-title {
    font-family: 'PT Serif', Georgia, serif; /* Tu fuente solicitada */
    font-weight: 700;
    color: #2c7da0;
    letter-spacing: 0.1em;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.value-text {
    font-family: 'PT Serif', Georgia, serif; /* Consistencia en la fuente */
    font-size: 1rem;
    line-height: 1.6;
    color: #555;
    margin-bottom: 0;
}

/* Ajuste fino para móviles */
@media (max-width: 991px) {
    .value-card-box {
        margin-bottom: 20px;
    }
}
/* --- SECCIÓN SOLUTIONS --- */
.solutions-title {
    font-family: 'PT Serif', Georgia, serif;
    font-weight: 700;
    font-size: 2.5rem;
    color: #333;
}

.solutions-intro-text {
    font-family: 'PT Serif', Georgia, serif;
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 20px;
}

.hallmark-text {
    font-family: 'PT Serif', Georgia, serif;
    font-weight: 700;
    font-size: 1.3rem;
    color: #000;
    line-height: 1.4;
    margin-bottom: 20px;
}

.products-list-inline {
    font-family: 'PT Serif', Georgia, serif;
    font-size: 0.95rem;
    color: #2c7da0; /* Azul Latin Tools */
    font-style: italic;
}

.seal-shadow {
    filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1));
}

.floating-tool {
    transform: rotate(-15deg); /* Le da dinamismo como en la imagen */
}
/* --- UTILIDADES DE COLOR Y TEXTO --- */
.text-color-default { color: var(--lt-primary-blue) !important; }
.text-color-dark { color: #1c1c1c !important; }

/* Escala de tamaños solicitada en el HTML */
.text-3-5 { font-size: 1.15rem !important; }
.text-5 { font-size: 1.5rem !important; }
.text-10 { font-size: 3rem !important; }

/* Espaciado de letras */
.positive-ls-3 { letter-spacing: 3px !important; }
.ls-0 { letter-spacing: 0 !important; }

/* --- TARJETAS DE CIUDAD --- */
/* --- ESTILO DE LAS TARJETAS (IZQUIERDA) --- */
.card-about-city {
    border: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    background: #fff;
}

.card-img-wrapper img {
    /* Aplicamos los 10px de radio quirúrgicos que solicitaste anteriormente */
    border-radius: 10px 10px 0 0 !important; 
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.card-city-name {
    color: var(--lt-primary-blue) !important;
    font-size: 1.1rem;
    letter-spacing: 1px;
    font-weight: 600;
}

/* --- ESTILO DEL TEXTO (DERECHA) --- */
.visit-store-title {
    font-family: 'PT Serif', serif !important;
    font-size: 3rem;
    font-weight: 900;
    color: #1c1c1c;
    margin-bottom: 10px;
}

.visit-store-lead {
    font-family: 'Poppins', sans-serif;
    font-size: 1.4rem;
    color: #444;
    line-height: 1.4;
}

.visit-store-list li {
    font-size: 1rem;
    color: #666;
    margin-bottom: 5px;
}

/* Botón estilo Latin Tools */
.lt-btn-contact {
    background-color: var(--lt-primary-blue) !important;
    border: none !important;
    padding: 12px 40px !important;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 5px;
}

/* Alineación del separador a la derecha */
.ms-auto {
    margin-left: auto !important;
}

.card-about-city:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.card-about-city .card-body {
    padding: 2rem 1.5rem;
}

.card-about-city .card-title {
    color: var(--lt-primary-blue) !important;
}
/* --- BOTÓN CONTACTO (LADO DERECHO) --- */
.custom-btn-style-1 {
    background-color: var(--lt-primary-blue) !important;
    border-color: var(--lt-primary-blue) !important;
    color: #fff !important;
    border-radius: 4px; /* Un toque suave */
    transition: all 0.3s ease;
}

.custom-btn-style-1:hover {
    background-color: var(--lt-yellow-accent) !important;
    border-color: var(--lt-yellow-accent) !important;
    color: var(--lt-primary-blue) !important;
}

/* --- NAVEGACIÓN DEL CARRUSEL (FLECHAS) --- */
.custom-nav-grey .owl-nav button {
    background: #f4f4f4 !important;
    color: #444 !important;
    width: 45px;
    height: 45px;
    border-radius: 50% !important;
}

.custom-nav-grey .owl-nav button:hover {
    background: var(--lt-primary-blue) !important;
    color: #fff !important;
}
/* ============================================================
   SECCIÓN: TOOLS EXPERIENCE (PT SERIF TOTAL)
   ============================================================ */

/* 1. Contenedor y Columna de Imagen */
.lt-tools-section {
    padding: 60px 0 !important;
}

.lt-tools-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lt-tools-main-img {
    width: 100%;
    max-height: 700px !important; /* Tu orden directa de altura */
    object-fit: contain;
    border-radius: 20px; /* Toque profesional */
    transition: transform 0.4s ease;
}

.lt-tools-main-img:hover {
    transform: scale(1.02);
}

/* 2. Tipografía de la Columna de Contenido */
.lt-tools-overline, 
.lt-tools-main-title, 
.lt-tools-accent-line, 
.lt-tools-description,
.lt-tools-btn-view {
    font-family: 'PT Serif', Georgia, serif !important;
}

/* Subtítulo superior (H3) */
.lt-tools-overline {
    font-size: 0.9rem !important;
    text-transform: uppercase;
    color: #888888 !important;
    letter-spacing: 2px;
    margin-bottom: 10px !important;
}

/* Título Principal (H1) */
.lt-tools-main-title {
    font-size: 3.2rem !important;
    font-weight: 700 !important;
    color: #2b82a1 !important;
    line-height: 1.1 !important;
    margin-bottom: 20px !important;
}

/* Línea de acento (H3) */
.lt-tools-accent-line {
    color: var(--lt-primary-blue) !important;
    font-size: 1.5rem !important;
    letter-spacing: -2px;
    margin-bottom: 25px !important;
}

/* Párrafo Informativo */
.lt-tools-description {
    font-size: 1.1rem !important;
    line-height: 1.7 !important;
    color: #555555 !important;
    margin-bottom: 35px !important;
    max-width: 500px;
}

/* 3. El Botón [View More] */
.lt-tools-btn-view {
    display: inline-block;
    background-color: var(--lt-primary-blue) !important;
    color: var(--lt-white) !important;
    padding: 14px 40px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    text-decoration: none !important;
    border-radius: 4px; /* Estilo Bootstrap-Pro */
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 15px rgba(43, 130, 161, 0.2);
}

.lt-tools-btn-view:hover {
    background-color: var(--lt-dark-bg-alpha) !important;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* --- Ajuste para Móviles --- */
@media (max-width: 991px) {
    .lt-tools-main-title { font-size: 2.2rem !important; }
    .lt-tools-content-col { padding-top: 40px; text-align: center; }
    .lt-tools-description { margin-left: auto; margin-right: auto; }
}
/* ============================================================
   GALERÍA ROTATIVA JQUERY (CONTROL DE INGENIERÍA)
   ============================================================ */

/* 1. El contenedor del carrusel */
.lt-gallery-wrapper {
    display: block;
    width: 100%;
    /* Establecemos la altura máxima aquí para limitar el área de juego */
    height: 700px !important; /* Tu orden directa */
    overflow: hidden; /* Asegura que nada se salga del marco */
    border-radius: 20px; /* Mantenemos el borde profesional */
}

/* 2. El ítem individual del carrusel */
.lt-gallery-item {
    /* Fuerza al ítem a ocupar toda la altura del contenedor padre */
    height: 700px !important; 
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 3. La imagen dentro del carrusel (El "Prisionero" del Bozal) */
.lt-gallery-img {
    width: auto !important;
    height: auto !important;
    /* CLAVE DE INGENIERÍA: */
    max-width: 100%;
    max-height: 100%;
    /* Contain asegura que se vea la herramienta entera sin recortes */
    object-fit: contain !important; 
    padding: 10px; /* Un poco de aire para que no toque los bordes */
}

/* Opcional: Limpieza de los puntos de navegación si tu plugin los añade */
.lt-product-gallery .owl-dots {
    margin-top: -30px !important;
    position: relative;
    z-index: 5;
}
/* ============================================================
   REFINAMIENTO DE TEXTO: MANDO AZUL Y AIRE LATERAL
   ============================================================ */

.lt-tools-content-col {
    display: flex;
    align-items: center; /* Centrado vertical con respecto a la galería */
    justify-content: center; /* Ayuda al centrado horizontal del wrapper */
    padding-left: 5% !important; /* Espacio base de seguridad */
}

/* El Wrapper: Controla qué tan ancho es el bloque de texto */
.lt-tools-text-wrapper {
    max-width: 550px; /* Evita que las líneas sean demasiado largas */
    width: 100%;
    padding-left: 40px; /* El "colchón" extra que pediste para despegarlo */
}

/* El Título H1 (Color Base Latin Tools) */
.lt-tools-main-title {
    color: #2b82a1 !important; /* Tu orden directa: Color Base */
    font-family: 'PT Serif', serif !important;
    font-size: 3.2rem !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    margin-bottom: 20px !important;
}

/* --- REGLAS PARA "SOLDADOS SUELTOS" (CLASES PERSONALIZADAS) --- */

.lt-tools-overline {
    font-family: 'PT Serif', serif !important;
    color: #888888 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.lt-tools-accent-line {
    font-family: 'PT Serif', serif !important;
    color: #2b82a1 !important; /* También en azul de mando */
    margin-bottom: 25px !important;
}

.lt-tools-description {
    font-family: 'PT Serif', serif !important;
    font-size: 1.1rem !important;
    line-height: 1.7 !important;
    color: #555555 !important;
}

/* --- AJUSTE RESPONSIVO (ESCALONES) --- */

@media (max-width: 991px) {
    .lt-tools-content-col {
        padding-left: 15px !important;
        text-align: center;
    }
    .lt-tools-text-wrapper {
        padding-left: 0; /* En móvil eliminamos el desplazamiento lateral */
        margin: 40px auto 0;
    }
}

/* ============================================================
   SECCIÓN: TRUST EXPERIENCE (VERSIÓN MONA LISA)
   ============================================================ */

.lt-trust-section {
    padding: 60px 0 !important;
    background-color: #f8f9fa !important; /* Mantenemos el fondo profesional */
}

/* El Título Maestro */
.lt-trust-title {
    font-family: 'PT Serif', Georgia, serif !important; /* Tu orden directa */
    color: #2b82a1 !important; /* El azul de mando oficial */
    font-weight: 700 !important;
    font-size: 3rem !important; /* Tamaño de impacto */
    letter-spacing: -1px !important;
    margin-bottom: 20px !important;
    line-height: 1.2 !important;
}

/* El Párrafo de Apoyo */
.lt-trust-subtitle {
    font-family: 'PT Serif', Georgia, serif !important;
    color: #4b5563 !important; /* Gris oscuro para contraste suave */
    font-size: 1.3rem !important;
    font-weight: 400 !important;
    max-width: 850px; /* Evita que el texto sea un "fideo" largo */
    margin: 0 auto !important;
    line-height: 1.6 !important;
}

/* --- AJUSTE PARA MÓVILES (PRECISIÓN) --- */
@media (max-width: 767px) {
    .lt-trust-title {
        font-size: 2.1rem !important;
    }
    .lt-trust-subtitle {
        font-size: 1rem !important;
        padding: 0 15px;
    }
}

/* --- H3 del Home Page --- */
.custom-title-highlight {
    color: #2b82a1 !important; /* Tu color base */
    position: relative;
    display: inline-block;
    letter-spacing: -0.5px;
    transition: all 0.3s ease;
}

/* Un detalle sutil: una línea decorativa debajo que aparece al pasar el mouse */
.custom-title-highlight::after {
    content: '';
    width: 0;
    height: 3px;
    display: block;
    background: #2b82a1;
    transition: width 0.4s;
    margin: 0 auto;
}

.custom-title-highlight:hover {
    filter: brightness(1.2); /* Brilla un poco al interactuar */
}

.custom-title-highlight:hover::after {
    width: 100%;
}
/* ============================================================
   SISTEMA DE CONTADORES: LATIN TOOLS (PT SERIF)
   ============================================================ */

.lt-counters-container {
    padding: 30px 0 !important;
}

.lt-counter-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

/* Iconos en el Azul de Mando */
.lt-counter-icon {
    color: #2b82a1 !important;
    font-size: 2.5rem !important;
    margin-right: 20px !important;
}

/* Números y Etiquetas con PT Serif */
.lt-counter-number {
    font-family: 'PT Serif', Georgia, serif !important;
    color: #212529 !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    display: block;
}

.lt-counter-label {
    font-family: 'PT Serif', Georgia, serif !important;
    color: #6c757d !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1px;
}

/* ------------------------------------------------------------
   LOS 5 ESCALONES RESPONSIVOS (@MEDIA)
   ------------------------------------------------------------ */

/* 1. XXL (>1400px) */
@media (min-width: 1400px) {
    .lt-counter-number { font-size: 3.5rem !important; }
    .lt-counter-label { font-size: 0.9rem !important; }
}

/* 2. XL (1200px - 1399px) */
@media (min-width: 1200px) and (max-width: 1399px) {
    .lt-counter-number { font-size: 3rem !important; }
    .lt-counter-label { font-size: 0.85rem !important; }
}

/* 3. LG (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .lt-counter-icon { font-size: 2rem !important; }
    .lt-counter-number { font-size: 2.5rem !important; }
    .lt-counter-label { font-size: 0.75rem !important; }
}

/* 4. MD (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .lt-counter-col { margin-bottom: 30px; }
    .lt-counter-number { font-size: 2.2rem !important; }
    .lt-counter-label { font-size: 0.8rem !important; }
}

/* 5. SM/XS (<767px) */
@media (max-width: 767px) {
    .lt-counter-item { flex-direction: column; text-align: center; }
    .lt-counter-icon { margin-right: 0 !important; margin-bottom: 10px !important; font-size: 2.2rem !important; }
    .lt-counter-number { font-size: 2.5rem !important; }
    .lt-counter-label { font-size: 0.8rem !important; margin-top: 5px; }
    .lt-counter-col { margin-bottom: 40px; }
}

/* ============================================================
   SECCIÓN 3: TESTIMONIOS (VERSIÓN COMPACTA Y ALINEADA)
   ============================================================ */

.section-global-home-3 {
    background-color: #2b82a1 !important;
    /* AJUSTE 1: Redujimos el padding de 80px a 50px para hacerla más pequeña */
    padding: 50px 0 !important;
    color: #ffffff !important;
}

/* --- Tipografía Maestra --- */
.lt-testimonial-overline,
.lt-testimonial-main-title,
.lt-testimonial-text,
.lt-testimonial-author {
    font-family: 'PT Serif', Georgia, serif !important;
    color: #ffffff !important;
}

/* --- Encabezados --- */
.lt-testimonial-overline {
    font-size: 0.9rem !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    opacity: 0.8;
    margin-bottom: 10px !important;
}

.lt-testimonial-main-title {
    font-size: 2.8rem !important; /* Un poco más compacto */
    font-weight: 700 !important;
    margin-bottom: 40px !important; /* Menos espacio debajo del título */
}

/* --- El Bloque del Testimonio (Donde ocurre la magia) --- */
/* ============================================================
   REFINAMIENTO: EFECTO EMBUDO (TESTIMONIOS)
   ============================================================ */

/* 1. El Contenedor: Centrado de formación */
.lt-testimonial-item {
    text-align: center !important; /* Fuerza el embudo */
    max-width: 850px; 
    margin: 0 auto !important;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center; /* Alinea todo al eje central */
}

/* 2. La Comilla: Ahora es la corona del embudo */
.lt-quote-icon {
    float: none !important; /* Matamos el float anterior */
    display: block !important;
    font-size: 2.8rem !important;
    color: rgba(255, 255, 255, 0.4) !important;
    margin: 0 auto 20px auto !important; /* Centrado perfecto sobre el texto */
}

/* 3. El Texto: Simetría total */
.lt-testimonial-text {
    text-align: center !important;
    font-size: 1.35rem !important;
    line-height: 1.7 !important;
    font-style: italic;
    margin-bottom: 15px !important;
    width: 100%; /* Ocupa su caja sin estirarse */
}

/* 4. El Autor: Alineado con su texto */
.lt-testimonial-author {
    text-align: center !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    text-transform: uppercase; /* Más autoridad */
    letter-spacing: 1px;
    width: 100%;
    margin-top: 10px !important;
}
.lt-testimonial-carousel .owl-dots {
    margin-top: 30px !important;
}

/* ------------------------------------------------------------
   ESCALONES RESPONSIVOS (Compactados)
   ------------------------------------------------------------ */

/* MD (Tablet) hacia abajo */
@media (max-width: 991px) {
    .section-global-home-3 { padding: 40px 0 !important; } /* Aún más compacto en móvil */
    .lt-testimonial-main-title { font-size: 2.2rem !important; margin-bottom: 30px !important; }
    .lt-testimonial-text { font-size: 1.2rem !important; }
    .lt-quote-icon { font-size: 2.5rem !important; margin-top: -5px !important; }
}

/* SM/XS (Móvil pequeño) */
@media (max-width: 767px) {
    .lt-testimonial-item { text-align: center !important; } /* En móvil muy pequeño, volvemos a centrar */
    .lt-quote-icon { 
        float: none !important; /* Quitamos el float */
        display: block; 
        margin: 0 auto 15px auto !important; /* Centramos la comilla arriba */
        margin-top: 0 !important;
    }
    .lt-testimonial-text { font-size: 1.1rem !important; }
}

/* ============================================================
   MURALLA LATIN TOOLS: ACABADO PREMIUM (5PX & DORADO)
   ============================================================ */

/* 1. Contenedor de Choque Total */
.lt-home-tools-section .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 2. La Fila: Formación de Extremo a Extremo */
.lt-category-row {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center !important; 
    gap: 5px !important; /* Su orden directa: 5px definitivos */
    width: 100% !important;
    margin: 0 !important;
}

/* 3. La Columna: Cálculo de Precisión para 6 Pilares */
.lt-category-col {
    flex: 1 0 calc(16.66% - 5px); 
    max-width: calc(16.66% - 5px);
    margin: 0 !important;
}

/* 4. La Tarjeta: Alargada y Reforzada */
.lt-category-card {
    background: #f8f9fa;
    padding: 15px 10px !important; /* Efecto alargado/aplastado */
    text-align: center;
    border: 2px solid #b8860b !important; /* Borde Amarillo Oscuro (Dorado) */
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    min-height: 110px; /* Compacta y profesional */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lt-category-card:hover {
    background: #2b82a1 !important; /* Azul de Mando al ataque */
    border-color: #2b82a1 !important; 
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(43, 130, 161, 0.2);
}

.lt-category-icon-box i {
    color: #2b82a1;
    font-size: 2.3rem;
    margin-bottom: 5px;
}

.lt-category-title {
    font-family: 'PT Serif', serif !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    text-transform: uppercase;
    color: #212529;
    letter-spacing: 1px;
}

/* Inversión de Colores en Hover */
.lt-category-card:hover i,
.lt-category-card:hover .lt-category-title {
    color: #ffffff !important;
}

/* ------------------------------------------------------------
   LOS 5 ESCALONES DE BLINDAJE RESPONSIVO
   ------------------------------------------------------------ */

/* Escalón 1 & 2: Monitores y Laptops (>1201px) */
@media (min-width: 1201px) {
    .lt-category-col { flex: 1 0 calc(16.66% - 5px); max-width: calc(16.66% - 5px); }
}

/* Escalón 3: Laptops Estándar (992px - 1200px) -> 3 por fila */
@media (max-width: 1200px) {
    .lt-category-col { flex: 1 0 calc(33.33% - 5px); max-width: calc(33.33% - 5px); }
}

/* Escalón 4: Tablets (768px - 991px) -> 2 por fila */
@media (max-width: 991px) {
    .lt-category-col { flex: 1 0 calc(50% - 5px); max-width: calc(50% - 5px); }
}

/* Escalón 5: Smartphones (<767px) -> 1 por fila imponente */
@media (max-width: 767px) {
    .lt-category-col { flex: 1 0 100%; max-width: 100%; }
    .lt-category-row { gap: 8px !important; }
    .lt-category-card { margin: 0 5px; }
}

/* ============================================================
   BOTÓN MAESTRO: LATIN TOOLS GALLERY
   ============================================================ */

.lt-main-btn-gallery {
    /* Identidad de Color y Fuente */
    display: inline-block;
    background-color: #2b82a1 !important; /* Color Base Oficial */
    color: #ffffff !important;
    font-family: 'PT Serif', Georgia, serif !important;
    
    /* Formación y Estilo */
    padding: 14px 35px !important;
    border: 2px solid #2b82a1 !important;
    border-radius: 8px !important; /* Reemplaza custom-border-radius */
    
    /* Texto y Tipografía */
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 1px;
    font-size: 1rem;
    
    /* Espaciado (Reemplaza mb-5 mt-4) */
    margin-top: 25px !important;
    margin-bottom: 35px !important;
    
    /* Transición Suave */
    transition: all 0.3s ease-in-out !important;
    cursor: pointer;
}

/* Efecto de Combate (Hover) */
.lt-main-btn-gallery:hover {
    background-color: #EAED11 !important; /* Cambio al Dorado/Amarillo oscuro en hover */
    border-color: #FF0000 !important;
    color: #2b82a1 !important;
    transform: translateY(-3px); /* Pequeño salto de impacto */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

/* ============================================================
   REFINAMIENTO: CARRUSEL DE CATEGORÍAS (MONA LISA ALIVE)
   ============================================================ */

/* El carrusel debe ocupar todo el ancho disponible */
.lt-category-carousel {
    width: 100% !important;
    padding: 10px 0 !important;
}

/* Ajuste de la tarjeta: ahora se adapta al contenedor del carrusel */
.lt-category-card {
    background: #f8f9fa;
    padding: 20px 10px !important;
    text-align: center;
    border: 2px solid #FFDD1A !important; /* Tu Amarillo Oscuro */
    border-radius: 8px;
    transition: all 0.3s ease;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 2.5px; /* Crea el gap de 5px (2.5 a cada lado) */
}

.lt-category-card:hover {
    background: #2b82a1 !important; /* Azul de Mando */
    border-color: #2b82a1 !important;
    transform: translateY(-5px);
}

.lt-category-title {
    font-family: 'PT Serif', serif !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase;
    color: #212529;
}

.lt-category-card:hover i,
.lt-category-card:hover .lt-category-title {
    color: #ffffff !important;
}

/* Estilos para la sección de Marcas del Home antes del Footer *****************/
.lt-home-brands-section {
    background-color: #f8f9fa; /* Fondo gris muy tenue para resaltar los logos blancos */
    overflow: hidden;
}

.lt-category-brands-card {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    height: 170px;
    background: transparent;
    transition: transform 0.3s ease;
}

.home-brands-img {
    max-width: 175px !important;
    height: auto;
    max-height: 150px;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.4s ease;
}

.lt-category-brands-card:hover .home-brands-img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}

/* --- Responsive Breakpoints --- */

/* 1. < 576px */
@media (max-width: 575.98px) {
    .lt-home-brands-section { padding: 30px 0; }
    .home-brands-img { max-width: 110px !important; }
}

/* 2. 576px - 767px */
@media (min-width: 576px) and (max-width: 767.98px) {
    .home-brands-img { max-width: 130px !important; }
}

/* 3. 768px - 991px */
@media (min-width: 768px) and (max-width: 991.98px) {
    .home-brands-img { max-width: 150px !important; }
}

/* 4. 992px - 1199px */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-brands-img { max-width: 160px !important; }
}

/* 5. > 1200px */
@media (min-width: 1200px) {
    .home-brands-img { max-width: 200px !important; }
}

/* ------------------------------------------------------------
   Expertise Box Feacture
   ------------------------------------------------------------ */

.h2-main-color {
  color: #2B82A1;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 600;          
  letter-spacing: 0.08em;    /* toque premium */
  text-align: center !important;
}

.h2-main-color span.front-2 {
  font-family: 'PT Serif', serif !important; /* 'Overpass', sans-serif; */
  font-size: 1.7rem !important;
  font-weight: 500 !important;
}
.main-title-3 {
  color: #2B82A1 !important;
  font-family: 'PT Serif', serif !important;
  font-size: 1.4rem;
  font-weight: 500 !important;
  letter-spacing: 0.08em;    /* toque premium */
}
.p-main-color {
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.95rem;
  color: #777777;
 
}
/* FEACTURE BOX MODULE */
.feature-box.custom-feature-box {
		margin-bottom: 19.2px;
		margin-bottom: 1.2rem;
}

.feature-box.custom-feature-box.custom-feature-box-active .feature-box-icon, .feature-box.custom-feature-box:hover .feature-box-icon {
		box-shadow: 0px 0px 40px 4px rgba(200, 200, 200, 0.5);
}

.feature-box.custom-feature-box.custom-feature-box-active .feature-box-icon img, .feature-box.custom-feature-box:hover .feature-box-icon img {
		transform: translate3d(-50%, -50%, 0) scale(1.1);
}

.feature-box.custom-feature-box .feature-box-icon {
		flex: 0 0 auto;
		background: transparent;
		width: 100px;
		position: relative;
		height: 100px;
		border: 6px solid #FFF;
		border-radius: 100%;
		padding: 5px;
		margin-top: 0;
		overflow: hidden;
		z-index: 1;
		transition: ease box-shadow 300ms;
}

.feature-box.custom-feature-box .feature-box-icon img {
		position: absolute;
		width: 113%;
		top: 50%;
		left: 50%;
		z-index: 0;
		transform: translate3d(-50%, -50%, 0) scale(1);
		transition: ease transform 300ms;
}

@media (max-width: 991px) {
		.col-md-12 .feature-box.feature-box-style-2.custom-feature-box .feature-box-info {
				padding-left: 115px;
		}
}
/* Effects */
.featured-box-effect-1 .icon-featured:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 3px #FFF;
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(1);
	opacity: 0;
}

.featured-box-effect-1:hover .icon-featured:after {
	transform: scale(0.8);
	opacity: 1;
}

.featured-box-effect-2 .icon-featured:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	box-shadow: 0 0 0 3px #FFF;
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(0.8);
	opacity: 0;
}

.featured-box-effect-2:hover .icon-featured:after {
	transform: scale(0.95);
	opacity: 1;
}

.featured-box-effect-3 .icon-featured:after {
	top: 0;
	left: 0;
	box-shadow: 0 0 0 10px #FFF;
	transition: transform 0.2s, opacity 0.2s;
	transform: scale(0.9);
	opacity: 0;
}

.featured-box-effect-3:hover .icon-featured {
	color: var(--light) !important;
}

.featured-box-effect-3:hover .icon-featured:after {
	transform: scale(1);
	opacity: 0.8;
}

.featured-box-effect-4 .icon-featured {
	transition: transform 0.2s, transform 0.2s;
	transform: scale(1);
}

.featured-box-effect-4:hover .icon-featured {
	transform: scale(1.15);
}

.featured-box-effect-5 .icon-featured {
	overflow: hidden;
	transition: all 0.3s;
}

.featured-box-effect-5:hover .icon-featured {
	animation: toRightFromLeft 0.3s forwards;
}

@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}

	50% {
		opacity: 0;
		transform: translate(-100%);
	}

	51% {
		opacity: 1;
	}
}

.featured-box-effect-6 .icon-featured:after {
	transition: all 0.2s, transform 0.2s;
}

.featured-box-effect-6:hover .box-content .icon-featured:after {
	transform: scale(1.1);
}

.featured-box-effect-7 .icon-featured:after {
	opacity: 0;
	box-shadow: 3px 3px #d5d5d5;
	transform: rotate(-90deg);
	transition: opacity 0.2s, transform 0.2s;
	left: 0;
	top: -1px;
}

.featured-box-effect-7:hover .icon-featured:after {
	opacity: 1;
	transform: rotate(0deg);
}

.featured-box-effect-7 .icon-featured:before {
	transform: scale(0.8);
	opacity: 0.7;
	transition: transform 0.2s, opacity 0.2s;
}

.featured-box-effect-7:hover .icon-featured:before {
	transform: scale(1);
	opacity: 1;
}

/* Feature Box */
.feature-box {
	display: flex;
}
.feature-box .feature-box-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 1 0 auto;
	background: rgba(0, 0, 0, 0.06);
	border-radius: 100%;
	color: var(--light);
	font-size: 16px;
	font-size: 1rem;
	position: relative;
	top: 7px;
	text-align: center;
	padding: 0.8em;
	height: 1px;
	width: 2.7em;
	height: 2.7em;
}

.feature-box .feature-box-info {
	flex: 1 1 100%;
	padding-left: 5px;
}

.feature-box.align-items-center .feature-box-icon {
	top: 0;
}

/* Style 2 */
.feature-box.feature-box-style-2 h4 {
	color: var(--dark);
}

.feature-box.feature-box-style-2 .feature-box-icon {
	background: transparent;
	top: -3px;
}

.feature-box.feature-box-style-2 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-2 .feature-box-icon .icons {
	font-size: 1.7em;
}

.feature-box.feature-box-style-2.align-items-center .feature-box-icon {
	top: 0;
}

/* Style 3 */
.feature-box.feature-box-style-3 h4 {
	color: var(--dark);
}

.feature-box.feature-box-style-3 .feature-box-icon {
	border: 1px solid rgba(0, 0, 0, 0.06);
	background: transparent;
	line-height: 32px;
}

.feature-box.feature-box-style-3 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-3 .feature-box-icon .icons {
	color: rgba(0, 0, 0, 0.06);
}

/* Style 4 */
.feature-box.feature-box-style-4 {
	flex-wrap: wrap;
}

.feature-box.feature-box-style-4 h4 {
	color: var(--dark);
}

.feature-box.feature-box-style-4 .feature-box-icon {
	flex-basis: 100%;
	justify-content: flex-start;
	background: transparent;
	padding: 0 0 19.2px 0;
	padding: 0 0 1.2rem 0;
}

.feature-box.feature-box-style-4 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-4 .feature-box-icon .icons {
	font-size: 2.35em;
	width: auto;
	height: auto;
}

.feature-box.feature-box-style-4 .feature-box-info {
	clear: both;
	padding-left: 0;
}

/* Style 5 */
.feature-box.feature-box-style-5 h4 {
	color: var(--dark);
}

.feature-box.feature-box-style-5 .feature-box-icon {
	background: transparent;
	top: 0;
	padding: 1em 1.4em;
	min-width: 5em;
}

.feature-box.feature-box-style-5 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-5 .feature-box-icon .icons {
	font-size: 2.75em;
}

.feature-box.feature-box-style-5.align-items-center .feature-box-icon {
	top: 0;
}

/* Style 6 */
.feature-box.feature-box-style-6 h4 {
	color: var(--dark);
}

.feature-box.feature-box-style-6 .feature-box-icon {
	border: 1px solid #cecece;
	background: transparent;
	line-height: 32px;
}

.feature-box.feature-box-style-6 .feature-box-icon:after {
	border: 3px solid var(--grey-100);
	border-radius: 50%;
	box-sizing: content-box;
	content: "";
	display: block;
	height: 100%;
	left: -4px;
	padding: 1px;
	position: absolute;
	top: -4px;
	width: 100%;
}

.feature-box.feature-box-style-6 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-6 .feature-box-icon .icons {
	color: #a9a9a9;
}

/* Feature Box Icon Size */
.feature-box .feature-box-icon.feature-box-icon-lg {
	width: 3.7em;
	height: 3.7em;
}

.feature-box .feature-box-icon.feature-box-icon-xl {
	width: 4.5em;
	height: 4.5em;
}

/* Reverse All Resolutions */
.feature-box.reverse-allres {
	text-align: right;
	flex-direction: row-reverse;
}

.feature-box.reverse-allres .feature-box-info {
	padding-right: 15px;
	padding-left: 0;
}

.feature-box.reverse-allres.feature-box-style-4 .feature-box-icon {
	justify-content: flex-end;
}

.feature-box.reverse-allres.feature-box-style-4 .feature-box-info {
	padding-right: 0;
}

/* Reverse */
@media (min-width: 992px) {
	.feature-box.reverse {
		text-align: right;
		flex-direction: row-reverse;
	}

	.feature-box.reverse .feature-box-info {
		padding-right: 15px;
		padding-left: 0;
	}

	.feature-box.reverse.feature-box-style-4 .feature-box-icon {
		justify-content: flex-end;
	}

	.feature-box.reverse.feature-box-style-4 .feature-box-info {
		padding-right: 0;
	}
}

/* Full Width */
.featured-boxes-full .featured-box-full {
	text-align: center;
	padding: 55px;
}

.featured-boxes-full .featured-box-full [class*="fa-"], .featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full h1, .featured-boxes-full .featured-box-full h2, .featured-boxes-full .featured-box-full h3, .featured-boxes-full .featured-box-full h4, .featured-boxes-full .featured-box-full h5, .featured-boxes-full .featured-box-full h6, .featured-boxes-full .featured-box-full p, .featured-boxes-full .featured-box-full a {
	padding: 0;
	margin: 0;
}

.featured-boxes-full .featured-box-full:not(.featured-box-full-light) [class*="fa-"], .featured-boxes-full .featured-box-full:not(.featured-box-full-light) .icons, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h1, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h2, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h3, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h4, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h5, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h6, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) p, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) a {
	color: var(--light);
}

.featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full [class*="fa-"] {
	font-size: 3.9em;
	margin-bottom: 15px;
}

.featured-boxes-full .featured-box-full p {
	padding-top: 12px;
	opacity: 0.8;
}

.featured-boxes-full .featured-box-full.featured-box-full-light {
	border: 1px solid rgba(0, 0, 0, 0.06);
}

.featured-boxes-full .featured-box-full.featured-box-full-light:not(:last-child) {
	border-right: 0;
}

.featured-boxes-full .featured-box-full.featured-box-full-light:first-child {
	border-left: 0;
}

/* Icons - Skin */
.icon-featured {
	background-color: var(--primary);
}

/* Featured Box - - Skin */
.featured-box-primary .icon-featured {
	background-color: var(--primary);
}

.featured-box-primary h4 {
	color: var(--primary);
}

.featured-box-primary .box-content {
	border-top-color: var(--primary);
}

.featured-box-primary .box-content-border-bottom {
	border-bottom-color: var(--primary);
}

.featured-box-secondary .icon-featured {
	background-color: var(--secondary);
}

.featured-box-secondary h4 {
	color: var(--secondary);
}

.featured-box-secondary .box-content {
	border-top-color: var(--secondary);
}

.featured-box-secondary .box-content-border-bottom {
	border-bottom-color: var(--secondary);
}

.featured-box-tertiary .icon-featured {
	background-color: var(--tertiary);
}

.featured-box-tertiary h4 {
	color: var(--tertiary);
}

.featured-box-tertiary .box-content {
	border-top-color: var(--tertiary);
}

.featured-box-tertiary .box-content-border-bottom {
	border-bottom-color: var(--tertiary);
}

.featured-box-quaternary .icon-featured {
	background-color: var(--quaternary);
}

.featured-box-quaternary h4 {
	color: var(--quaternary);
}

.featured-box-quaternary .box-content {
	border-top-color: var(--quaternary);
}

.featured-box-quaternary .box-content-border-bottom {
	border-bottom-color: var(--quaternary);
}

.featured-box-dark .icon-featured {
	background-color: var(--dark);
}

.featured-box-dark h4 {
	color: var(--dark);
}

.featured-box-dark .box-content {
	border-top-color: var(--dark);
}

.featured-box-dark .box-content-border-bottom {
	border-bottom-color: var(--dark);
}

.featured-box-light .icon-featured {
	background-color: var(--light);
}

.featured-box-light h4 {
	color: var(--light);
}

.featured-box-light .box-content {
	border-top-color: var(--light);
}

.featured-box-light .box-content-border-bottom {
	border-bottom-color: var(--light);
}

/* =====================================================================================
   PAGE NO 2 ABOUT US: ESTILOS PARA INTRODUCCIONES DE SECCIÓN
   ==================================================================================== */
   
/* =========================================
   ESTILOS PARA INTRODUCCIONES DE SECCIÓN
   ========================================= */

/* 1. Título Principal (H1) */
.lt-intro-title {
    /* Usa la variable de tu azul base */
    color: var(--lt-primary-blue) !important; 
    /* Fuente Serif para ese look elegante (ajusta si usas otra) */
    font-family: 'PT Serif', serif !important; 
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.5rem; /* Ajusta el tamaño según necesites */
    margin-bottom: 0.5rem;
    line-height: 1.1;
}

/* 2. Subtítulo (Párrafo) */
.lt-intro-subtitle {
    /* Fuente Sans-serif moderna */
    font-family: 'Poppins', sans-serif !important;
    /* Un color gris oscuro/azulado para contraste, no negro puro */
    color: #50667c; 
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

/* 3. Separador de Barras Diagonales (El "truco" CSS) */
/* 3. Separador de Barras Diagonales (AZUL y MÁS LARGO) */
.lt-intro-separator {
    height: 12px;
    /* CAMBIO 1: Aumentamos el ancho para que haya más "rallitas" */
    width: 130px; 
    
    /* Esto crea las líneas diagonales perfectas */
    background-image: repeating-linear-gradient(
        135deg,
        transparent,
        transparent 6px, 
        /* CAMBIO 2: Usamos tu variable de azul base en lugar del gris */
        var(--lt-primary-blue) 6px, 
        var(--lt-primary-blue) 7px  
    );
    margin-top: 15px;
}

/* Ajuste Opcional para Móviles */
@media (max-width: 767px) {
    .lt-intro-title {
        font-size: 2rem;
    }
    .lt-intro-subtitle {
        font-size: 1.1rem;
    }
}

/* --- SECCIÓN IDENTIDAD (FONDO OSCURO) --- */
.about-identity-box {
    background-color: #FFFFCC !important; /* El color rojizo oscuro de tu captura */
    color: #2B82A1 !important;
}

.identity-header {
    font-family: 'PT Serif', Georgia, serif;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 25px;
    text-align: left; /* Como en la captura */
}

.identity-main-text, .identity-footer-text {
    font-family: 'PT Serif', Georgia, serif;
    font-size: 1.2rem;
    line-height: 1.6;
}

.identity-footer-text {
    font-size: 1.8rem;
    font-weight: 700;
    opacity: 0.9;
}

.bible-verses p {
    font-family: 'PT Serif', Georgia, serif;
    font-size: 1.1rem;
    font-style: italic;
    margin-bottom: 15px;
    text-transform: uppercase;
}

/* --- ESTILOS PARA SECTION-SERVICES-1 --- */
/* ============================================================
   COMPONENT: MAIN BANNER (SECTION-SERVICES-1)
   ============================================================ */
.section-services-1 {
    background-color: #f1f1f1;
	padding-left: 10px;
	padding-right: 10px;
}
.services-main-banner {
    position: relative;
    height: 570px;
    background-image: url('../img/services/home-slider-serv.png'); /* Tu imagen del taladro */
    background-size: cover;
    background-position: center;
    border-radius: 10px; /* Consistencia visual Latin Tools */
    display: flex;
    align-items: center;
    padding: 5px;
    color: #ffffff;
    overflow: hidden;
}

/* Capa oscura para que el texto resalte sobre la imagen */
.section-services-1 .services-main-banner::before {
    content: '';
    position: absolute;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    /* Esta es la línea exacta que debes colocar */
	background: linear-gradient(90deg, rgba(43, 130, 161, 0.9) 0%, transparent 80%);
    z-index: 1;
}

/* Asegura que el contenido esté por encima de la capa oscura */
.section-services-1 .banner-overlay-content {
    position: relative;
    z-index: 2;
	margin-left: 20px;
	padding-left:45px;
}
/* --- CONTROL DE TEXTO: BANNER PRINCIPAL --- */

/* 1. La etiqueta de descuento (25% OFF) */
.section-services-1 .promo-badge-v2 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.2rem !important; /* Más grande y legible */
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--lt-white);
    display: block;
    margin-bottom: 10px;
}

/* 2. El Título Principal (POWER TOOLS SALE) */
.section-services-1 .banner-title-v2 {
    font-family: 'PT Serif', Georgia, serif;
    font-weight: 900 !important; /* Grosor máximo estilo industrial */
    font-size: clamp(2rem, 2.7vw, 2.3rem) !important; /* Escala de 2rem a 3.8rem */
    line-height: 1 !important; /* Texto bien pegadito para impacto visual */
    color: var(--lt-white);
    text-transform: uppercase;
    margin-bottom: 15px;
}

/* 3. El Precio (Starting at $59.00) */
.section-services-1 .banner-price-v2 {
    font-family: 'PT Serif', Georgia, serif;
    font-size: 1.5rem !important;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 20px;
}

/* El número del precio resaltado */
.section-services-1 .banner-price-v2 span {
    font-weight: 800;
    font-size: 2rem; /* El precio debe gritar */
    color: var(--lt-white);
    margin-left: 5px;
}

/* 4. El Botón (Shop Now) */
.section-services-1 .btn-lt-orange-v2 {
    font-family: 'PT Serif', Georgia, serif;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    padding: 12px 35px !important;
    background-color: #ff6a28 !important; /* Naranja de acción */
    color: #fff !important;
    border: none;
    border-radius: 5px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.section-services-1 .btn-lt-orange-v2:hover {
    transform: scale(1.05);
    background-color: #e55a1a !important;
}
/* 1. CONTENEDOR DE COLUMNA DERECHA */
/* Aseguramos que el contenedor de las tarjetas pequeñas mida exactamente lo mismo que el banner */
.section-services-1 .right-column-container {
    display: flex;
    flex-direction: column;
    height: 570px; /* DEBE ser igual a la altura de .services-main-banner */
    gap: 20px;     /* Espacio uniforme entre las dos tarjetas */
}

/* 2. REFORMULACIÓN DE PROMO-CARD */
.section-services-1 .promo-card {
    flex: 1;        /* MAGIA: Esto obliga a cada tarjeta a ocupar el 50% del espacio disponible */
    height: auto !important; /* Eliminamos el 92% que causaba el descuadre */
    border-radius: 10px;
    padding: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: transform 0.3s ease;
    border: 1px solid rgba(0,0,0,0.05); /* Cambiamos el azul de prueba por algo elegante */
}

.section-services-1 .promo-card:hover {
    transform: translateY(-5px);
}

.section-services-1 .card-orange { 
	background-color: #FFA024; color: #fff; 
}
.section-services-1 .card-light-blue { 
	background-color: #C1EEF7; color: #1c1c1c; 
}

/* 3. AJUSTE DE IMÁGENES INTERNAS */
.section-services-1 .card-img {
    flex: 0 0 45%; /* Reservamos espacio para la imagen sin que empuje el texto */
    display: flex;
    justify-content: center;
}

.section-services-1 .card-img img {
    max-height: 180px; /* Reducimos un poco para que no rompa la tarjeta pequeña */
    width: auto;
    object-fit: contain;
}
/* 3. Tipografía y Botones */
.section-services-1 .card-price {
    font-size: 2.2rem;
    font-weight: 800;
    display: block;
}

.section-services-1 .btn-lt-orange {
    background-color: #ff6a28 !important;
    color: #fff !important;
    border: none;
    font-weight: 700;
}

/* SECTION SERVICES # 2: ***************/

.section-services-2 {
  padding: 50px 20px;
  background-color: #f9f9f9;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columnas iguales */
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}

.service-card {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  overflow: hidden;
  text-align: center;
  transition: transform 0.3s ease;
}

.service-card:hover {
  transform: translateY(-5px);
}

.card-header {
  background: linear-gradient(90deg, #2bc0e4, #52cde9); /* Degradado azul Latin Tools */
  padding: 15px;
}

.card-header h3 {
  margin: 0;
  color: #0c3552;
  font-size: 1.3rem;
  font-weight: 700;
}

.service-icon {
  font-size: 50px;
  color: #444;
  margin: 25px 0 15px;
}

.card-content {
  padding: 20px;
}

.card-content p {
  color: #666;
  font-size: 0.95rem;
  line-height: 1.6;
  min-height: 80px; /* Alinea los botones */
}

.see-more-btn {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 25px;
  background-color: #2bc0e4;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  transition: background 0.3s;
}

.see-more-btn:hover {
  background-color: #1a99b8;
}

/* Responsivo: 2 columnas en tablets y 1 en móviles */
@media (max-width: 992px) {
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .services-grid {
    grid-template-columns: 1fr;
  }
}

/********************** SECTION SERVICES #3 **************************************/
.section-services-3 {
  background-color: #f0f4f7; /* Color de fondo suave */
  padding: 80px 20px;
  display: flex;
  justify-content: center;
}

.delivery-container {
  max-width: 1100px;
  width: 100%;
}

.delivery-content {
  display: flex;
  align-items: center;
  gap: 50px;
}

.text-side h2 {
  color: #1a4a6e;
  font-size: 2.5rem;
  margin-bottom: 10px;
  font-family: 'Playfair Display', serif; /* Opcional, según tu estilo */
}

.subtitle {
  color: #0c3552;
  font-weight: bold;
  margin-bottom: 30px;
}

.coverage-list {
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
}

.coverage-list li {
  font-size: 1.5rem;
  color: #1a4a6e;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 15px;
}

.coverage-list i {
  color: #2bc0e4;
}

.contact-info {
  display: flex;
  gap: 20px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #d13438; /* Color rojo para resaltar los números */
}

.delivery-van {
  width: 100%;
  max-width: 500px;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Responsivo para móviles */
@media (max-width: 850px) {
  .delivery-content {
    flex-direction: column;
    text-align: center;
  }
  
  .coverage-list li {
    justify-content: center;
  }
  
  .contact-info {
    justify-content: center;
  }
}

/* ==================================================================================================
    BEGINNING OF: GALLERY PAGE: AND HER COMPONENTS 
   ==================================================================================== */
 /* --- SECCIÓN GALLERY CUSTOM --- */

.section-gallery-1 {
    padding: 80px 0 50px 0; /* Mucho aire arriba para que el título destaque */
    background-color: #F0F0F0;
	margin-top: 15px;
	margin-bottom: 30px;
}  
/* ================================================================
   1. LAYOUT PRINCIPAL (GRID Y SIDEBAR)
   ================================================================ */

/* Sidebar Ancho Fijo */
.col-lg-3.order-2.order-lg-1 {
    flex: 0 0 300px !important;
    max-width: 300px !important;
    padding-right: 10px !important;
    padding-left: 20px !important;
}

/* Área de Contenido (Catálogo) */
.col-lg-9.order-1.order-lg-2 {
    flex: 1 !important;
    max-width: calc(100% - 300px) !important;
    padding-left: 10px !important;
    padding-right: 20px !important;
}

.custom-sidebar-latin {
    background-color: #ffffff;
    border-right: 1px solid #eee;
    padding: 10px 0 !important;
}

.sidebar .nav-list .nav-link {
    padding: 12px 10px;
    border-bottom: 1px solid #f4f4f4;
    font-size: 0.95rem;
    color: #444;
}

/* Carrusel del Sidebar */
.sidebar-carousel-container {
    width: 250px;
    height: 250px;
    margin: 30px auto;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* ================================================================
   2. SECCIÓN DE TÍTULOS (GALLERY HEADER)
   ================================================================ */

.lt-gallery-title {
    font-family: 'PT Serif', Georgia, serif !important;
    font-weight: 600 !important;
    color: #1a4a6e;
    font-size: 3.5rem !important;
    line-height: 1.1 !important;
    letter-spacing: -1.5px !important;
    margin-bottom: 0.5rem !important;
}

.lt-gallery-subtitle {
    font-size: 1.1rem;
    color: #777;
    font-style: italic;
    margin-bottom: 20px;
    font-family: 'PT Serif', Georgia, serif !important;
}

.lt-divider {
    width: 100px;
    height: 3px;
    background: linear-gradient(to right, #2b82a1, #eaecc6);
    margin: 0 auto;
    border-radius: 10px;
}

/* ================================================================
   3. PORTFOLIO ITEM (LA TARJETA DE PRODUCTO)
   ================================================================ */

.portfolio-item {
    display: block !important;
    position: relative !important;
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 12px !important;
    transition: all 0.4s cubic-bezier(.165,.84,.44,1) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
    margin-bottom: 25px;
    cursor: pointer;
    overflow: hidden;
}

/* Efecto Hover en la Tarjeta */
.portfolio-item:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15) !important;
    border-color: #2bc0e4 !important;
}

/* Enlace dentro de la tarjeta */
/* --- EFECTO MARCO DE CUADRO PROFESIONAL --- */

.portfolio-item a {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    padding: 5px !important; /* El 'marco' que deseabas (ajusta entre 3px y 5px) */
    background: #ffffff !important; /* Fondo blanco para el marco */
    border-radius: 12px !important; /* Mantiene la redondez de la tarjeta */
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important; /* Vital para que el padding no agrande la caja */
    overflow: hidden !important; /* Evita que el contenido se asome por el borde */
}

/* Ajuste del Wrapper de imagen para que encaje en el nuevo marco */
.thumb-info-wrapper {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 8px !important; /* Un poco menos que el padre para efecto visual */
    overflow: hidden !important;
    margin: 0 !important; /* Eliminamos cualquier margen viejo */
}

.thumb-info-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.5s ease-in-out !important;
}

/* Zoom al Hover */
.portfolio-item:hover .thumb-info-wrapper img {
    transform: scale(1.1) !important;
}

/* Contenedor de Texto (Reacomodo) */
.thumb-info-action {
    position: static !important;
    width: 100% !important;
    padding: 15px 10px !important;
    text-align: center !important;
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.lt-product-title {
    color: #1a4a6e !important;
    font-size: 1.1rem !important;
    font-weight: 700;
    text-transform: none !important;
    text-decoration: none !important;
    margin-top: 5px;
    display: block;
}

.lt-product-services {
    color: #777 !important;
    font-size: 0.7rem !important;
    text-transform: none !important;
    text-decoration: none !important;
    margin-top: 2px;
}

/* ================================================================
   4. PAGINACIÓN
   ================================================================ */

.pagination .page-item.active .page-link {
    background-color: #2bc0e4;
    border-color: #2bc0e4;
    color: white !important;
}

.pagination .page-link i {
    color: #1a4a6e;
    font-size: 0.9rem;
    vertical-align: middle !important;
    transition: all 0.3s ease !important;
}

.pagination .page-link:hover i {
    color: #ff0000 !important; /* Rojo según tu petición */
    transform: scale(1.7) !important;
}

/* ================================================================================================
   LATIN TOOLS BLOG #1 Y # 2
   =============================================================================================== */
.section-latin-blog-1 {
    padding: 80px 0 40px;
    background-color: #f8f9fa; /* Un gris casi blanco, muy limpio */
}

.lt-category-tag {
    color: #2bc0e4;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 1.5px;
}

.lt-blog-main-title {
    font-size: 3.5rem !important;
    color: #1a4a6e;
    font-weight: 800;
    margin: 10px 0;
    text-transform: none; /* Respetamos tu escritura manual */
}

.lt-blog-intro {
    font-size: 1.2rem;
    color: #666;
    line-height: 1.6;
}

.lt-title-separator {
    width: 80px;
    height: 4px;
    background: #2bc0e4;
    margin: 25px auto 0;
    border-radius: 10px;
}

/* Latin Tools: section-latin-blog-2 */

/* --- SECTION LATIN BLOG 2 --- */

.section-latin-blog-2 {
    padding: 60px 0;
    background-color: #f4f4f4; /* Fondo gris claro como el pantallazo */
}

.lt-blog-post-card {
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.05);
    border: 1px solid #e5e5e5;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.lt-post-thumbnail img {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #eee;
}

.lt-post-body {
    padding: 25px;
}

.lt-post-title {
    font-size: 1.4rem;
    color: #1a4a6e;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
    text-decoration: none !important;
}

.lt-post-excerpt {
    color: #777;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Meta información (Iconos y texto pequeño) */
.lt-post-meta {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-bottom: 20px;
    font-size: 0.85rem;
    color: #999;
}

.meta-item {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
}

.meta-item i {
    color: #2bc0e4; /* Color de tu marca */
    margin-right: 5px;
}

.meta-item a {
    color: #1a4a6e;
    text-decoration: none !important;
}

.meta-bottom {
    margin-top: 5px;
}

/* Botón Read More */
.lt-btn-readmore {
    display: inline-block;
    padding: 6px 15px;
    background: #f4f4f4;
    color: #666;
    font-size: 0.75rem;
    font-weight: bold;
    text-decoration: none !important;
    border-radius: 3px;
    border: 1px solid #ddd;
    transition: all 0.3s ease;
}

.lt-btn-readmore:hover {
    background: #1a4a6e;
    color: #ffffff;
    border-color: #1a4a6e;
}


/* --- SECTION CONTACT 1 --- */

.section-contact-1 {
    padding: 80px 0 40px;
    background-color: #f8f9fa; /* Gris muy suave, igual que el blog */
}

.lt-contact-tag {
    color: #2bc0e4; /* Azul claro de marca */
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 2px;
}

.lt-contact-main-title {
    font-size: 3.5rem !important;
    color: #1a4a6e; /* Azul oscuro Latin Tools */
    font-weight: 800;
    margin: 10px 0;
    text-transform: none; /* Respetamos minúsculas manuales */
    text-decoration: none !important;
}

.lt-contact-intro {
    font-size: 1.2rem;
    color: #666;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
}

.lt-contact-separator {
    width: 80px;
    height: 4px;
    background: linear-gradient(to right, #2bc0e4, #eaecc6);
    margin: 25px auto 0;
    border-radius: 10px;
}

/* --- SECTION CONTACT 2 --- */

.section-contact-2 {
    padding: 60px 0;
    background-color: #ffffff;
}

/* Cajas de Información (Izquierda) */
.contact-info-box {
    background-color: #1a4a6e; /* Azul Latin Tools */
    color: #ffffff;
    padding: 30px;
    border-radius: 5px;
}

.location-title {
    font-size: 1.2rem;
    font-weight: 800;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 10px;
}

.contact-details {
    list-style: none;
    padding: 0;
}

.contact-details li {
    margin-bottom: 12px;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 12px;
}

.contact-details i {
    color: #2bc0e4; /* Iconos en azul claro */
    width: 20px;
}

/* Estilo del Formulario (Derecha) */
.lt-custom-form .form-control {
    background-color: #f4f4f4;
    border: none;
    padding: 15px;
    border-radius: 4px;
    font-size: 0.95rem;
}

.lt-custom-form .form-control:focus {
    background-color: #ebebeb;
    box-shadow: none;
    border: 1px solid #2bc0e4;
}

/* Botón de Envío */
.lt-btn-send {
    background-color: transparent;
    color: #ff4d00; /* Color naranja/rojo del borde según pantallazo */
    border: 2px solid #ff4d00;
    padding: 12px 40px;
    font-weight: bold;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.lt-btn-send:hover {
    background-color: #ff4d00;
    color: #ffffff;
}
/* Estilo para los títulos de los campos (Labels) */
.lt-form-label {
    display: block;
    font-size: 0.9rem;
    font-weight: 700;
    color: #1a4a6e; /* Azul Latin Tools */
    margin-bottom: 8px;
    text-transform: none; /* Mantiene minúsculas si así lo escribes */
    text-decoration: none !important;
}

/* Ajuste sutil al input para que combine con el label */
.lt-custom-form .form-control {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    padding: 12px 15px;
    color: #444;
    transition: all 0.3s ease;
}

.lt-custom-form .form-control:focus {
    border-color: #2bc0e4;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(43, 192, 228, 0.1);
}

/* Título introductorio del Formulario */
.lt-form-intro-title {
    font-size: 2rem !important;
    color: #1a4a6e; /* Tu azul característico */
    font-weight: 700;
    margin-bottom: 15px;
	text-align: center;
    text-transform: none; /* Respetamos tu escritura manual */
    text-decoration: none !important;
}

/* Pequeño detalle visual debajo del título */
.lt-title-mini-separator {
    width: 60px;
    height: 3px;
    background-color: #2bc0e4;
    margin: 0 auto 50px auto; /* El 50px le da el aire antes de las columnas */
    border-radius: 5px;
}

/* --- SECTION CONTACT 3 --- */

.section-contact-3 {
    line-height: 0; /* Elimina espacios extraños debajo de los iframes */
}

.lt-map-container {
    position: relative;
    filter: grayscale(0.2); /* Suaviza los colores del mapa para que combine */
    transition: all 0.5s ease;
}

.lt-map-container:hover {
    filter: grayscale(0); /* El mapa cobra vida al pasar el mouse */
}

.lt-map-container iframe {
    display: block;
}

/* Etiqueta flotante sobre el mapa */
.lt-map-label {
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(26, 74, 110, 0.9); /* Azul Latin Tools con transparencia */
    color: #ffffff;
    padding: 10px 20px;
    font-size: 0.9rem;
    font-weight: 700;
    border-radius: 4px;
    pointer-events: none; /* No interfiere con el mapa */
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
/* Título para la sección de mapas */
.lt-map-intro-title {
    font-size: 2.2rem !important;
    color: #1a4a6e;
    font-weight: 700;
    margin-top: 40px; /* Separación de la sección anterior */
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none !important;
}

/* ------------------------------------ Sección Principal ---------------------------------------------- */
.section-privacy-policy {
    background-color: #ffffff;
    color: #444;
    line-height: 1.6;
}

.lt-main-title {
    color: #2b82a1;
    font-weight: 800;
    font-size: 2.5rem;
    position: relative;
    display: inline-block;
}

.lt-main-title::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background: #2b82a1;
    margin-top: 10px;
}

/* --- Items de Política --- */
.lt-policy-item {
    margin-bottom: 40px;
    padding-left: 20px;
    border-left: 4px solid #f1f1f1;
    transition: all 0.3s ease;
}

.lt-policy-item:hover {
    border-left-color: #2b82a1;
}

.lt-policy-item.border-danger-left {
    border-left-color: #dc3545; /* Rojo para alertas críticas */
}

.lt-policy-subtitle {
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 12px;
}

.lt-payment-info {
    font-size: 0.85rem;
    color: #2b82a1;
    font-weight: 600;
    font-style: italic;
}

/* --- Sidebar (Avisos) --- */
.lt-sidebar-notice-box {
    background-color: #f8f9fa;
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #e9ecef;
}

.lt-sidebar-title {
    font-size: 1.5rem;
    font-weight: 800;
    color: #333;
    text-align: center;
    margin-bottom: 25px;
}

.lt-notice-img-container img {
    border: 1px solid #ddd;
    transition: transform 0.3s ease;
}

.lt-notice-img-container img:hover {
    transform: scale(1.03);
}

/* --- Media Queries --- */
@media (max-width: 991.98px) {
    .lt-main-title { font-size: 2rem; }
    .lt-sidebar-notice-box { margin-top: 20px; }
}

/* --- Estilos para la Sección 2 --- */
.section-privacy-policy-2 {
    border-top: 1px solid #e0e0e0;
}

.lt-title-with-icons {
    color: #333;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
}

.lt-title-with-icons i {
    color: #2b82a1; /* Tu color base */
    font-size: 1.8rem;
}

.lt-divider {
    width: 80px;
    height: 4px;
    background: #2b82a1;
    margin: 15px auto 0;
    border-radius: 2px;
}

/* --- Marcos de Imagen --- */
.lt-img-frame {
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    padding: 5px;
    transition: transform 0.3s ease;
}

.lt-img-frame img {
    width: 100%;
    display: block;
}

.main-frame:hover, .side-frame:hover {
    transform: translateY(-5px);
}

/* --- Media Queries para los iconos --- */
@media (max-width: 767.98px) {
    .lt-title-with-icons {
        font-size: 1.5rem;
        flex-direction: column;
    }
    .lt-title-with-icons i {
        margin: 10px 0;
    }
}
/* ================================================================================================
   7. FOOTER: SISTEMA UNIFICADO LATIN TOOLS
   =============================================================================================== */

#footer {
    background-color: var(--lt-primary-blue) !important;
    font-family: 'Poppins', sans-serif !important;
    width: 100%;
    position: relative;
    clear: both;
    border-top: none !important;
    padding-top: 15px !important;  /* Reducido de 40px */
    padding-bottom: 10px !important; /* Reducido de 20px */
}
/* Aseguramos que el footer no tenga límites de ancho máximo */
#footer .container-fluid {
    max-width: none !important;
    width: 100%;
}

/* Opcional: Si sientes que las columnas están muy pegadas a los bordes en pantallas gigantes */
@media (min-width: 1400px) {
    #footer .container-fluid {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
}

/* Ajuste para que los títulos del footer no se vean pequeños en el gran espacio */
#footer h4 {
    white-space: nowrap; /* Evita que los títulos se rompan en dos líneas si hay espacio */
    font-size: 1.1rem !important;
}
/* --- 7.1 ELEMENTOS DE TEXTO Y ENLACES --- */

#footer p {
    color: var(--lt-white) !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.95rem;
    line-height: 1.8;
    margin-bottom: 15px;
}
#footer li {
    color: var(--lt-white) !important;
    font-family: 'Poppins', sans-serif !important;
    list-style: none;
    margin-bottom: 8px;
}
#footer a {
    color: var(--lt-white) !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
    display: inline-block;
}
#footer h4 {
    font-family: 'PT Serif', serif !important;
    color: var(--lt-white) !important;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

/* --- 7.2 COMPONENTES ESPECIALES --- */
/* --- ESTILO WOW: TÍTULO GIGANTE --- */

.footer-giant-title {
    font-family: 'PT Serif', Georgia, serif !important; /* Usamos la sans-serif para el look TOOLPART */
    font-weight: 700 !important; /* Peso máximo para el efecto "Bloque" */
    font-size: clamp(1rem, 2.5vw, 2.25rem); /* Se ajusta solo según el tamaño de la pantalla */
    color: #2b82a1;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0px; /* Espaciado generoso para elegancia */
    margin-bottom: 0;
    opacity: 0.9;
    /* Un toque de sombra sutil para profundidad */
    text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
	background: #F6E600;
	
}

.footer-title-wrapper {
    padding-bottom: 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Línea divisoria sutil */
    margin-bottom: 0px;
}

/* Ajuste para que en móviles no se rompa el diseño */
@media (max-width: 767px) {
    .footer-giant-title {
        letter-spacing: 3px;
        font-size: 1.8rem;
    }
}
/* --- 1. CONFIGURACIÓN DEL LOGO DE EMPRESA (COL 1) --- */
.footer-company-box {
    background: #fff;
    padding: 3px;
    border-radius: 12px;
    max-width: 250px;
    margin: 0 auto;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
/* Estilo quirúrgico para el logo de la empresa */
.footer-company-img {
    border-radius: 10px !important;
    /* Aseguramos que la imagen no "se salga" de las esquinas redondeadas */
    overflow: hidden; 
    /* Opcional: un toque de nitidez extra */
    display: block;
}
/* --- 2. LÍNEA DIVISORIA ESTILO CORPORATIVO --- */
@media (min-width: 992px) {
    .footer-first-col {
        border-right: 1px solid rgba(255, 255, 255, 0.15); /* Gris suave */
        padding-right: 4rem !important; /* Espacio antes de la línea */
        margin-right: 1rem; /* Espacio después de la línea */
    }
}

/* --- 3. CAJA DE GARANTÍA (NATURAL) --- */
.footer-guaranty-box {
    background: #fff;
    padding: 10px;
    border-radius: 12px;
    max-width: 170px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.guaranty-overlay {
    background: var(--lt-primary-blue);
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0;
    margin-top: 8px;
    width: 100%;
    text-align: center;
    border-radius: 4px;
}
/* Estilo del Horario */
.footer-schedule-info p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.9rem !important;
    color: var(--lt-white) !important;
    line-height: 1.6;
}

.footer-schedule-info strong {
    color: var(--lt-white);
    font-weight: 600;
}

/* La Línea Divisoria (Basada en tu boceto) */
.footer-hr-divider {
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.4); /* Línea blanca sutil con transparencia */
    margin: 15px 0;
    width: 100%; /* Ocupa el ancho de la columna */
    opacity: 1;
}

/* Ajuste de Redes Sociales para que no queden pegadas a la línea */
#footer .social-icons {
    padding-top: 5px;
}
/* Navegación y Contacto */
.footer-nav-list li a:hover {
    color: var(--lt-yellow-accent) !important; /* Sincronizado con tus variables */
    padding-left: 8px;
}
.footer-contact-info li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 0.9rem;
}
.footer-contact-info i {
    color: var(--lt-yellow-accent);
    font-size: 1.1rem;
    width: 20px;
    text-align: center;
    flex-shrink: 0;
}
/* Iconos Sociales */
.social-icons.social-icons-icon-light {
    display: flex;
    gap: 15px;
    padding: 0;
}
.social-icons.social-icons-icon-light li {
    transition: transform 0.3s ease;
    margin: 0 !important;
}
.social-icons.social-icons-icon-light li a {
    width: 35px;
    height: 35px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.1) !important;
}
.social-icons.social-icons-icon-light li:hover {
    transform: scale(1.25);
}
/* ============================================================
   7.3 EL SISTEMA DE 5 ESCALONES (RESPONSIVE)
   ============================================================ */

/* 1. XXL (>1400px) - Antes tenías 70px/50px */
@media (min-width: 1400px) {
    #footer { padding-top: 30px !important; padding-bottom: 20px !important; }
}

/* 2. XL (1200px - 1399px) - Antes tenías 60px/40px */
@media (min-width: 1200px) and (max-width: 1399px) {
    #footer { padding-top: 25px !important; padding-bottom: 15px !important; }
}

/* 3. LG (992px - 1199px) - Antes tenías 50px/30px */
@media (min-width: 992px) and (max-width: 1199px) {
    #footer { padding-top: 20px !important; padding-bottom: 10px !important; }
}

/* 4. MD y 5. SM/XS (Móviles) */
@media (max-width: 991px) {
    #footer { padding-top: 20px !important; padding-bottom: 15px !important; }
}

/* 5. SM & XS (<767px): Móvil Total */
@media (max-width: 767px) {
    #footer { text-align: center; padding-top: 40px; padding-bottom: 30px; }
    
    #footer p { font-size: 0.9rem; }
    
    .footer-contact-info li {
        justify-content: center;
        margin-bottom: 15px;
    }

    .social-icons.social-icons-icon-light {
        justify-content: center;
    }
    
    .footer-guaranty-box { 
        max-width: 160px; 
        margin: 20px auto; 
    }

    #footer h4 { font-size: 1.2rem !important; }
}

/* ============================================================
   CONTROL DE FRANJA TRIPLE: ENFOQUE PT SERIF
   ============================================================ */

.lt-footer-bottom {
    background-color: var(--lt-primary-blue) !important;
    padding: 12px 0 !important; /* Un poco más compacto */
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* Tipografía Maestra para las 3 Columnas */
.lt-footer-text, 
.lt-footer-link,
.alpha-brand {
    font-family: 'PT Serif', Georgia, serif !important; /* Tu orden directa */
    font-size: 0.9rem !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin-bottom: 0 !important;
    letter-spacing: 0.3px;
}

/* Ajustes específicos para el enlace de Privacidad */
.lt-footer-link {
    text-decoration: none !important;
    transition: all 0.3s ease;
    display: inline-block;
}

.lt-footer-link:hover {
    color: var(--lt-yellow-accent) !important;
    transform: scale(1.05);
}

/* Resalte para Alpha Digital System */
.alpha-brand {
    font-weight: 700 !important;
    color: var(--lt-white) !important;
}

/* --- Ajuste Responsivo --- */
@media (max-width: 767px) {
    .lt-footer-col {
        margin-bottom: 15px;
    }
    .lt-footer-text, .lt-footer-link {
        font-size: 0.85rem !important;
    }
}
/* ============================================================
   ORDEN MAESTRA: PT SERIF PARA TODO EL FOOTER BOTTOM
   ============================================================ */

.lt-copy-brand, 
.lt-privacy-btn, 
.lt-credits-label, 
.lt-credits-system {
    font-family: 'PT Serif', serif !important; /* Tu orden directa */
    color: var(--lt-white) !important;
    font-size: 0.9rem !important;
    letter-spacing: 0.2px;
}

/* --- Ajustes Individuales para Precisión --- */

/* Control de Privacidad */
.lt-privacy-btn {
    text-decoration: none !important;
    opacity: 0.9;
    transition: all 0.3s ease;
}

.lt-privacy-btn:hover {
    color: var(--lt-yellow-accent) !important;
    opacity: 1;
}

/* Control del Powered By (un poco más discreto) */
.lt-credits-label {
    opacity: 0.7;
    font-size: 0.85rem !important;
}

/* Resalte de Alpha Digital System */
.lt-credits-system {
    font-weight: 700 !important;
    margin-left: 5px;
}

/* Espaciado de la fila de contenido */
.lt-footer-content-row {
    padding: 10px 0;
}