/*
Theme Name: Gastel Llantas
Theme URI: https://gastelllantas.com/
Description: Tema personalizado de Gastel Llantas basado en Hello Elementor.
Author: Gastel Llantas
Version: 1.0.0
Template: hello-elementor
Text Domain: gastel-llantas
*/

/* ========================================
   IDENTIDAD VISUAL
======================================== */

:root {
    --gastel-blue: #13206B;
    --gastel-yellow: #F9D000;
    --gastel-white: #FFFFFF;
    --gastel-dark: #171717;
    --gastel-gray: #F5F6F8;

    --gastel-container: 1200px;
    --gastel-radius: 8px;
}

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

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--gastel-dark);
    background: var(--gastel-white);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: var(--gastel-blue);
}

button,
input[type="submit"] {
    cursor: pointer;
}

/* Contenedor reutilizable */

.gastel-container {
    width: min(
        calc(100% - 40px),
        var(--gastel-container)
    );
    margin-inline: auto;
}

/* Botón corporativo */

.gastel-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 22px;
    border: 2px solid var(--gastel-yellow);
    border-radius: var(--gastel-radius);
    background: var(--gastel-yellow);
    color: var(--gastel-blue);
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.gastel-button:hover {
    background: var(--gastel-blue);
    color: var(--gastel-white);
}

/* Adaptación a móviles */

@media (max-width: 767px) {
    .gastel-container {
        width: min(
            calc(100% - 28px),
            var(--gastel-container)
        );
    }

    .gastel-button {
        padding: 12px 16px;
    }
}

/* Página de contacto */
.gastel-contact-page { color: var(--gastel-dark); }
.contact-hero { position: relative; overflow: hidden; padding: 92px 0 88px; background: var(--gastel-blue); color: var(--gastel-white); }
.contact-hero::after { position: absolute; right: -110px; bottom: -250px; width: 560px; height: 560px; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; content: ""; box-shadow: 0 0 0 48px rgba(255,255,255,.035), 0 0 0 96px rgba(255,255,255,.025); }
.contact-hero-inner { position: relative; z-index: 1; max-width: 1200px; }
.contact-eyebrow { margin-bottom: 14px; color: #9ba9ff; font-size: 12px; font-weight: 800; letter-spacing: .14em; }
.contact-hero h1 { max-width: 760px; margin: 0 0 18px; color: #fff; font-size: clamp(38px, 6vw, 68px); line-height: 1.05; letter-spacing: -.04em; }
.contact-hero h1 span { color: var(--gastel-yellow); }
.contact-hero p { max-width: 620px; margin: 0 0 28px; color: rgba(255,255,255,.82); font-size: 18px; }
.contact-about { padding: 76px 0 64px; }
.contact-about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: start; }
.contact-about .contact-eyebrow, .contact-info .contact-eyebrow, .contact-form-card .contact-eyebrow, .contact-bottom-cta .contact-eyebrow { color: #6c75a0; }
.contact-about h2, .contact-info h2, .contact-form-card h2, .contact-bottom-cta h2 { margin: 0; color: var(--gastel-blue); font-size: clamp(28px, 3vw, 40px); line-height: 1.15; letter-spacing: -.025em; }
.contact-about-copy p { margin: 0 0 14px; color: #555b69; }
.contact-lines { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.contact-lines span { padding: 9px 14px; border-radius: 999px; background: #f0f2fa; color: var(--gastel-blue); font-size: 13px; font-weight: 700; }
.contact-details { padding: 76px 0; background: var(--gastel-gray); }
.contact-details-grid { display: grid; grid-template-columns: 1fr .88fr; gap: 72px; align-items: start; }
.contact-info-intro, .contact-form-card > p { margin: 12px 0 26px; color: #5d6270; }
.contact-info-card { display: flex; gap: 16px; margin: 22px 0; }
.contact-icon { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: #fff; color: var(--gastel-blue); font-size: 22px; }
.contact-info-card h3 { margin: 0 0 3px; color: var(--gastel-blue); font-size: 16px; }
.contact-info-card p { margin: 0; color: #5d6270; }
.contact-info-card a { display: inline-block; margin-top: 5px; color: var(--gastel-blue); font-size: 14px; font-weight: 700; }
.contact-map { overflow: hidden; margin-top: 28px; border-radius: 10px; background: #e5e7eb; }
.contact-map iframe { display: block; width: 100%; height: 240px; border: 0; }
.contact-form-card { padding: 34px; border: 1px solid #e9eaf0; border-radius: 12px; background: #fff; box-shadow: 0 14px 44px rgba(19,32,107,.07); }
.contact-form-card h2 { font-size: 32px; }
.contact-form-card form { display: grid; gap: 10px; }
.contact-form-card label { margin-top: 7px; color: #272a33; font-size: 14px; font-weight: 700; }
.contact-form-card input, .contact-form-card select, .contact-form-card textarea { box-sizing: border-box; width: 100%; min-height: 46px; padding: 11px 13px; border: 1px solid #d9dce5; border-radius: 6px; background: #fff; color: #222; font: inherit; }
.contact-form-card textarea { resize: vertical; }
.contact-form-card input:focus, .contact-form-card select:focus, .contact-form-card textarea:focus { border-color: var(--gastel-blue); outline: 2px solid rgba(19,32,107,.12); }
.contact-submit { justify-self: start; margin-top: 10px; font: inherit; }
.contact-form-feedback { margin: 2px 0 0; color: #6a6e78; font-size: 12px; }
.contact-bottom-cta { padding: 58px 0; background: #fff; }
.contact-bottom-inner { display: flex; justify-content: space-between; gap: 32px; align-items: center; }
.contact-bottom-cta h2 { max-width: 650px; }
.contact-bottom-cta p { margin: 10px 0 0; color: #5d6270; }
@media (max-width: 767px) {
    .contact-hero { padding: 68px 0 64px; }
    .contact-hero p { font-size: 16px; }
    .contact-about, .contact-details { padding: 54px 0; }
    .contact-about-grid, .contact-details-grid { grid-template-columns: 1fr; gap: 30px; }
    .contact-form-card { padding: 24px 20px; }
    .contact-bottom-inner { align-items: flex-start; flex-direction: column; }
}


/* ========================================
   ENCABEZADO GASTEL LLANTAS
======================================== */

.gastel-header {
    position: relative;
    z-index: 1000;
    width: 100%;
    background: #FFFFFF;
    border-bottom: 1px solid #E9EAF0;
}

.gastel-header-inner {
    width: min(94%, 1440px);
    min-height: 88px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.gastel-brand {
    flex-shrink: 0;
}

.gastel-brand .custom-logo {
    display: block;
    width: auto;
    max-width: 210px;
    max-height: 65px;
    object-fit: contain;
}

.gastel-brand-name {
    color: #13206B;
    font-size: 25px;
    font-weight: 900;
    letter-spacing: -0.8px;
    text-decoration: none;
    white-space: nowrap;
}

.gastel-brand-name span {
    color: #13206B;
    border-bottom: 4px solid #F9D000;
}

.gastel-navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px;
}

.gastel-nav-links {
    display: flex;
    align-items: center;
    gap: 23px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.gastel-nav-links li {
    position: relative;
    margin: 0;
    padding: 0;
}

.gastel-nav-links a {
    display: block;
    padding: 12px 0;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

.gastel-nav-links a:hover,
.gastel-nav-links .current-menu-item > a,
.gastel-nav-links .current_page_item > a {
    color: #13206B;
}

/* Submenú Automotriz */
.gastel-nav-links > .menu-item-has-children > a::after {
    content: "▾";
    display: inline-block;
    margin-left: 7px;
    font-size: 11px;
}

.gastel-nav-links .sub-menu {
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: -16px;
    display: none;
    min-width: 190px;
    margin: 0;
    padding: 8px 0;
    list-style: none;
    background: #FFFFFF;
    border: 1px solid #E8EAF0;
    border-radius: 5px;
    box-shadow: 0 12px 28px rgba(19, 32, 107, .14);
}

.gastel-nav-links > .menu-item-has-children:hover > .sub-menu,
.gastel-nav-links > .menu-item-has-children:focus-within > .sub-menu {
    display: block;
}

.gastel-nav-links .sub-menu a {
    padding: 10px 16px;
    white-space: nowrap;
}

.gastel-header-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 13px 19px;
    border: 2px solid #F9D000;
    border-radius: 5px;
    background: #F9D000;
    color: #13206B !important;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.gastel-header-cta:hover {
    background: #13206B;
    border-color: #13206B;
    color: #FFFFFF !important;
}

.gastel-menu-toggle {
    display: none;
}

/* TABLET Y MÓVIL */

@media (max-width: 1050px) {
    .gastel-header-inner {
        min-height: 76px;
        flex-wrap: wrap;
        gap: 0;
        padding: 12px 0;
    }

    .gastel-brand .custom-logo {
        max-width: 175px;
        max-height: 55px;
    }

    .gastel-menu-toggle {
        display: flex;
        width: 44px;
        height: 42px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 8px;
        border: 1px solid #E0E2EA;
        border-radius: 5px;
        background: #FFFFFF;
        cursor: pointer;
    }

    .gastel-menu-toggle span {
        display: block;
        width: 22px;
        height: 2px;
        background: #13206B;
    }

    .gastel-navigation {
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        padding: 18px 0 8px;
    }

    .gastel-navigation.is-open {
        display: flex;
    }

    .gastel-nav-links {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .gastel-nav-links a {
        padding: 12px 8px;
        border-bottom: 1px solid #F0F1F5;
        font-size: 15px;
    }

    .gastel-nav-links .sub-menu {
        position: static;
        display: block;
        min-width: 0;
        padding: 0 0 4px 14px;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .gastel-nav-links .sub-menu a {
        padding: 10px 8px;
        color: #444A5C;
        font-size: 14px;
    }

    .gastel-header-cta {
        align-self: flex-start;
        margin-top: 6px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gastel-header *,
    .gastel-header *::before,
    .gastel-header *::after {
        transition: none !important;
        scroll-behavior: auto !important;
    }
}


/* ========================================
   PIE DE PÁGINA
======================================== */

.gastel-footer {
    background: #13206B;
    color: #FFFFFF;
}

.gastel-footer-main {
    width: min(92%, 1200px);
    margin: 0 auto;
    padding: 56px 0 42px;
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 48px;
}

.gastel-footer-logo {
    display: inline-flex;
    align-items: center;
    margin-bottom: 14px;
    text-decoration: none;
}

.gastel-footer-logo img {
    display: block;
    width: auto;
    max-width: 220px;
    max-height: 62px;
    object-fit: contain;
}

.gastel-footer-brand p,
.gastel-footer-contact p {
    max-width: 360px;
    color: #E0E5FA;
    font-size: 14px;
    line-height: 1.8;
}

.gastel-footer h3 {
    margin: 0 0 18px;
    color: #F9D000;
    font-size: 16px;
    font-weight: 800;
}

.gastel-footer-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gastel-footer-links li {
    margin-bottom: 12px;
}

.gastel-footer-links a,
.gastel-footer-contact-link {
    color: #FFFFFF;
    font-size: 14px;
    text-decoration: none;
}

.gastel-footer-links a:hover,
.gastel-footer-contact-link:hover {
    color: #F9D000;
}

.gastel-footer-contact-link {
    display: inline-block;
    margin-top: 8px;
    font-weight: 700;
}

.gastel-footer-map {
    margin-top: 26px;
}

.gastel-footer-map h3 {
    margin-bottom: 12px;
}

.gastel-footer-map iframe {
    display: block;
    width: 100%;
    height: 210px;
    border: 0;
    border-radius: 6px;
}

.gastel-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    padding: 18px 20px;
    text-align: center;
}

.gastel-footer-bottom p {
    margin: 0;
    color: #D7DCF2;
    font-size: 12px;
}

/* Adaptación a pantallas pequeñas */

@media (max-width: 767px) {
    .gastel-footer-main {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 40px 0 32px;
    }
}

/* =========================================================
   PÁGINA LLANTAS
   ========================================================= */

/* =========================================================
   GASTEL LLANTAS
   PÁGINA DE LLANTAS
   ========================================================= */

.gastel-page {
    width: 100%;
    overflow: hidden;
}

.gastel-container {
    width: min(1200px, calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   BOTONES
   ========================================================= */

.llantas-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    min-height: 52px;
    padding: 0 25px;

    border-radius: 6px;

    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .2px;

    text-decoration: none;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.llantas-btn:hover {
    transform: translateY(-2px);
}

.llantas-btn-yellow {
    background: #F9D000;
    color: #13206B;
    box-shadow: 0 8px 20px rgba(249,208,0,.18);
}

.llantas-btn-yellow:hover {
    color: #13206B;
    box-shadow: 0 12px 25px rgba(249,208,0,.28);
}

.llantas-btn-outline {
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    background: transparent;
}

.llantas-btn-outline:hover {
    background: #FFFFFF;
    color: #13206B;
}


/* =========================================================
   HERO
   ========================================================= */

.llantas-hero {
    position: relative;

    min-height: 650px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background-color: #13206B;

    background-image:
        var(--llantas-hero-image);

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    color: #FFFFFF;
}


/*
 * Capa oscura sobre la imagen.
 * Mantiene la lectura del texto del lado izquierdo.
 */

.llantas-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(7,22,65,.98) 0%,
            rgba(7,22,65,.94) 32%,
            rgba(7,22,65,.55) 53%,
            rgba(7,22,65,.05) 78%,
            rgba(7,22,65,0) 100%
        );

    z-index: 1;
}


/*
 * Contenedor del contenido.
 */

.llantas-hero-inner {
    position: relative;

    z-index: 2;

    width: min(
        1200px,
        calc(100% - 40px)
    );

    min-height: 650px;

    display: flex;
    align-items: center;
}


/*
 * Texto.
 */

.llantas-hero-content {
    width: 55%;
    max-width: 680px;

    position: relative;
    z-index: 3;
}


.llantas-hero-brand {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 20px;

    font-size: 14px;
    font-weight: 800;

    letter-spacing: 2px;
}


.llantas-hero-brand span {
    width: 28px;
    height: 4px;

    display: inline-block;

    background: #F9D000;
}


.llantas-hero-content h1 {
    max-width: 680px;

    margin: 0 0 22px;

    color: #FFFFFF;

    font-size: clamp(
        44px,
        5vw,
        70px
    );

    line-height: .98;

    font-weight: 900;

    letter-spacing: -2px;

    text-transform: uppercase;
}


.llantas-hero-content h1 strong {
    display: block;

    color: #F9D000;
}


.llantas-hero-content > p {
    max-width: 570px;

    margin: 0 0 30px;

    color: rgba(255,255,255,.92);

    font-size: 18px;

    line-height: 1.55;
}


/*
 * Botones.
 */

.llantas-hero-buttons {
    display: flex;
    flex-wrap: wrap;

    gap: 12px;

    margin-bottom: 38px;
}


/*
 * Características debajo de los botones.
 */

.llantas-hero-features {
    display: flex;
    flex-wrap: wrap;

    gap: 24px;
}


.llantas-hero-features > div {
    display: flex;
    align-items: center;

    gap: 10px;
}


.llantas-hero-features strong {
    color: #FFFFFF;

    font-size: 11px;

    line-height: 1.25;

    text-transform: uppercase;

    letter-spacing: .4px;
}


.feature-icon {
    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,.75);

    border-radius: 50%;

    color: #FFFFFF;

    font-size: 15px;
}


/* =========================================================
   HERO RESPONSIVE
   ========================================================= */

@media (max-width: 1000px) {

    .llantas-hero {
        min-height: 720px;

        background-position:
            65% center;
    }

    .llantas-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(7,22,65,.98) 0%,
                rgba(7,22,65,.88) 50%,
                rgba(7,22,65,.35) 100%
            );
    }

    .llantas-hero-inner {
        min-height: 720px;

        align-items: flex-start;

        padding-top: 80px;
        padding-bottom: 60px;
    }

    .llantas-hero-content {
        width: 100%;

        max-width: 700px;
    }

}


@media (max-width: 650px) {

    .llantas-hero {
        min-height: 720px;

        background-position:
            68% center;
    }

    .llantas-hero-inner {
        width: calc(100% - 28px);

        min-height: 720px;

        padding-top: 55px;
        padding-bottom: 45px;
    }

    .llantas-hero-content h1 {
        font-size: 40px;

        letter-spacing: -1px;
    }

    .llantas-hero-content > p {
        font-size: 16px;
    }

    .llantas-hero-buttons {
        flex-direction: column;
    }

    .llantas-btn {
        width: 100%;
    }

    .llantas-hero-features {
        display: grid;

        grid-template-columns:
            repeat(2, 1fr);

        gap: 18px;
    }

}

/* =========================================================
   SECCIONES
   ========================================================= */

.llantas-section-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 12px;

    color: #13206B;

    font-size: 12px;
    font-weight: 900;

    letter-spacing: 2px;
    text-transform: uppercase;
}

.llantas-section-label::before {
    content: "";

    width: 30px;
    height: 4px;

    display: inline-block;

    background: #F9D000;
}


/* =========================================================
   OEM
   ========================================================= */

.llantas-oem {
    background: #FFFFFF;

    padding-top: 65px;
    padding-bottom: 0;
}

.llantas-oem-grid {
    display: grid;
    grid-template-columns: 52% 48%;

    align-items: center;

    min-height: 370px;
}

.llantas-oem-content h2 {
    margin: 0 0 18px;

    font-size: clamp(42px, 4.5vw, 62px);
    line-height: 0.95;

    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -1.5px;

    color: #13206B;
}

.llantas-oem-content h2 span {
    color: #1A5DB8;
}

.llantas-section-intro {
    max-width: 620px;

    margin: 0 0 25px;

    font-size: 17px;
    line-height: 1.55;

    color: #5D6470;
}

.llantas-oem-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;

    margin-bottom: 25px;
}

.llantas-oem-benefits > div {
    display: flex;
    align-items: center;
    gap: 9px;
}

.llantas-oem-benefits span {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 2px solid #13206B;
    border-radius: 50%;

    color: #13206B;
    font-weight: 900;
}

.llantas-oem-benefits p {
    margin: 0;

    font-size: 12px;
    line-height: 1.3;
    font-weight: 700;

    color: #424A56;
}

.llantas-oem-visual {
    position: relative;

    min-height: 340px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.oem-badge {
    position: absolute;

    right: 5%;
    top: 5%;

    width: 110px;
    height: 110px;

    z-index: 3;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border: 4px solid #F9D000;
    border-radius: 50%;

    background: #171717;
    color: #FFFFFF;

    text-align: center;

    box-shadow: 0 10px 30px rgba(0,0,0,.18);
}

.oem-badge strong {
    font-size: 29px;
    line-height: 1;
}

.oem-badge span {
    margin-top: 5px;

    font-size: 7px;
    line-height: 1.2;

    font-weight: 700;
}

/*
 * Imagen real de llantas OEM.
 * Reemplaza el antiguo gráfico de neumáticos.
 */

.oem-image {
    display: block;

    width: 100%;
    max-width: 620px;
    height: auto;

    margin: 0 auto;

    object-fit: contain;

    position: relative;
    z-index: 2;

    transform: translateX(10px);

    filter: drop-shadow(
        0 18px 25px rgba(0,0,0,.16)
    );
}

.llantas-oem-brands {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    border-top: 1px solid #E6E8EC;

    padding: 17px 20px;

    gap: 35px;

    color: #70757E;

    font-size: 12px;
    font-weight: 800;
}


/* =========================================================
   HAZ CRECER TU LLANTA
   ========================================================= */

.llantas-grow {
    background:
        linear-gradient(
            100deg,
            #050A13,
            #101821
        );

    color: #FFFFFF;
}

.llantas-grow-grid {
    min-height: 220px;

    display: grid;

    grid-template-columns:
        30%
        30%
        40%;

    align-items: center;
}

.llantas-grow-visual {
    position: relative;

    height: 220px;

    overflow: hidden;
}

.grow-tire {
    position: absolute;

    width: 400px;
    height: 400px;

    left: -90px;
    top: 30px;

    border-radius: 50%;

    background:
        repeating-linear-gradient(
            135deg,
            #111 0 13px,
            #333 14px 23px
        );

    box-shadow:
        inset -30px -10px 50px rgba(0,0,0,.7);
}

.grow-arrow {
    position: absolute;

    left: 240px;
    top: 50px;

    color: #F9D000;

    font-size: 90px;
    font-weight: 900;
}

.llantas-grow-content {
    padding: 30px;
}

.llantas-grow-title {
    display: flex;
    gap: 15px;
}

.llantas-grow-title > span {
    width: 42px;
    height: 4px;

    margin-top: 9px;

    background: #F9D000;
}

.llantas-grow-title h2 {
    margin: 0;

    font-size: 36px;
    line-height: .95;

    font-weight: 900;
    text-transform: uppercase;

    color: #FFFFFF;
}

.llantas-grow-title strong {
    color: #F9D000;
}

.llantas-grow-content p {
    max-width: 420px;

    margin: 15px 0 0 57px;

    color: #C9CDD4;

    font-size: 14px;
    line-height: 1.5;
}

.llantas-grow-benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    border-left: 1px solid rgba(255,255,255,.25);
}

.llantas-grow-benefits > div {
    min-height: 90px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    border-right: 1px solid rgba(255,255,255,.25);
}

.llantas-grow-benefits span {
    margin-bottom: 8px;

    color: #F9D000;

    font-size: 24px;
    font-weight: 900;
}

.llantas-grow-benefits strong {
    font-size: 10px;
    line-height: 1.3;

    text-transform: uppercase;
}


/* =========================================================
   CATEGORÍAS
   ========================================================= */

.llantas-categories {
    padding: 80px 0;

    background:
        linear-gradient(
            180deg,
            #F5F6F8 0%,
            #FFFFFF 100%
        );
}

.llantas-section-heading {
    max-width: 800px;

    margin: 0 auto 45px;

    text-align: center;
}

.llantas-section-heading h2 {
    margin: 0 0 12px;

    color: #13206B;

    font-size: clamp(35px, 4vw, 50px);
    line-height: 1;

    font-weight: 900;

    text-transform: uppercase;
}

.llantas-section-heading h2 span {
    color: #F9D000;
}

.llantas-section-heading p {
    margin: 0;

    color: #69717C;

    font-size: 16px;
}

.llantas-category-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;
}

.llantas-category-card {
    position: relative;

    min-height: 250px;

    display: flex;

    overflow: hidden;

    padding: 28px;

    border: 1px solid #E2E4E8;
    border-radius: 8px;

    background: #FFFFFF;

    text-decoration: none;

    box-shadow: 0 8px 25px rgba(0,0,0,.05);

    transition: .25s ease;
}

.llantas-category-card:hover {
    transform: translateY(-5px);

    border-color: #13206B;

    box-shadow:
        0 15px 35px rgba(19,32,107,.12);
}

.category-content {
    position: relative;
    z-index: 2;
}

.category-content h3 {
    margin: 0 0 8px;

    color: #145BB0;

    font-size: 29px;
    font-weight: 900;

    text-transform: uppercase;
}

.category-content p {
    max-width: 180px;

    margin: 0 0 28px;

    color: #68707C;

    font-size: 13px;
    line-height: 1.45;
}

.category-content span {
    color: #13206B;

    font-size: 11px;
    font-weight: 900;

    text-transform: uppercase;
}

.category-car {
    position: absolute;

    right: -5px;
    bottom: 5px;

    font-size: 100px;

    filter: grayscale(1);

    opacity: .9;
}


/* =========================================================
   MARCAS
   ========================================================= */

.llantas-brands {
    padding: 80px 0;

    background: #FFFFFF;
}

.llantas-brands-heading {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 60px;

    align-items: end;

    margin-bottom: 35px;
}

.llantas-brands-heading h2 {
    max-width: 620px;

    margin: 0;

    color: #13206B;

    font-size: clamp(35px, 4vw, 50px);
    line-height: 1;

    font-weight: 900;

    text-transform: uppercase;
}

.llantas-brands-heading h2 span {
    display: block;

    color: #F9D000;
}

.llantas-brands-heading > p {
    margin: 0;

    color: #66707C;

    font-size: 15px;
    line-height: 1.55;
}

.llantas-brands-grid {
    display: grid;

    grid-template-columns: repeat(6, 1fr);

    border: 1px solid #E1E3E7;
    border-radius: 8px;

    overflow: hidden;

    box-shadow: 0 8px 25px rgba(0,0,0,.04);
}

.llantas-brands-grid span {
    min-height: 62px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 10px;

    border-right: 1px solid #E7E8EB;
    border-bottom: 1px solid #E7E8EB;

    color: #28344A;

    font-size: 12px;
    font-weight: 900;

    text-align: center;
}


/* =========================================================
   MEDIDA
   ========================================================= */

.llantas-measure {
    padding: 80px 0;

    background: #F5F6F8;
}

.llantas-measure-grid {
    display: grid;

    grid-template-columns: 1.3fr .7fr;

    gap: 60px;

    align-items: center;
}

.llantas-measure h2 {
    max-width: 700px;

    margin: 0 0 15px;

    color: #13206B;

    font-size: clamp(35px, 4vw, 52px);
    line-height: 1;

    font-weight: 900;
}

.llantas-measure h2 span {
    color: #145BB0;
}

.llantas-measure p {
    max-width: 650px;

    margin: 0 0 25px;

    color: #68707C;

    font-size: 16px;
    line-height: 1.6;
}

.llantas-measure-example {
    padding: 45px 30px;

    border-radius: 10px;

    background: #13206B;

    color: #FFFFFF;

    text-align: center;

    box-shadow: 0 15px 35px rgba(19,32,107,.18);
}

.llantas-measure-example span {
    display: block;

    margin-bottom: 10px;

    color: #F9D000;

    font-size: 12px;
    font-weight: 800;

    text-transform: uppercase;
}

.llantas-measure-example strong {
    display: block;

    margin-bottom: 15px;

    font-size: 46px;
    font-weight: 900;
}

.llantas-measure-example small {
    display: block;

    color: rgba(255,255,255,.7);

    line-height: 1.5;
}

.llantas-installation-image-wrap {
    display: flex;
    justify-content: center;
}

.llantas-installation-image {
    display: block;
    width: min(100%, 420px);
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 12px;
}


/* =========================================================
   FLOTAS
   ========================================================= */

.llantas-fleet {
    padding: 70px 0;

    background: #13206B;

    color: #FFFFFF;
}

.llantas-fleet-inner {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 40px;
}

.llantas-fleet .llantas-section-label {
    color: #FFFFFF;
}

.llantas-fleet h2 {
    margin: 0 0 12px;

    font-size: clamp(35px, 4vw, 50px);
    line-height: 1;

    font-weight: 900;

    text-transform: uppercase;
}

.llantas-fleet h2 span {
    color: #F9D000;
}

.llantas-fleet p {
    max-width: 700px;

    margin: 0;

    color: rgba(255,255,255,.8);

    font-size: 16px;
    line-height: 1.6;
}


/* =========================================================
   POR QUÉ GASTEL
   ========================================================= */

.llantas-why {
    padding: 80px 0;

    background: #FFFFFF;
}

.llantas-why-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;
}

.llantas-why-grid > div {
    padding: 30px;

    border: 1px solid #E4E6EA;
    border-radius: 8px;

    background: #FFFFFF;
}

.llantas-why-grid span {
    display: block;

    margin-bottom: 20px;

    color: #13206B;

    font-size: 38px;
    font-weight: 900;
}

.llantas-why-grid h3 {
    margin: 0 0 10px;

    color: #13206B;

    font-size: 18px;
    font-weight: 900;
}

.llantas-why-grid p {
    margin: 0;

    color: #6A717C;

    font-size: 14px;
    line-height: 1.5;
}


/* =========================================================
   CTA FINAL
   ========================================================= */

.llantas-final-cta {
    padding: 80px 0;

    background:
        linear-gradient(
            120deg,
            #0A143A,
            #13206B
        );

    color: #FFFFFF;
}

.llantas-final-cta .llantas-section-label {
    color: #FFFFFF;
}

.llantas-final-cta h2 {
    margin: 0 0 12px;

    font-size: clamp(40px, 5vw, 62px);
    line-height: 1;

    font-weight: 900;

    text-transform: uppercase;
}

.llantas-final-cta p {
    max-width: 600px;

    margin: 0 0 25px;

    color: rgba(255,255,255,.8);

    font-size: 17px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1000px) {

    .llantas-hero-grid {
        grid-template-columns: 1fr;
    }

    .llantas-hero-content {
        text-align: center;
    }

    .llantas-hero-content > p {
        margin-left: auto;
        margin-right: auto;
    }

    .llantas-hero-buttons {
        justify-content: center;
    }

    .llantas-hero-features {
        justify-content: center;
    }

    .llantas-hero-visual {
        height: 400px;
    }

    .llantas-oem-grid {
        grid-template-columns: 1fr;
    }

    .llantas-oem-content {
        text-align: center;
    }

    .llantas-oem-content .llantas-section-label {
        justify-content: center;
    }

    .llantas-oem-benefits {
        justify-content: center;
    }

    .llantas-oem-visual {
        min-height: 300px;
    }

    .llantas-grow-grid {
        grid-template-columns: 1fr 1fr;
    }

    .llantas-grow-visual {
        display: none;
    }

    .llantas-grow-benefits {
        grid-column: 1 / -1;
    }

    .llantas-category-grid {
        grid-template-columns: 1fr;
    }

    .llantas-brands-heading {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .llantas-brands-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .llantas-measure-grid {
        grid-template-columns: 1fr;
    }

    .llantas-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 650px) {

    .gastel-container {
        width: min(100% - 28px, 1200px);
    }

    .llantas-hero {
        padding-top: 50px;
    }

    .llantas-hero-content h1 {
        font-size: 42px;
        letter-spacing: -1px;
    }

    .llantas-hero-buttons {
        flex-direction: column;
    }

    .llantas-btn {
        width: 100%;
    }

    .llantas-hero-features {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .llantas-hero-visual {
        height: 280px;
    }

    .llantas-oem-content h2 {
        font-size: 40px;
    }

    .llantas-grow-grid {
        grid-template-columns: 1fr;
    }

    .llantas-grow-content {
        padding: 55px 20px 30px;
    }

    .llantas-grow-title h2 {
        font-size: 31px;
    }

    .llantas-grow-content p {
        margin-left: 0;
    }

    .llantas-grow-benefits {
        grid-template-columns: 1fr;
        border-left: 0;
    }

    .llantas-grow-benefits > div {
        border-right: 0;
        border-top: 1px solid rgba(255,255,255,.2);
    }

    .llantas-brands-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .llantas-fleet-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .llantas-why-grid {
        grid-template-columns: 1fr;
    }

    .llantas-oem-brands {
        gap: 18px;
        font-size: 10px;
    }

}


/* =========================================================
   AJUSTE DEFINITIVO
   OEM + RENDIMIENTO COMO HERO / BANNER DE FONDO
   ========================================================= */

/* ---------------------------------------------------------
   OEM
   --------------------------------------------------------- */

.llantas-oem {
    position: relative;

    min-height: 560px;

    padding: 0;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    overflow: hidden;

    background-color: #F5F6F8;
    background-image: var(--llantas-oem-image);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.llantas-oem-overlay {
    position: absolute;
    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.94) 28%,
            rgba(255,255,255,.60) 47%,
            rgba(255,255,255,.08) 70%,
            rgba(255,255,255,0) 100%
        );
}

.llantas-oem-inner {
    position: relative;
    z-index: 2;

    width: min(1200px, calc(100% - 40px));

    min-height: 485px;

    display: flex;
    align-items: center;
}

.llantas-oem-content {
    width: 52%;
    max-width: 590px;

    padding: 55px 0 45px;
}

.llantas-oem-content h2 {
    margin: 0 0 18px;

    font-size: clamp(42px, 4.5vw, 62px);
    line-height: .95;

    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -1.5px;

    color: #13206B;
}

.llantas-oem-content h2 span {
    color: #145BB0;
}

.llantas-section-intro {
    max-width: 560px;

    margin: 0 0 25px;

    color: #4F5865;

    font-size: 16px;
    line-height: 1.5;
}

.llantas-oem-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;

    margin-bottom: 24px;
}

.llantas-oem-benefits > div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.llantas-oem-benefits span {
    width: 32px;
    height: 32px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 2px solid #13206B;
    border-radius: 50%;

    color: #13206B;
    font-size: 13px;
    font-weight: 900;
}

.llantas-oem-benefits p {
    margin: 0;

    color: #394250;

    font-size: 11px;
    line-height: 1.25;
    font-weight: 800;
}

.llantas-oem-brands {
    position: relative;
    z-index: 3;

    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 34px;

    padding: 13px 20px;

    box-sizing: border-box;

    border-top: 1px solid rgba(19,32,107,.12);

    background: rgba(255,255,255,.78);
    backdrop-filter: blur(4px);

    color: #6B7078;

    font-size: 10px;
    font-weight: 900;
}


/* ---------------------------------------------------------
   RENDIMIENTO
   --------------------------------------------------------- */

.llantas-grow {
    position: relative;

    min-height: 330px;

    padding: 0;

    overflow: hidden;

    background-color: #050A13;
    background-image: var(--llantas-grow-image);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    color: #FFFFFF;
}

.llantas-grow-overlay {
    position: absolute;
    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(3,8,16,.55) 0%,
            rgba(3,8,16,.28) 40%,
            rgba(3,8,16,.42) 100%
        );
}

.llantas-grow-inner {
    position: relative;
    z-index: 2;

    width: min(1200px, calc(100% - 40px));

    min-height: 330px;

    display: grid;

    grid-template-columns: 1fr 1fr;

    align-items: center;

    gap: 35px;
}

.llantas-grow-content {
    padding: 35px 0;
}

.llantas-grow-title {
    display: flex;
    align-items: flex-start;

    gap: 14px;
}

.llantas-grow-title > span {
    width: 38px;
    height: 4px;

    flex-shrink: 0;

    margin-top: 8px;

    background: #F9D000;
}

.llantas-grow-title h2 {
    margin: 0;

    color: #FFFFFF;

    font-size: clamp(32px, 3.5vw, 48px);
    line-height: .92;

    font-weight: 900;
    text-transform: uppercase;
}

.llantas-grow-title strong {
    color: #F9D000;
}

.llantas-grow-content p {
    max-width: 470px;

    margin: 15px 0 0 52px;

    color: rgba(255,255,255,.88);

    font-size: 13px;
    line-height: 1.45;
}

.llantas-grow-benefits {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    border-left: 1px solid rgba(255,255,255,.30);
}

.llantas-grow-benefits > div {
    min-height: 105px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 15px;

    text-align: center;

    border-right: 1px solid rgba(255,255,255,.30);
}

.llantas-grow-benefits span {
    margin-bottom: 8px;

    color: #F9D000;

    font-size: 22px;
    font-weight: 900;
}

.llantas-grow-benefits strong {
    color: #FFFFFF;

    font-size: 10px;
    line-height: 1.3;

    text-transform: uppercase;
}


/* ---------------------------------------------------------
   ELIMINAR ELEMENTOS ANTIGUOS QUE YA NO SE USAN
   --------------------------------------------------------- */

.llantas-oem-visual,
.oem-badge,
.oem-tires-placeholder,
.grow-tire,
.grow-arrow {
    display: none !important;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1000px) {

    .llantas-oem {
        min-height: 620px;

        background-position: 62% center;
    }

    .llantas-oem-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.98) 0%,
                rgba(255,255,255,.88) 48%,
                rgba(255,255,255,.18) 100%
            );
    }

    .llantas-oem-inner {
        min-height: 550px;

        align-items: flex-start;
    }

    .llantas-oem-content {
        width: 70%;

        padding-top: 60px;
    }

    .llantas-grow {
        min-height: 440px;

        background-position: center center;
    }

    .llantas-grow-inner {
        min-height: 440px;

        grid-template-columns: 1fr;

        align-content: center;

        gap: 25px;
    }

    .llantas-grow-content {
        padding: 45px 0 0;
    }

    .llantas-grow-benefits {
        max-width: 620px;

        margin-bottom: 35px;
    }
}


@media (max-width: 650px) {

    .llantas-oem {
        min-height: 680px;

        background-position: 65% center;
    }

    .llantas-oem-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.98) 0%,
                rgba(255,255,255,.92) 55%,
                rgba(255,255,255,.25) 100%
            );
    }

    .llantas-oem-inner {
        width: calc(100% - 28px);

        min-height: 600px;
    }

    .llantas-oem-content {
        width: 100%;

        padding-top: 48px;
    }

    .llantas-oem-content h2 {
        font-size: 40px;
    }

    .llantas-oem-brands {
        gap: 16px;

        padding: 11px 12px;

        font-size: 9px;
    }

    .llantas-grow {
        min-height: 560px;

        background-position: center center;
    }

    .llantas-grow-inner {
        width: calc(100% - 28px);

        min-height: 560px;

        grid-template-columns: 1fr;

        gap: 20px;
    }

    .llantas-grow-content {
        padding-top: 60px;
    }

    .llantas-grow-title h2 {
        font-size: 34px;
    }

    .llantas-grow-content p {
        margin-left: 52px;
    }

    .llantas-grow-benefits {
        grid-template-columns: 1fr;

        border-left: 0;

        margin-bottom: 45px;
    }

    .llantas-grow-benefits > div {
        min-height: 65px;

        border-right: 0;
        border-top: 1px solid rgba(255,255,255,.25);
    }
}


/* =========================================================
   CATEGORÍAS - VEHÍCULOS REALES DESDE WORDPRESS
   ========================================================= */

.llantas-category-card {
    min-height: 300px;
    padding: 26px 28px;
}

.category-car {
    position: absolute;

    right: -2%;
    bottom: 0;

    width: 68%;
    height: 72%;

    display: flex;
    align-items: flex-end;
    justify-content: flex-end;

    z-index: 1;

    filter: none;
    opacity: 1;
}

.category-car img {
    display: block;

    width: 100%;
    height: 100%;

    max-width: none;

    object-fit: contain;
    object-position: right bottom;

    filter: none;
}

.category-content {
    max-width: 43%;
}

.category-content p {
    max-width: 190px;
}

@media (max-width: 1000px) {

    .llantas-category-card {
        min-height: 300px;
    }

    .category-car {
        width: 62%;
        height: 70%;
    }

    .category-content {
        max-width: 45%;
    }
}

@media (max-width: 650px) {

    .llantas-category-card {
        min-height: 300px;
    }

    .category-car {
        width: 67%;
        height: 67%;
        right: -3%;
    }

    .category-content {
        max-width: 46%;
    }

    .category-content h3 {
        font-size: 26px;
    }

    .category-content p {
        font-size: 12px;
    }
}


/* =========================================================
   TIPO DE USO
   ========================================================= */

.llantas-use-types {
    padding: 78px 0 86px;
    background: linear-gradient(180deg,#F6F7F9 0%,#FFFFFF 100%);
}

.llantas-use-heading {
    max-width: 900px;
    margin: 0 auto 42px;
    text-align: center;
}

.llantas-use-heading h2 {
    margin: 0 0 12px;
    color: #13206B;
    font-size: clamp(35px,4vw,50px);
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}

.llantas-use-heading h2 span {
    color: #145BB0;
}

.llantas-use-heading p {
    margin: 0;
    color: #66707D;
    font-size: 16px;
    line-height: 1.5;
}

/* =========================================================
   TIPO DE USO - CONTENEDOR MÁS ANCHO
   ========================================================= */

.llantas-use-types > .gastel-container {
    width: calc(100% - 40px);
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}

.llantas-use-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 16px;
    align-items: stretch;
}

.llantas-use-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #E6E8ED;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 12px 30px rgba(19,32,107,.08);
    transition: transform .25s ease,box-shadow .25s ease;
}

.llantas-use-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 35px rgba(19,32,107,.13);
}

.use-card-visual {
    height: 245px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
}

.use-card-visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.use-card-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 22px 20px 20px;
}

.use-card-body h3 {
    margin: 0 0 10px;
    color: #13206B;
    font-size: 21px;
    line-height: 1.1;
    font-weight: 900;
    text-transform: uppercase;
}

.use-card-body p {
    margin: 0 0 20px;
    color: #647080;
    font-size: 14px;
    line-height: 1.45;
}

.use-card-body a {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 12px 16px;
    border-radius: 7px;
    background: #13206B;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
}

.use-card-body a span {
    color: #F9D000;
    font-size: 17px;
}

@media (max-width:1200px) {
    .llantas-use-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width:800px) {
    .llantas-use-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .use-card-visual { height: 230px; }
}

@media (max-width:560px) {
    .llantas-use-types { padding: 60px 0; }
    .llantas-use-grid { grid-template-columns: 1fr; }
    .use-card-visual { height: 260px; }
}


/* =========================================================
   TIPO DE USO
   FONDO + LLANTA SOBREPUESTA
   ========================================================= */

.llantas-use-card {
    position: relative;
    overflow: hidden;

    border-radius: 16px;
    background: #FFFFFF;
}


/* ---------------------------------------------------------
   ÁREA SUPERIOR DEL FONDO
   --------------------------------------------------------- */

.use-card-visual {
    position: relative;

    height: 225px;

    display: flex;
    align-items: flex-start;
    justify-content: center;

    background: transparent;

    overflow: visible;

    z-index: 2;
}


/* ---------------------------------------------------------
   FONDO
   --------------------------------------------------------- */

.use-card-visual::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 225px;

    background-color: #FFFFFF;
    background-image: var(--use-bg-image);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    border-radius: 16px 16px 0 0;

    z-index: 0;
}


/* ---------------------------------------------------------
   LLANTA GRANDE SOBREPUESTA
   --------------------------------------------------------- */

.use-card-tire {
    position: absolute;

    z-index: 3;

    left: 50%;
    bottom: -105px;

    transform: translateX(-50%);

    width: 78%;
    height: 330px;

    max-width: none;

    object-fit: contain;
    object-position: center bottom;
}


/* ---------------------------------------------------------
   CUERPO BLANCO
   --------------------------------------------------------- */

.use-card-body {
    position: relative;

    z-index: 4;

    padding: 120px 20px 20px;

    background: #FFFFFF;
}


/* ---------------------------------------------------------
   TÍTULO
   --------------------------------------------------------- */

.use-card-body h3 {
    margin: 0 0 12px;

    color: #13206B;

    font-size: 21px;
    line-height: 1.1;

    font-weight: 900;
    text-transform: uppercase;
}


/* ---------------------------------------------------------
   DESCRIPCIÓN
   --------------------------------------------------------- */

.use-card-body p {
    margin: 0 0 20px;

    color: #647080;

    font-size: 14px;
    line-height: 1.45;
}


/* ---------------------------------------------------------
   BOTÓN
   --------------------------------------------------------- */

.use-card-body a {
    margin-top: auto;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 48px;

    padding: 12px 16px;

    border-radius: 7px;

    background: #13206B;

    color: #FFFFFF;

    font-size: 13px;
    font-weight: 900;

    text-transform: uppercase;
    text-decoration: none;
}

.use-card-body a span {
    color: #F9D000;

    font-size: 17px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 800px) {

    .use-card-visual {
        height: 215px;
    }

    .use-card-visual::before {
        height: 215px;
    }

    .use-card-tire {
        width: 78%;
        height: 315px;

        bottom: -100px;
    }

    .use-card-body {
        padding-top: 110px;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 560px) {

    .use-card-visual {
        height: 225px;
    }

    .use-card-visual::before {
        height: 225px;
    }

    .use-card-tire {
        width: 78%;
        height: 325px;

        bottom: -105px;
    }

    .use-card-body {
        padding-top: 115px;
    }

}

/* =========================================================
   TIPO DE USO - COMPOSICIÓN FINAL
   FONDO + LLANTA 50/50
   ========================================================= */


/* ---------------------------------------------------------
   SECCIÓN MÁS ANCHA
   --------------------------------------------------------- */

.llantas-use-types .gastel-container {
    max-width: 1500px;
}


/* ---------------------------------------------------------
   GRID DE TARJETAS
   --------------------------------------------------------- */

.llantas-use-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 14px;
}


/* ---------------------------------------------------------
   TARJETA
   --------------------------------------------------------- */

.llantas-use-card {
    position: relative;

    overflow: hidden;

    border-radius: 16px;

    background: #FFFFFF;
}


/* ---------------------------------------------------------
   ÁREA DEL FONDO
   --------------------------------------------------------- */

.use-card-visual {
    position: relative;

    height: 180px;

    display: flex;
    align-items: flex-start;
    justify-content: center;

    overflow: visible;

    background: transparent;

    z-index: 5;
}


/* ---------------------------------------------------------
   FONDO
   --------------------------------------------------------- */

.use-card-visual::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 180px;

    background-image: var(--use-bg-image);
    background-color: #EDEFF2;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    border-radius: 16px 16px 0 0;

    z-index: 0;
}


/* ---------------------------------------------------------
   LLANTA
   --------------------------------------------------------- */

.use-card-tire {
    position: absolute !important;

    left: 50%;

    /*
     * La llanta comienza dentro del fondo
     * y termina dentro de la zona blanca.
     */
    top: 45px;

    transform: translateX(-50%);

    z-index: 10 !important;

    width: 62%;
    height: 210px;

    max-width: none;

    object-fit: contain;
    object-position: center center;
}


/* ---------------------------------------------------------
   CUERPO BLANCO
   --------------------------------------------------------- */

.use-card-body {
    position: relative;

    z-index: 1;

    padding: 90px 20px 20px;

    background: #FFFFFF;
}


/* ---------------------------------------------------------
   TÍTULO
   --------------------------------------------------------- */

.use-card-body h3 {
    position: relative;

    z-index: 15;

    margin: 0 0 12px;

    color: #13206B;

    font-size: 21px;
    line-height: 1.1;

    font-weight: 900;

    text-transform: uppercase;
}


/* ---------------------------------------------------------
   DESCRIPCIÓN
   --------------------------------------------------------- */

.use-card-body p {
    position: relative;

    z-index: 15;

    margin: 0 0 20px;

    color: #647080;

    font-size: 14px;

    line-height: 1.45;
}


/* ---------------------------------------------------------
   BOTÓN
   --------------------------------------------------------- */

.use-card-body a {
    position: relative;

    z-index: 15;

    margin-top: auto;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    min-height: 48px;

    padding: 12px 16px;

    border-radius: 7px;

    background: #13206B;

    color: #FFFFFF;

    font-size: 13px;

    font-weight: 900;

    text-transform: uppercase;

    text-decoration: none;
}

.use-card-body a span {
    color: #F9D000;

    font-size: 17px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .llantas-use-types .gastel-container {
        max-width: 1100px;
    }

    .llantas-use-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

}


/* =========================================================
   TABLET PEQUEÑA
   ========================================================= */

@media (max-width: 800px) {

    .llantas-use-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .use-card-visual {
        height: 180px;
    }

    .use-card-visual::before {
        height: 180px;
    }

    .use-card-tire {
        width: 62%;
        height: 210px;

        top: 45px;
    }

    .use-card-body {
        padding-top: 90px;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 560px) {

    .llantas-use-grid {
        grid-template-columns: 1fr;
    }

    .use-card-visual {
        height: 190px;
    }

    .use-card-visual::before {
        height: 190px;
    }

    .use-card-tire {
        width: 62%;
        height: 220px;

        top: 45px;
    }

    .use-card-body {
        padding-top: 95px;
    }

}


/* =========================================================
   CORRECCIÓN DEFINITIVA - LLANTA COMPLETA SIN RECORTE
   ========================================================= */

.llantas-use-card {
    overflow: visible !important;
    position: relative;
}

.use-card-visual {
    position: relative !important;
    height: 220px !important;
    overflow: visible !important;
    z-index: 5 !important;
}

.use-card-visual::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 180px !important;
    background-image: var(--use-bg-image) !important;
    background-color: #EDEFF2 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 16px 16px 0 0 !important;
    z-index: 0 !important;
}

/* height:auto conserva la proporción original de la imagen. */
.use-card-tire {
    position: absolute !important;
    left: 35% !important;
    top: 94px !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    z-index: 20 !important;
    display: block !important;
    width: 78% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: initial !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
}
.use-card-body {
    position: relative !important;
    z-index: 1 !important;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 105px 20px 25px !important;
    min-height: 340px;
    box-sizing: border-box;
    background: #FFFFFF;
}

.use-card-body h3,
.use-card-body p,
.use-card-body a {
    position: relative;
    z-index: 2;
}

@media (max-width: 800px) {
    .use-card-visual {
        height: 220px !important;
    }
    .use-card-visual::before {
        height: 180px !important;
    }
    .use-card-tire {
        width: 62% !important;
        height: auto !important;
        top: 24px !important;
    }
.use-card-body {
        padding: 105px 20px 25px !important;
        min-height: 330px;
    }
}

@media (max-width: 560px) {
    .use-card-visual {
        height: 225px !important;
    }
    .use-card-visual::before {
        height: 190px !important;
    }
    .use-card-tire {
        width: 62% !important;
        height: auto !important;
        top: 24px !important;
    }
.use-card-body {
        padding: 110px 20px 25px !important;
        min-height: 340px;
    }
}

/* Bajar solo el título y la descripción */
.use-card-body h3 {
    transform: translateY(50px);
}

.use-card-body p {
    transform: translateY(50px);
}
/* =========================================================
   LOGOS DE FABRICANTES EN LA SECCIÓN OEM
   Los logos se cargan desde la Biblioteca de Medios de WordPress.
   ========================================================= */
.llantas-oem-brands .llantas-oem-brand-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 150px;
    min-width: 75px;
    height: 60px;
    margin: 0;
    padding: 2px 5px;
    box-sizing: border-box;
}

.llantas-oem-brands .llantas-oem-brand-logo {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 150px;
    max-height: 55px;
    object-fit: contain;
    object-position: center;
    margin: 0;
    padding: 0;
    filter: none;
    opacity: 1;
}

@media (max-width: 650px) {
    .llantas-oem-brands .llantas-oem-brand-item {
        flex-basis: 78px;
        min-width: 65px;
        height: 34px;
        padding: 2px 4px;
    }

    .llantas-oem-brands .llantas-oem-brand-logo {
        max-width: 78px;
        max-height: 30px;
    }
}


/* AGRANDAR LOGOS DE FABRICANTES EN LA SECCIÓN OEM */
.llantas-oem-brands .llantas-oem-brand-item {
    flex-basis: 150px !important;
    min-width: 100px !important;
    height: 60px !important;
}

.llantas-oem-brands .llantas-oem-brand-logo {
    max-width: 150px !important;
    max-height: 55px !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* Ajuste para celulares */
@media (max-width: 650px) {
    .llantas-oem-brands .llantas-oem-brand-item {
        flex-basis: 105px !important;
        min-width: 85px !important;
        height: 45px !important;
    }

    .llantas-oem-brands .llantas-oem-brand-logo {
        max-width: 105px !important;
        max-height: 40px !important;
    }
}



/* =========================================================
   PÁGINA AROS — GASTEL LLANTAS
   Estilos aislados: no modifican la página de Llantas.
   ========================================================= */
.gastel-aros-page {
    --aros-blue: #13206B;
    --aros-yellow: #F9D000;
    --aros-ink: #171717;
    --aros-muted: #68707D;
    --aros-light: #F5F6F8;
    color: var(--aros-ink);
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
}
.gastel-aros-page *,
.gastel-aros-page *::before,
.gastel-aros-page *::after { box-sizing: border-box; }
.gastel-aros-page img { display: block; max-width: 100%; }
.gastel-aros-page .gastel-container { width: min(1200px, calc(100% - 40px)); margin-inline: auto; }
.gastel-aros-page h1,
.gastel-aros-page h2,
.gastel-aros-page h3,
.gastel-aros-page p { margin-top: 0; }
.gastel-aros-page h1,
.gastel-aros-page h2,
.gastel-aros-page h3 { font-weight: 900; }
.gastel-aros-page a { text-decoration: none; }
.aros-hero {
    position: relative; isolation: isolate; min-height: 650px; display: flex; align-items: center;
    overflow: hidden; color: #fff; background-color: #111a35;
    background-image: var(--aros-hero-image, linear-gradient(120deg,#10182f,#29344a));
    background-size: cover; background-position: center 55%; background-repeat: no-repeat;
}
.aros-hero-overlay {
    position: absolute; z-index: -1; inset: 0;
    background: linear-gradient(90deg,rgba(5,12,35,.96) 0%,rgba(5,12,35,.86) 35%,rgba(5,12,35,.35) 68%,rgba(5,12,35,.08) 100%);
}
.aros-hero-inner { padding-block: 76px; }
.aros-hero-content { max-width: 720px; }
.aros-eyebrow,.aros-section-kicker {
    display: flex; align-items: center; gap: 10px; margin-bottom: 16px;
    color: var(--aros-blue); font-size: 12px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;
}
.aros-eyebrow { color: #fff; }
.aros-eyebrow span { display: inline-block; width: 30px; height: 4px; background: var(--aros-yellow); }
.aros-hero h1 { max-width: 720px; margin-bottom: 22px; color: #fff; font-size: clamp(44px,6vw,76px); line-height: .98; letter-spacing: -2px; text-transform: uppercase; }
.aros-hero h1 strong { display: block; color: var(--aros-yellow); }
.aros-hero-content > p { max-width: 560px; margin-bottom: 30px; color: rgba(255,255,255,.92); font-size: 18px; line-height: 1.6; }
.aros-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.aros-button {
    min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 13px;
    padding: 13px 22px; border: 2px solid transparent; border-radius: 5px;
    font-size: 13px; font-weight: 900; letter-spacing: .3px; text-transform: uppercase;
    transition: transform .2s ease, background .2s ease, color .2s ease;
}
.aros-button:hover { transform: translateY(-2px); }
.aros-button-yellow { background: var(--aros-yellow); border-color: var(--aros-yellow); color: var(--aros-blue) !important; }
.aros-button-yellow:hover { background: #fff; border-color: #fff; color: var(--aros-blue) !important; }
.aros-button-outline { border-color: rgba(255,255,255,.8); color: #fff !important; background: rgba(255,255,255,.04); }
.aros-button-outline:hover { background: #fff; color: var(--aros-blue) !important; }
.aros-hero-note { display: flex; align-items: center; gap: 10px; margin-top: 34px; color: rgba(255,255,255,.82); font-size: 12px; font-weight: 700; }
.aros-hero-note span { width: 8px; height: 8px; border-radius: 50%; background: var(--aros-yellow); }
.aros-section-heading .aros-section-kicker { justify-content: center; }
.aros-section-heading h2 { margin-bottom: 15px; color: var(--aros-blue); font-size: clamp(34px,4vw,52px); line-height: 1.04; letter-spacing: -1.2px; text-transform: uppercase; }
.aros-section-heading h2 span,.aros-fit-copy h2 span { color: #2A58A5; }
.aros-section-heading > p { max-width: 740px; margin: 0 auto; color: var(--aros-muted); font-size: 16px; line-height: 1.75; }
.aros-makes { padding: 70px 0 78px; overflow: hidden; background: #fff; }
.aros-makes-container { width: min(calc(100% - 40px),1600px); margin-inline: auto; }
.aros-makes .aros-section-heading { max-width: none; margin-bottom: 28px; text-align: left; }
.aros-makes .aros-section-heading .aros-section-kicker { justify-content: flex-start; color: var(--aros-blue); }
.aros-makes .aros-section-heading h2 { color: var(--aros-blue); }
.aros-makes .aros-section-heading h2 span { color: var(--aros-yellow); }
.aros-makes .aros-section-heading > p { max-width: none; margin: 0; color: var(--aros-muted); }
.aros-make-grid { display: flex; gap: 22px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; scrollbar-color: #777 #333; scrollbar-width: thin; }
.aros-make-card { position: relative; isolation: isolate; flex: 0 0 calc((100% - 66px) / 4); min-width: 250px; min-height: 520px; display: flex; flex-direction: column; justify-content: flex-end; gap: 18px; overflow: hidden; padding: 28px; background: #353535 var(--aros-make-image,linear-gradient(145deg,#4b4b4b,#191919)) center / cover no-repeat; color: #fff !important; scroll-snap-align: start; text-decoration: none; }
.aros-make-card::before { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg,transparent 43%,rgba(0,0,0,.08) 55%,rgba(0,0,0,.75)); content: ""; transition: background .2s ease; }
.aros-make-card:hover::before,.aros-make-card:focus-visible::before { background: linear-gradient(180deg,rgba(0,0,0,.08) 35%,rgba(0,0,0,.78)); }
.aros-make-name { font-size: 24px; font-weight: 800; line-height: 1.1; text-shadow: 0 2px 8px rgba(0,0,0,.4); }
.aros-make-action { width: fit-content; display: inline-flex; align-items: center; gap: 12px; padding: 13px 18px; border: 1px solid rgba(255,255,255,.9); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .4px; text-transform: uppercase; transition: background .2s ease,color .2s ease; }
.aros-make-card:hover .aros-make-action,.aros-make-card:focus-visible .aros-make-action { background: #fff; color: #171717; }
.aros-make-card:focus-visible { outline: 3px solid var(--aros-yellow); outline-offset: 3px; }
.aros-section-heading { max-width: 800px; margin: 0 auto 42px; text-align: center; }
.aros-section-heading h2 { margin-bottom: 14px; }
.aros-text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--aros-blue) !important; font-size: 12px; font-weight: 900; letter-spacing: .3px; text-transform: uppercase; }
.aros-text-link b { color: #1e59ac; font-size: 18px; }
.aros-feature-band { position: relative; isolation: isolate; min-height: 440px; display: flex; align-items: center; overflow: hidden; color: #fff; background: #101522; }
.aros-feature-band-image { position: absolute; z-index: -2; inset: 0; background: linear-gradient(110deg,#101522,#283141); background-size: cover; background-position: center; }
.aros-feature-band-overlay { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(8,14,34,.95),rgba(8,14,34,.7) 48%,rgba(8,14,34,.15)); }
.aros-feature-band-inner { padding-block: 70px; }
.aros-feature-band .aros-section-kicker { color: var(--aros-yellow); }
.aros-feature-band h2 { max-width: 650px; margin-bottom: 18px; color: #fff; font-size: clamp(42px,5.4vw,68px); line-height: .98; letter-spacing: -1.5px; text-transform: uppercase; }
.aros-feature-band h2 span { color: var(--aros-yellow); }
.aros-feature-band p { max-width: 510px; margin-bottom: 25px; color: rgba(255,255,255,.86); font-size: 16px; line-height: 1.7; }
.aros-feature-showcase { width: min(calc(100% - 40px),1600px); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin: 0 auto 84px; }
.aros-showcase-card { position: relative; isolation: isolate; min-height: 520px; overflow: hidden; background: #1b2028 var(--aros-showcase-image, linear-gradient(135deg,#303640,#111722)) center / cover no-repeat; color: #fff; }
.aros-showcase-card::before { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg,rgba(7,12,20,.48),transparent 43%,rgba(7,12,20,.7)); content: ""; }
.aros-showcase-content { min-height: 520px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: clamp(28px,4vw,64px); }
.aros-showcase-card h2 { margin: 0; color: #fff; font-family: Impact,"Arial Narrow",sans-serif; font-size: clamp(48px,6.2vw,86px); font-stretch: condensed; font-weight: 900; line-height: .94; letter-spacing: -1px; text-transform: uppercase; text-shadow: 0 2px 12px rgba(0,0,0,.18); }
.aros-showcase-bottom { width: min(100%,560px); }
.aros-showcase-bottom p { margin: 0 0 20px; color: #fff; font-size: 16px; font-weight: 600; line-height: 1.5; text-shadow: 0 1px 8px rgba(0,0,0,.45); }
.aros-button-light { min-height: 54px; padding-inline: 30px; border-color: #fff; background: #fff; color: #171717 !important; text-transform: uppercase; }
.aros-button-light:hover { border-color: var(--aros-yellow); background: var(--aros-yellow); color: var(--aros-blue) !important; }
.aros-products { padding: 84px 0; }
.aros-product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.aros-product-card { overflow: hidden; border: 1px solid #e5e7ec; border-radius: 7px; background: #fff; transition: box-shadow .2s ease,transform .2s ease; }
.aros-product-card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(19,32,107,.1); }
.aros-product-image { aspect-ratio: 1 / 1; padding: 14px; background: #f7f8fa; }
.aros-product-image img { width: 100%; height: 100%; object-fit: contain; }
.aros-product-info { padding: 20px; }
.aros-product-label { margin-bottom: 6px; color: #7b8190; font-size: 10px; font-weight: 900; letter-spacing: 1.8px; }
.aros-product-info h3 { margin-bottom: 8px; color: var(--aros-blue); font-size: 20px; text-transform: uppercase; overflow-wrap: anywhere; }
.aros-product-info p { margin-bottom: 15px; color: var(--aros-muted); font-size: 13px; line-height: 1.6; }
.aros-product-info > a { display: flex; justify-content: space-between; gap: 8px; padding-top: 13px; border-top: 1px solid #eceef2; color: var(--aros-blue); font-size: 11px; font-weight: 900; text-transform: uppercase; }
.aros-catalog-empty { max-width: 760px; margin: 0 auto; padding: 42px 28px; border: 1px dashed #cfd3df; border-radius: 8px; background: #fafbfc; text-align: center; }
.aros-empty-mark { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; margin-bottom: 15px; border-radius: 50%; background: var(--aros-yellow); color: var(--aros-blue); font-size: 28px; font-weight: 400; }
.aros-catalog-empty h3 { margin-bottom: 10px; color: var(--aros-blue); font-size: 23px; }
.aros-catalog-empty p { max-width: 590px; margin: 0 auto 22px; color: var(--aros-muted); font-size: 14px; line-height: 1.7; }
.aros-fit-copy h2 { margin-bottom: 18px; color: var(--aros-blue); font-size: clamp(34px,4vw,50px); line-height: 1.02; text-transform: uppercase; }
.aros-fit-copy > p { color: var(--aros-muted); font-size: 15px; line-height: 1.8; }
.aros-gallery { padding: 84px 0; }
.aros-gallery-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.aros-gallery-grid figure { aspect-ratio: 4 / 3; margin: 0; overflow: hidden; border-radius: 6px; background: #eceef2; }
.aros-gallery-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.aros-gallery-grid figure:hover img { transform: scale(1.04); }
.aros-fit { padding: 84px 0; background: #fff; }
.aros-fit-grid { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 70px; }
.aros-fit-copy h2 { max-width: 650px; }
.aros-fit-copy ul { margin: 20px 0 28px; padding: 0; list-style: none; }
.aros-fit-copy li { position: relative; margin: 0 0 12px; padding-left: 28px; color: #414957; font-size: 14px; line-height: 1.55; }
.aros-fit-copy li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--aros-blue); font-weight: 900; }
.aros-fit-panel { min-height: 390px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 28px; border-radius: 8px; background: var(--aros-blue); color: #fff; text-align: center; }
.aros-fit-panel-top { width: 100%; display: flex; justify-content: space-between; gap: 15px; color: var(--aros-yellow); font-size: 10px; font-weight: 900; letter-spacing: 1.5px; }
.aros-fit-visual { width: min(230px,70%); aspect-ratio: 1; margin: 24px auto; overflow: hidden; border: 6px solid rgba(255,255,255,.18); border-radius: 8px; box-shadow: 0 15px 35px rgba(0,0,0,.25); }
.aros-fit-visual img { width: 100%; height: 100%; display: block; object-fit: cover; }
.aros-fit-wheel { width: min(230px,70%); aspect-ratio: 1; display: flex; align-items: center; justify-content: center; margin: 24px auto; border: 17px solid #20232b; border-radius: 50%; background: repeating-conic-gradient(#b9bec7 0deg 8deg,#747b87 8deg 13deg,#d7dbe0 13deg 19deg); box-shadow: inset 0 0 0 5px #444b57,0 15px 35px rgba(0,0,0,.25); }
.aros-fit-wheel-center { width: 43%; aspect-ratio: 1; border: 10px solid #dce0e5; border-radius: 50%; background: radial-gradient(circle,#747b87 0 18%,#202635 19% 38%,#aeb4be 39% 53%,#363c48 54%); }
.aros-fit-panel > p { max-width: 360px; margin: 0; color: rgba(255,255,255,.85); font-size: 13px; line-height: 1.7; }
.aros-final-cta { padding: 60px 0; background: var(--aros-blue); color: #fff; }
.aros-final-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.aros-final-cta .aros-section-kicker { margin-bottom: 10px; color: var(--aros-yellow); }
.aros-final-cta h2 { max-width: 760px; margin-bottom: 10px; color: #fff; font-size: clamp(30px,3.6vw,44px); line-height: 1.05; text-transform: uppercase; }
.aros-final-cta p { margin: 0; color: rgba(255,255,255,.82); font-size: 15px; }
.aros-final-cta .aros-button { flex-shrink: 0; }

@media (max-width: 1050px) {
    .aros-make-card { flex-basis: calc((100% - 22px) / 2); }
    .aros-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .aros-fit-grid { gap: 35px; }
}
@media (max-width: 767px) {
    .gastel-aros-page .gastel-container { width: min(100% - 28px,1200px); }
    .aros-hero { min-height: 680px; background-position: 64% center; }
    .aros-hero-overlay { background: linear-gradient(180deg,rgba(5,12,35,.9),rgba(5,12,35,.72) 62%,rgba(5,12,35,.5)); }
    .aros-hero-inner { padding-block: 58px; }
    .aros-hero h1 { font-size: clamp(38px,10vw,54px); letter-spacing: -1.2px; }
    .aros-hero-content > p { font-size: 16px; }
    .aros-hero-actions { flex-direction: column; align-items: stretch; }
    .aros-button { width: 100%; }
    .aros-hero-note { align-items: flex-start; line-height: 1.5; }
    .aros-makes { padding-block: 58px; }
    .aros-makes-container { width: min(100% - 28px,1200px); }
    .aros-make-grid { gap: 14px; margin-right: -14px; padding-right: 14px; }
    .aros-make-card { flex-basis: 82%; min-width: 0; min-height: 420px; padding: 22px; }
    .aros-products,.aros-gallery,.aros-fit { padding-block: 58px; }
    .aros-product-grid { grid-template-columns: 1fr; gap: 15px; }
    .aros-section-heading { margin-bottom: 30px; }
    .aros-feature-band { min-height: 430px; }
    .aros-feature-band-inner { padding-block: 58px; }
    .aros-feature-band-overlay { background: linear-gradient(90deg,rgba(8,14,34,.94),rgba(8,14,34,.66)); }
    .aros-feature-showcase { width: min(100% - 28px,1200px); grid-template-columns: 1fr; gap: 14px; margin-bottom: 58px; }
    .aros-showcase-card,.aros-showcase-content { min-height: 470px; }
    .aros-showcase-content { padding: 30px 24px; }
    .aros-showcase-card h2 { font-size: clamp(52px,13vw,76px); }
    .aros-gallery-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
    .aros-fit-grid { grid-template-columns: 1fr; gap: 30px; }
    .aros-fit-panel { min-height: 340px; }
    .aros-final-cta { padding: 45px 0; }
    .aros-final-cta-inner { align-items: stretch; flex-direction: column; gap: 24px; }
}
@media (max-width: 420px) {
}
@media (prefers-reduced-motion: reduce) {
    .gastel-aros-page *, .gastel-aros-page *::before, .gastel-aros-page *::after {
        scroll-behavior: auto !important; transition: none !important;
    }
}
/* =========================================================
   PÁGINA EQUIPAMIENTO — GASTEL LLANTAS
   Añadir este bloque al final de style.css del tema hijo.
   Clases aisladas para no alterar Llantas ni Aros.
   ========================================================= */
.gastel-equipamiento-page {
    --equipamiento-blue: #13206B;
    --equipamiento-yellow: #F9D000;
    --equipamiento-ink: #171717;
    --equipamiento-muted: #68707D;
    --equipamiento-light: #F5F6F8;
    color: var(--equipamiento-ink);
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
}
.gastel-equipamiento-page *,
.gastel-equipamiento-page *::before,
.gastel-equipamiento-page *::after { box-sizing: border-box; }
.gastel-equipamiento-page img { display: block; max-width: 100%; height: auto; }
.gastel-equipamiento-page .gastel-container { width: min(1200px, calc(100% - 40px)); margin-inline: auto; }
.gastel-equipamiento-page h1,
.gastel-equipamiento-page h2,
.gastel-equipamiento-page h3,
.gastel-equipamiento-page p { margin-top: 0; }
.gastel-equipamiento-page h1,
.gastel-equipamiento-page h2,
.gastel-equipamiento-page h3 { font-weight: 900; }
.gastel-equipamiento-page a { text-decoration: none; }

.equipamiento-hero {
    position: relative; isolation: isolate; min-height: 650px; display: flex; align-items: center;
    overflow: hidden; color: #fff; background-color: #111a35;
    background-image: var(--equipamiento-hero-image, linear-gradient(120deg,#10182f,#29344a));
    background-size: cover; background-position: center 55%; background-repeat: no-repeat;
}
.equipamiento-hero-overlay {
    position: absolute; z-index: -1; inset: 0;
    background: linear-gradient(90deg,rgba(5,12,35,.96) 0%,rgba(5,12,35,.86) 35%,rgba(5,12,35,.38) 68%,rgba(5,12,35,.08) 100%);
}
.equipamiento-hero-inner { padding-block: 76px; }
.equipamiento-hero-content { max-width: 720px; }
.equipamiento-eyebrow,.equipamiento-kicker {
    display: flex; align-items: center; gap: 10px; margin-bottom: 16px;
    color: var(--equipamiento-blue); font-size: 12px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;
}
.equipamiento-eyebrow { color: #fff; }
.equipamiento-eyebrow span { display: inline-block; width: 30px; height: 4px; background: var(--equipamiento-yellow); }
.equipamiento-hero h1 { max-width: 720px; margin-bottom: 22px; color: #fff; font-size: clamp(44px,6vw,76px); line-height: .98; letter-spacing: -2px; text-transform: uppercase; }
.equipamiento-hero h1 strong { display: block; color: var(--equipamiento-yellow); }
.equipamiento-hero-content > p { max-width: 560px; margin-bottom: 30px; color: rgba(255,255,255,.92); font-size: 18px; line-height: 1.65; }
.equipamiento-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.equipamiento-button {
    min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 13px;
    padding: 13px 22px; border: 2px solid transparent; border-radius: 5px;
    font-size: 13px; font-weight: 900; letter-spacing: .3px; text-align: center; text-transform: uppercase;
    transition: transform .2s ease, background .2s ease, color .2s ease;
}
.equipamiento-button:hover { transform: translateY(-2px); }
.equipamiento-button-yellow { background: var(--equipamiento-yellow); border-color: var(--equipamiento-yellow); color: var(--equipamiento-blue) !important; }
.equipamiento-button-yellow:hover { background: #fff; border-color: #fff; color: var(--equipamiento-blue) !important; }
.equipamiento-button-outline { border-color: rgba(255,255,255,.8); color: #fff !important; background: rgba(255,255,255,.04); }
.equipamiento-button-outline:hover { background: #fff; color: var(--equipamiento-blue) !important; }
.equipamiento-hero-note { display: flex; align-items: center; gap: 10px; margin-top: 30px; color: rgba(255,255,255,.82); font-size: 12px; font-weight: 700; }
.equipamiento-hero-note span { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: var(--equipamiento-yellow); }

.equipamiento-intro { padding: 74px 0 66px; text-align: center; }
.equipamiento-intro-inner { max-width: 850px !important; }
.equipamiento-intro .equipamiento-kicker,.equipamiento-section-heading .equipamiento-kicker { justify-content: center; }
.equipamiento-intro h2,.equipamiento-section-heading h2 { margin-bottom: 15px; color: var(--equipamiento-blue); font-size: clamp(34px,4vw,52px); line-height: 1.04; letter-spacing: -1.2px; text-transform: uppercase; }
.equipamiento-intro h2 span,.equipamiento-section-heading h2 span,.equipamiento-advice-copy h2 span { color: #2A58A5; }
.equipamiento-intro p,.equipamiento-section-heading > p { max-width: 740px; margin: 0 auto; color: var(--equipamiento-muted); font-size: 16px; line-height: 1.75; }
.equipamiento-categories { padding: 74px 0 86px; background: linear-gradient(180deg,#f5f6f8,#fff); }
.equipamiento-section-heading { max-width: 800px; margin: 0 auto 42px; text-align: center; }
.equipamiento-section-heading h2 { margin-bottom: 14px; }
.equipamiento-category-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.equipamiento-category-card { min-width: 0; overflow: hidden; border: 1px solid #e4e6ec; border-radius: 8px; background: #fff; box-shadow: 0 8px 25px rgba(15,24,54,.06); transition: transform .22s ease,box-shadow .22s ease; }
.equipamiento-category-card:hover { transform: translateY(-4px); box-shadow: 0 15px 34px rgba(15,24,54,.12); }
.equipamiento-category-link { display: flex; height: 100%; flex-direction: column; color: inherit !important; }
.equipamiento-category-image { position: relative; overflow: hidden; aspect-ratio: 1.5 / 1; background: #e9ebf0; }
.equipamiento-category-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.equipamiento-category-card:hover .equipamiento-category-image img { transform: scale(1.04); }
.equipamiento-image-placeholder { position: relative; display: flex; width: 100%; height: 100%; min-height: 180px; align-items: center; justify-content: center; overflow: hidden; background: linear-gradient(135deg,#f4f5f8,#dfe3eb); }
.equipamiento-image-placeholder::after { position: absolute; right: -24px; bottom: -65px; width: 180px; height: 180px; border: 22px solid rgba(19,32,107,.08); border-radius: 50%; content: ''; }
.equipamiento-image-placeholder span { color: var(--equipamiento-blue); font-size: 12px; font-weight: 900; letter-spacing: 2px; }
.equipamiento-image-placeholder small { position: absolute; right: 15px; bottom: 10px; color: rgba(19,32,107,.2); font-size: 38px; font-weight: 900; }
.equipamiento-category-number { position: absolute; top: 14px; left: 14px; display: grid; width: 36px; height: 36px; place-items: center; border-radius: 3px; background: var(--equipamiento-yellow); color: var(--equipamiento-blue); font-size: 12px; font-weight: 900; }
.equipamiento-category-copy { display: flex; flex: 1; flex-direction: column; padding: 23px 22px 22px; }
.equipamiento-category-copy h3 { margin-bottom: 9px; color: var(--equipamiento-blue); font-size: 21px; line-height: 1.2; }
.equipamiento-category-copy p { min-height: 52px; margin-bottom: 18px; color: var(--equipamiento-muted); font-size: 14px; line-height: 1.65; }
.equipamiento-text-link { display: inline-flex; align-items: center; gap: 9px; margin-top: auto; color: var(--equipamiento-blue); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.equipamiento-text-link b { color: #2A58A5; font-size: 19px; }

.equipamiento-feature-band { position: relative; isolation: isolate; min-height: 430px; display: flex; align-items: center; overflow: hidden; background-color: #18213c; background-image: var(--equipamiento-band-image,linear-gradient(115deg,#10182f,#29344a)); background-size: cover; background-position: center 55%; }
.equipamiento-feature-overlay { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(5,12,35,.95),rgba(5,12,35,.78) 48%,rgba(5,12,35,.25)); }
.equipamiento-feature-inner { padding-block: 72px; color: #fff; }
.equipamiento-feature-inner .equipamiento-kicker { color: #fff; }
.equipamiento-feature-inner h2 { margin: 0 0 18px; color: #fff; font-size: clamp(38px,5vw,60px); line-height: .98; letter-spacing: -1.5px; text-transform: uppercase; }
.equipamiento-feature-inner h2 span { color: var(--equipamiento-yellow); }
.equipamiento-feature-inner p { max-width: 570px; margin-bottom: 25px; color: rgba(255,255,255,.88); font-size: 16px; line-height: 1.7; }

.equipamiento-products { padding: 82px 0; background: #fff; }
.equipamiento-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.equipamiento-product-card { min-width: 0; overflow: hidden; border: 1px solid #e4e6ec; border-radius: 8px; background: #fff; box-shadow: 0 8px 25px rgba(15,24,54,.05); }
.equipamiento-product-image { overflow: hidden; aspect-ratio: 1.25 / 1; background: #f5f6f8; }
.equipamiento-product-image img { width: 100%; height: 100%; object-fit: contain; }
.equipamiento-product-info { padding: 22px; }
.equipamiento-product-label { margin-bottom: 9px; color: #68707d; font-size: 10px; font-weight: 900; letter-spacing: 1.5px; }
.equipamiento-product-info h3 { margin-bottom: 9px; color: var(--equipamiento-blue); font-size: 20px; line-height: 1.3; }
.equipamiento-product-info p { margin-bottom: 17px; color: var(--equipamiento-muted); font-size: 13px; line-height: 1.65; }
.equipamiento-product-info > a { display: inline-flex; align-items: center; gap: 8px; color: var(--equipamiento-blue); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.equipamiento-catalog-empty { padding: 48px 24px; border: 1px dashed #cbd0dc; border-radius: 8px; background: #f8f9fb; text-align: center; }
.equipamiento-empty-mark { display: grid; width: 48px; height: 48px; margin: 0 auto 17px; place-items: center; border-radius: 50%; background: var(--equipamiento-yellow); color: var(--equipamiento-blue); font-size: 30px; font-weight: 400; }
.equipamiento-catalog-empty h3 { margin-bottom: 10px; color: var(--equipamiento-blue); font-size: 24px; }
.equipamiento-catalog-empty p { max-width: 670px; margin: 0 auto 22px; color: var(--equipamiento-muted); font-size: 14px; line-height: 1.7; }

.equipamiento-advice { padding: 82px 0; background: var(--equipamiento-light); }
.equipamiento-advice-grid { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 65px; }
.equipamiento-advice-copy h2 { max-width: 620px; margin-bottom: 18px; color: var(--equipamiento-blue); font-size: clamp(34px,4vw,50px); line-height: 1.04; letter-spacing: -1.2px; text-transform: uppercase; }
.equipamiento-advice-copy > p { margin-bottom: 20px; color: var(--equipamiento-muted); font-size: 15px; line-height: 1.75; }
.equipamiento-advice-copy ul { margin: 0 0 25px; padding-left: 20px; color: #343a46; }
.equipamiento-advice-copy li { margin-bottom: 8px; padding-left: 4px; font-size: 14px; line-height: 1.6; }
.equipamiento-advice-panel { min-height: 350px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; border-radius: 8px; background: linear-gradient(145deg,#13206b,#0b123b); color: #fff; box-shadow: 0 18px 38px rgba(19,32,107,.15); }
.equipamiento-advice-panel-top { display: flex; justify-content: space-between; color: var(--equipamiento-yellow); font-size: 11px; font-weight: 900; letter-spacing: 2px; }
.equipamiento-pickup-mark { position: relative; width: 100%; height: 130px; margin: 10px 0; }
.equipamiento-pickup-mark::before { position: absolute; left: 9%; right: 9%; bottom: 28px; height: 45px; border: 4px solid rgba(255,255,255,.88); border-radius: 9px 18px 5px 5px; content: ''; transform: skewX(-7deg); }
.equipamiento-pickup-mark::after { position: absolute; left: 23%; right: 23%; bottom: 13px; height: 42px; border: 7px solid #f9d000; border-top: 0; border-radius: 0 0 50px 50px; content: ''; }
.equipamiento-pickup-mark span::before,.equipamiento-pickup-mark span::after { position: absolute; z-index: 1; bottom: 5px; width: 36px; height: 36px; border: 7px solid #fff; border-radius: 50%; background: #13206b; content: ''; }
.equipamiento-pickup-mark span::before { left: 19%; }
.equipamiento-pickup-mark span::after { right: 19%; }
.equipamiento-advice-panel > p { max-width: 380px; margin: 0; color: rgba(255,255,255,.84); font-size: 13px; line-height: 1.7; }

.equipamiento-final-cta { padding: 58px 0; background: var(--equipamiento-blue); color: #fff; }
.equipamiento-final-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.equipamiento-final-cta .equipamiento-kicker { margin-bottom: 10px; color: var(--equipamiento-yellow); }
.equipamiento-final-cta h2 { margin-bottom: 10px; color: #fff; font-size: clamp(27px,3.4vw,40px); line-height: 1.1; }
.equipamiento-final-cta p { margin-bottom: 0; color: rgba(255,255,255,.82); font-size: 14px; line-height: 1.6; }
.equipamiento-final-cta .equipamiento-button { flex-shrink: 0; }

@media (max-width: 1000px) {
    .equipamiento-category-grid,.equipamiento-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .equipamiento-advice-grid { gap: 35px; }
}
@media (max-width: 767px) {
    .gastel-equipamiento-page .gastel-container { width: min(100% - 28px,1200px); }
    .equipamiento-hero { min-height: 680px; background-position: 64% center; }
    .equipamiento-hero-overlay { background: linear-gradient(180deg,rgba(5,12,35,.9),rgba(5,12,35,.74) 62%,rgba(5,12,35,.48)); }
    .equipamiento-hero-inner { padding-block: 58px; }
    .equipamiento-hero h1 { font-size: clamp(38px,10vw,54px); letter-spacing: -1.2px; }
    .equipamiento-hero-content > p { font-size: 16px; }
    .equipamiento-hero-actions { flex-direction: column; align-items: stretch; }
    .equipamiento-button { width: 100%; }
    .equipamiento-hero-note { align-items: flex-start; line-height: 1.5; }
    .equipamiento-intro,.equipamiento-categories,.equipamiento-products,.equipamiento-advice { padding-block: 58px; }
    .equipamiento-category-grid,.equipamiento-product-grid { grid-template-columns: 1fr; gap: 15px; }
    .equipamiento-category-image { aspect-ratio: 1.4 / 1; }
    .equipamiento-category-copy p { min-height: 0; }
    .equipamiento-section-heading { margin-bottom: 30px; }
    .equipamiento-feature-band { min-height: 430px; }
    .equipamiento-feature-inner { padding-block: 58px; }
    .equipamiento-feature-overlay { background: linear-gradient(90deg,rgba(8,14,34,.94),rgba(8,14,34,.68)); }
    .equipamiento-advice-grid { grid-template-columns: 1fr; gap: 30px; }
    .equipamiento-advice-panel { min-height: 320px; }
    .equipamiento-final-cta { padding: 45px 0; }
    .equipamiento-final-cta-inner { align-items: stretch; flex-direction: column; gap: 24px; }
}
@media (prefers-reduced-motion: reduce) {
    .gastel-equipamiento-page *, .gastel-equipamiento-page *::before, .gastel-equipamiento-page *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* =========================================================
   GASTEL LLANTAS · PÁGINA MANTENIMIENTO
   Añadir este bloque al final de style.css.
   Todos los estilos están aislados bajo .gastel-mantenimiento-page.
   ========================================================= */

.gastel-mantenimiento-page {
    --mantenimiento-blue: #13206B;
    --mantenimiento-yellow: #F9D000;
    --mantenimiento-ink: #171A25;
    --mantenimiento-muted: #626979;
    --mantenimiento-gray: #F4F6FA;
    --mantenimiento-line: #E3E6EE;
    width: 100%;
    overflow: hidden;
    color: var(--mantenimiento-ink);
    background: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
}

.gastel-mantenimiento-page *,
.gastel-mantenimiento-page *::before,
.gastel-mantenimiento-page *::after { box-sizing: border-box; }

.gastel-mantenimiento-page img { display: block; max-width: 100%; height: auto; }
.gastel-mantenimiento-page a { text-decoration: none; }
.gastel-mantenimiento-page h1,
.gastel-mantenimiento-page h2,
.gastel-mantenimiento-page h3,
.gastel-mantenimiento-page p { margin-top: 0; }
.gastel-mantenimiento-page .gastel-container { width: min(1200px, calc(100% - 40px)); margin-inline: auto; }

.gastel-mantenimiento-page .mantenimiento-kicker {
    display: flex; align-items: center; gap: 10px; margin-bottom: 18px;
    color: var(--mantenimiento-blue); font-size: 11px; font-weight: 900;
    letter-spacing: 1.8px; line-height: 1.5; text-transform: uppercase;
}
.gastel-mantenimiento-page .mantenimiento-kicker > span { display: inline-block; width: 28px; height: 3px; background: var(--mantenimiento-yellow); }
.gastel-mantenimiento-page .mantenimiento-button {
    display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 14px;
    padding: 13px 22px; border: 2px solid transparent; border-radius: 5px;
    font-size: 12px; font-weight: 900; line-height: 1.35; text-align: center; text-transform: uppercase;
    letter-spacing: .35px; transition: transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}
.gastel-mantenimiento-page .mantenimiento-button:hover { transform: translateY(-2px); }
.gastel-mantenimiento-page .mantenimiento-button-yellow { background: var(--mantenimiento-yellow); border-color: var(--mantenimiento-yellow); color: var(--mantenimiento-blue); box-shadow: 0 8px 22px rgba(249,208,0,.15); }
.gastel-mantenimiento-page .mantenimiento-button-yellow:hover { background: #FFFFFF; border-color: #FFFFFF; color: var(--mantenimiento-blue); }
.gastel-mantenimiento-page .mantenimiento-button-outline { border-color: rgba(255,255,255,.78); background: transparent; color: #FFFFFF; }
.gastel-mantenimiento-page .mantenimiento-button-outline:hover { background: #FFFFFF; color: var(--mantenimiento-blue); }
.gastel-mantenimiento-page .mantenimiento-button-blue { background: var(--mantenimiento-blue); border-color: var(--mantenimiento-blue); color: #FFFFFF; }
.gastel-mantenimiento-page .mantenimiento-button-blue:hover { background: var(--mantenimiento-yellow); border-color: var(--mantenimiento-yellow); color: var(--mantenimiento-blue); }
.gastel-mantenimiento-page .mantenimiento-text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--mantenimiento-blue); font-size: 12px; font-weight: 900; letter-spacing: .25px; text-transform: uppercase; }
.gastel-mantenimiento-page .mantenimiento-text-link span,
.gastel-mantenimiento-page .mantenimiento-text-link b { font-size: 18px; transition: transform .2s ease; }
.gastel-mantenimiento-page .mantenimiento-text-link:hover span,
.gastel-mantenimiento-page .mantenimiento-text-link:hover b { transform: translateX(4px); }

/* HERO */
.gastel-mantenimiento-page .mantenimiento-hero {
    position: relative; display: flex; min-height: 650px; align-items: center; overflow: hidden;
    background-color: #101A3B;
    background-image: var(--mantenimiento-hero-image, linear-gradient(120deg, #101A3B, #243A72));
    background-size: cover; background-position: center center; background-repeat: no-repeat; color: #FFFFFF;
}
.gastel-mantenimiento-page .mantenimiento-hero-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(7,17,48,.98) 0%, rgba(7,17,48,.91) 38%, rgba(7,17,48,.58) 65%, rgba(7,17,48,.24) 100%); }
.gastel-mantenimiento-page .mantenimiento-hero-inner { position: relative; z-index: 2; display: flex; min-height: 650px; align-items: center; justify-content: space-between; padding-top: 48px; padding-bottom: 58px; }
.gastel-mantenimiento-page .mantenimiento-hero-content { width: min(690px, 68%); }
.gastel-mantenimiento-page .mantenimiento-hero-kicker { color: #FFFFFF; }
.gastel-mantenimiento-page .mantenimiento-hero h1 { max-width: 740px; margin-bottom: 22px; color: #FFFFFF; font-size: clamp(38px, 5.2vw, 66px); font-weight: 800; line-height: 1.03; letter-spacing: -2.2px; text-transform: uppercase; }
.gastel-mantenimiento-page .mantenimiento-hero h1 strong { display: block; color: var(--mantenimiento-yellow); font-weight: 900; }
.gastel-mantenimiento-page .mantenimiento-hero-content > p { max-width: 590px; margin-bottom: 28px; color: #E4E8F5; font-size: 16px; line-height: 1.85; }
.gastel-mantenimiento-page .mantenimiento-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.gastel-mantenimiento-page .mantenimiento-hero-note { display: flex; align-items: center; gap: 10px; margin-top: 30px; color: #E5E9F7; font-size: 12px; font-weight: 700; }
.gastel-mantenimiento-page .mantenimiento-hero-note span { display: inline-grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; background: var(--mantenimiento-yellow); color: var(--mantenimiento-blue); font-weight: 900; }
.gastel-mantenimiento-page .mantenimiento-hero-side { display: flex; align-items: center; gap: 12px; align-self: flex-end; margin-bottom: 24px; color: rgba(255,255,255,.75); writing-mode: vertical-rl; }
.gastel-mantenimiento-page .mantenimiento-hero-side-line { width: 1px; height: 75px; background: var(--mantenimiento-yellow); }
.gastel-mantenimiento-page .mantenimiento-hero-side-text { font-size: 9px; font-weight: 800; letter-spacing: 2px; }
.gastel-mantenimiento-page .mantenimiento-hero-bottom { position: absolute; z-index: 3; right: 0; bottom: 0; left: 0; display: flex; align-items: center; gap: 14px; padding: 15px max(20px, calc((100% - 1200px) / 2)); border-top: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.75); font-size: 9px; font-weight: 800; letter-spacing: 1.8px; }
.gastel-mantenimiento-page .mantenimiento-hero-bottom > span:nth-child(1) { color: var(--mantenimiento-yellow); }
.gastel-mantenimiento-page .mantenimiento-hero-bottom > span:nth-child(2) { width: 42px; height: 1px; background: var(--mantenimiento-yellow); }

/* INTRO / BENEFICIOS */
.gastel-mantenimiento-page .mantenimiento-intro { padding: 94px 0 90px; background: #FFFFFF; }
.gastel-mantenimiento-page .mantenimiento-intro-grid { display: grid; grid-template-columns: 1.05fr .8fr; gap: 90px; align-items: end; }
.gastel-mantenimiento-page .mantenimiento-intro h2,
.gastel-mantenimiento-page .mantenimiento-section-heading h2,
.gastel-mantenimiento-page .mantenimiento-vehicles-copy h2,
.gastel-mantenimiento-page .mantenimiento-quote-copy h2,
.gastel-mantenimiento-page .mantenimiento-faq-heading h2 { margin-bottom: 0; color: var(--mantenimiento-blue); font-size: clamp(30px, 3.5vw, 46px); font-weight: 900; line-height: 1.13; letter-spacing: -1.4px; text-transform: uppercase; }
.gastel-mantenimiento-page .mantenimiento-intro h2 span,
.gastel-mantenimiento-page .mantenimiento-section-heading h2 span,
.gastel-mantenimiento-page .mantenimiento-vehicles-copy h2 span,
.gastel-mantenimiento-page .mantenimiento-quote-copy h2 span,
.gastel-mantenimiento-page .mantenimiento-faq-heading h2 span { color: #6C7489; }
.gastel-mantenimiento-page .mantenimiento-intro-copy p { margin-bottom: 20px; color: var(--mantenimiento-muted); font-size: 15px; line-height: 1.9; }
.gastel-mantenimiento-page .mantenimiento-benefits-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 0; margin-top: 62px; border: 1px solid var(--mantenimiento-line); }
.gastel-mantenimiento-page .mantenimiento-benefit { position: relative; min-height: 220px; padding: 27px 24px 25px; border-right: 1px solid var(--mantenimiento-line); }
.gastel-mantenimiento-page .mantenimiento-benefit:last-child { border-right: 0; }
.gastel-mantenimiento-page .mantenimiento-benefit-number { position: absolute; top: 24px; right: 22px; color: #B4BBCB; font-size: 10px; font-weight: 900; letter-spacing: 1px; }
.gastel-mantenimiento-page .mantenimiento-benefit-icon { display: grid; width: 45px; height: 45px; margin-bottom: 28px; place-items: center; border-radius: 50%; background: #FFF7C7; color: var(--mantenimiento-blue); font-size: 25px; font-weight: 700; }
.gastel-mantenimiento-page .mantenimiento-benefit h3 { margin-bottom: 9px; color: var(--mantenimiento-blue); font-size: 16px; font-weight: 900; line-height: 1.35; }
.gastel-mantenimiento-page .mantenimiento-benefit p { margin-bottom: 0; color: var(--mantenimiento-muted); font-size: 12px; line-height: 1.8; }

/* TARJETAS DE SERVICIOS */
.gastel-mantenimiento-page .mantenimiento-services { padding: 92px 0 100px; background: var(--mantenimiento-gray); }
.gastel-mantenimiento-page .mantenimiento-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 42px; }
.gastel-mantenimiento-page .mantenimiento-section-heading > div { max-width: 650px; }
.gastel-mantenimiento-page .mantenimiento-section-heading > p { max-width: 410px; margin-bottom: 4px; color: var(--mantenimiento-muted); font-size: 14px; line-height: 1.85; }
.gastel-mantenimiento-page .mantenimiento-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }
.gastel-mantenimiento-page .mantenimiento-service-card { min-width: 0; overflow: hidden; border: 1px solid #E7E9EF; background: #FFFFFF; transition: transform .25s ease, box-shadow .25s ease; }
.gastel-mantenimiento-page .mantenimiento-service-card:hover { transform: translateY(-5px); box-shadow: 0 18px 35px rgba(19,32,107,.1); }
.gastel-mantenimiento-page .mantenimiento-service-card-link { display: flex; height: 100%; flex-direction: column; color: inherit; }
.gastel-mantenimiento-page .mantenimiento-service-image { position: relative; height: 235px; overflow: hidden; background: linear-gradient(135deg, #172653, #66718C); }
.gastel-mantenimiento-page .mantenimiento-service-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.gastel-mantenimiento-page .mantenimiento-service-card:hover .mantenimiento-service-image img { transform: scale(1.045); }
.gastel-mantenimiento-page .mantenimiento-service-number { position: absolute; top: 15px; left: 15px; display: grid; min-width: 38px; height: 34px; padding: 0 7px; place-items: center; background: var(--mantenimiento-yellow); color: var(--mantenimiento-blue); font-size: 11px; font-weight: 900; }
.gastel-mantenimiento-page .mantenimiento-service-arrow { position: absolute; right: 15px; bottom: 15px; display: grid; width: 40px; height: 40px; place-items: center; background: #FFFFFF; color: var(--mantenimiento-blue); font-size: 20px; transition: background .2s ease, color .2s ease; }
.gastel-mantenimiento-page .mantenimiento-service-card:hover .mantenimiento-service-arrow { background: var(--mantenimiento-yellow); }
.gastel-mantenimiento-page .mantenimiento-image-placeholder { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background: radial-gradient(circle at 80% 10%, rgba(249,208,0,.2), transparent 34%), linear-gradient(135deg, #101A3B, #293C72); color: #FFFFFF; }
.gastel-mantenimiento-page .mantenimiento-placeholder-mark { display: grid; width: 55px; height: 55px; place-items: center; border: 2px solid var(--mantenimiento-yellow); border-radius: 50%; color: var(--mantenimiento-yellow); font-size: 28px; font-weight: 900; }
.gastel-mantenimiento-page .mantenimiento-image-placeholder > span:nth-child(2) { font-size: 12px; font-weight: 900; letter-spacing: 2px; }
.gastel-mantenimiento-page .mantenimiento-image-placeholder small { color: #C7CDE0; font-size: 9px; font-weight: 700; letter-spacing: 1.4px; }
.gastel-mantenimiento-page .mantenimiento-service-copy { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 25px 25px 27px; }
.gastel-mantenimiento-page .mantenimiento-service-label { margin-bottom: 10px; color: #7B8293; font-size: 9px; font-weight: 900; letter-spacing: 1.6px; }
.gastel-mantenimiento-page .mantenimiento-service-copy h3 { margin-bottom: 12px; color: var(--mantenimiento-blue); font-size: 21px; font-weight: 900; line-height: 1.25; }
.gastel-mantenimiento-page .mantenimiento-service-copy p { margin-bottom: 23px; color: var(--mantenimiento-muted); font-size: 13px; line-height: 1.85; }
.gastel-mantenimiento-page .mantenimiento-service-copy .mantenimiento-text-link { margin-top: auto; }

/* BANDA DE FRENOS */
.gastel-mantenimiento-page .mantenimiento-brakes-band { position: relative; overflow: hidden; padding: 88px 0; background: #101A3B; color: #FFFFFF; }
.gastel-mantenimiento-page .mantenimiento-brakes-image { position: absolute; inset: 0 0 0 42%; background-image: var(--mantenimiento-brakes-image, linear-gradient(130deg, #18254D, #34466D)); background-size: cover; background-position: center; opacity: .6; }
.gastel-mantenimiento-page .mantenimiento-brakes-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, #101A3B 0%, rgba(16,26,59,.98) 38%, rgba(16,26,59,.65) 70%, rgba(16,26,59,.42) 100%); }
.gastel-mantenimiento-page .mantenimiento-brakes-inner { position: relative; z-index: 1; max-width: 1200px; }
.gastel-mantenimiento-page .mantenimiento-brakes-inner .mantenimiento-kicker { color: var(--mantenimiento-yellow); }
.gastel-mantenimiento-page .mantenimiento-brakes-inner h2 { max-width: 650px; margin-bottom: 17px; color: #FFFFFF; font-size: clamp(32px, 4vw, 50px); font-weight: 900; line-height: 1.12; letter-spacing: -1.5px; text-transform: uppercase; }
.gastel-mantenimiento-page .mantenimiento-brakes-inner h2 span { color: var(--mantenimiento-yellow); }
.gastel-mantenimiento-page .mantenimiento-brakes-inner > p { max-width: 600px; margin-bottom: 22px; color: #DDE3F3; font-size: 14px; line-height: 1.8; }
.gastel-mantenimiento-page .mantenimiento-brakes-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); max-width: 760px; gap: 12px 26px; margin: 0 0 30px; padding: 0; list-style: none; }
.gastel-mantenimiento-page .mantenimiento-brakes-list li { position: relative; padding-left: 23px; color: #FFFFFF; font-size: 13px; line-height: 1.6; }
.gastel-mantenimiento-page .mantenimiento-brakes-list li::before { position: absolute; top: 0; left: 0; color: var(--mantenimiento-yellow); content: '✓'; font-weight: 900; }

/* PROCESO */
.gastel-mantenimiento-page .mantenimiento-process { padding: 92px 0 96px; background: #FFFFFF; }
.gastel-mantenimiento-page .mantenimiento-section-heading-centered { align-items: center; }
.gastel-mantenimiento-page .mantenimiento-process-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; }
.gastel-mantenimiento-page .mantenimiento-process-step { position: relative; min-height: 235px; padding: 30px 24px 25px; border: 1px solid var(--mantenimiento-line); background: #FFFFFF; }
.gastel-mantenimiento-page .mantenimiento-process-step > span { position: absolute; top: 22px; right: 22px; color: #B4BBCB; font-size: 11px; font-weight: 900; }
.gastel-mantenimiento-page .mantenimiento-process-icon { display: grid; width: 48px; height: 48px; margin-bottom: 25px; place-items: center; background: var(--mantenimiento-blue); color: var(--mantenimiento-yellow); font-size: 24px; font-weight: 800; }
.gastel-mantenimiento-page .mantenimiento-process-step h3 { max-width: 200px; margin-bottom: 9px; color: var(--mantenimiento-blue); font-size: 16px; font-weight: 900; line-height: 1.35; }
.gastel-mantenimiento-page .mantenimiento-process-step p { margin-bottom: 0; color: var(--mantenimiento-muted); font-size: 12px; line-height: 1.8; }

/* VEHÍCULOS */
.gastel-mantenimiento-page .mantenimiento-vehicles { padding: 82px 0; background: #F3F5F9; }
.gastel-mantenimiento-page .mantenimiento-vehicles-grid { display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 80px; }
.gastel-mantenimiento-page .mantenimiento-vehicles-visual { position: relative; min-height: 410px; overflow: hidden; background: linear-gradient(135deg, #1A2B5C, #68758D); }
.gastel-mantenimiento-page .mantenimiento-vehicles-visual > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gastel-mantenimiento-page .mantenimiento-vehicles-placeholder { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(circle at 75% 30%, rgba(249,208,0,.23), transparent 32%), linear-gradient(135deg, #14214F, #44577F); color: #FFFFFF; }
.gastel-mantenimiento-page .mantenimiento-vehicles-placeholder span { color: var(--mantenimiento-yellow); font-size: 12px; font-weight: 900; letter-spacing: 5px; }
.gastel-mantenimiento-page .mantenimiento-vehicles-placeholder strong { font-size: clamp(32px, 5vw, 54px); font-weight: 900; letter-spacing: -1.5px; }
.gastel-mantenimiento-page .mantenimiento-vehicles-placeholder small { margin-top: 12px; font-size: 10px; font-weight: 800; letter-spacing: 2px; }
.gastel-mantenimiento-page .mantenimiento-vehicles-stamp { position: absolute; right: 0; bottom: 0; display: flex; flex-direction: column; min-width: 150px; padding: 17px 20px; background: var(--mantenimiento-yellow); color: var(--mantenimiento-blue); }
.gastel-mantenimiento-page .mantenimiento-vehicles-stamp span { font-size: 9px; font-weight: 900; letter-spacing: 2px; }
.gastel-mantenimiento-page .mantenimiento-vehicles-stamp strong { font-size: 16px; font-weight: 900; }
.gastel-mantenimiento-page .mantenimiento-vehicles-copy h2 { margin-bottom: 20px; }
.gastel-mantenimiento-page .mantenimiento-vehicles-copy > p { margin-bottom: 22px; color: var(--mantenimiento-muted); font-size: 14px; line-height: 1.9; }
.gastel-mantenimiento-page .mantenimiento-vehicle-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.gastel-mantenimiento-page .mantenimiento-vehicle-tags span { padding: 8px 12px; border: 1px solid #D7DCE7; background: #FFFFFF; color: var(--mantenimiento-blue); font-size: 11px; font-weight: 800; }

/* FORMULARIO */
.gastel-mantenimiento-page .mantenimiento-quote { padding: 96px 0; background: var(--mantenimiento-blue); color: #FFFFFF; }
.gastel-mantenimiento-page .mantenimiento-quote-grid { display: grid; grid-template-columns: .8fr 1fr; gap: 85px; align-items: start; }
.gastel-mantenimiento-page .mantenimiento-quote-copy { padding-top: 24px; }
.gastel-mantenimiento-page .mantenimiento-quote-copy .mantenimiento-kicker { color: var(--mantenimiento-yellow); }
.gastel-mantenimiento-page .mantenimiento-quote-copy h2 { margin-bottom: 22px; color: #FFFFFF; }
.gastel-mantenimiento-page .mantenimiento-quote-copy h2 span { color: var(--mantenimiento-yellow); }
.gastel-mantenimiento-page .mantenimiento-quote-copy > p { margin-bottom: 28px; color: #E1E6F6; font-size: 14px; line-height: 1.9; }
.gastel-mantenimiento-page .mantenimiento-quote-note { display: flex; gap: 12px; align-items: flex-start; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.2); }
.gastel-mantenimiento-page .mantenimiento-quote-note > span { display: grid; flex: 0 0 25px; width: 25px; height: 25px; place-items: center; border-radius: 50%; background: var(--mantenimiento-yellow); color: var(--mantenimiento-blue); font-size: 13px; font-weight: 900; }
.gastel-mantenimiento-page .mantenimiento-quote-note p { margin-bottom: 0; color: #D8DFF1; font-size: 11px; line-height: 1.8; }
.gastel-mantenimiento-page .mantenimiento-quote-form { padding: 30px; background: #FFFFFF; color: var(--mantenimiento-ink); box-shadow: 0 18px 45px rgba(0,0,0,.12); }
.gastel-mantenimiento-page .mantenimiento-form-heading { display: flex; justify-content: space-between; gap: 14px; margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid var(--mantenimiento-line); color: var(--mantenimiento-blue); font-size: 10px; font-weight: 900; letter-spacing: 1.1px; }
.gastel-mantenimiento-page .mantenimiento-form-heading span:last-child { color: #737B8D; text-align: right; }
.gastel-mantenimiento-page .mantenimiento-form-fields { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 17px 14px; }
.gastel-mantenimiento-page .mantenimiento-form-fields label { display: flex; min-width: 0; flex-direction: column; gap: 7px; color: #343B4D; font-size: 11px; font-weight: 800; }
.gastel-mantenimiento-page .mantenimiento-form-fields .mantenimiento-form-full { grid-column: 1 / -1; }
.gastel-mantenimiento-page .mantenimiento-form-fields input,
.gastel-mantenimiento-page .mantenimiento-form-fields select,
.gastel-mantenimiento-page .mantenimiento-form-fields textarea { width: 100%; min-width: 0; min-height: 45px; margin: 0; padding: 11px 12px; border: 1px solid #DDE1EA; border-radius: 3px; outline: none; background: #FFFFFF; color: #222838; font-family: inherit; font-size: 12px; line-height: 1.5; box-shadow: none; }
.gastel-mantenimiento-page .mantenimiento-form-fields textarea { min-height: 95px; resize: vertical; }
.gastel-mantenimiento-page .mantenimiento-form-fields input:focus,
.gastel-mantenimiento-page .mantenimiento-form-fields select:focus,
.gastel-mantenimiento-page .mantenimiento-form-fields textarea:focus { border-color: var(--mantenimiento-blue); box-shadow: 0 0 0 2px rgba(19,32,107,.09); }
.gastel-mantenimiento-page .mantenimiento-form-fields input::placeholder,
.gastel-mantenimiento-page .mantenimiento-form-fields textarea::placeholder { color: #9299A8; }
.gastel-mantenimiento-page .mantenimiento-form-submit { width: 100%; margin-top: 22px; cursor: pointer; font-family: inherit; }
.gastel-mantenimiento-page .mantenimiento-form-feedback { min-height: 0; margin: 10px 0 0; color: var(--mantenimiento-blue); font-size: 11px; line-height: 1.6; }
.gastel-mantenimiento-page .mantenimiento-form-feedback:empty { display: none; }

/* PREGUNTAS FRECUENTES */
.gastel-mantenimiento-page .mantenimiento-faq { padding: 94px 0; background: #FFFFFF; }
.gastel-mantenimiento-page .mantenimiento-faq-grid { display: grid; grid-template-columns: .7fr 1.1fr; gap: 90px; align-items: start; }
.gastel-mantenimiento-page .mantenimiento-faq-heading > p { margin: 22px 0; color: var(--mantenimiento-muted); font-size: 14px; line-height: 1.9; }
.gastel-mantenimiento-page .mantenimiento-faq-list { border-top: 1px solid var(--mantenimiento-line); }
.gastel-mantenimiento-page .mantenimiento-faq-list details { border-bottom: 1px solid var(--mantenimiento-line); }
.gastel-mantenimiento-page .mantenimiento-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; color: var(--mantenimiento-blue); font-size: 14px; font-weight: 900; line-height: 1.5; cursor: pointer; list-style: none; }
.gastel-mantenimiento-page .mantenimiento-faq-list summary::-webkit-details-marker { display: none; }
.gastel-mantenimiento-page .mantenimiento-faq-list summary span { display: grid; flex: 0 0 28px; width: 28px; height: 28px; place-items: center; background: #F1F3F8; color: var(--mantenimiento-blue); font-size: 18px; transition: transform .2s ease; }
.gastel-mantenimiento-page .mantenimiento-faq-list details[open] summary span { background: var(--mantenimiento-yellow); transform: rotate(45deg); }
.gastel-mantenimiento-page .mantenimiento-faq-list details p { max-width: 680px; margin: -3px 45px 22px 0; color: var(--mantenimiento-muted); font-size: 13px; line-height: 1.85; }

/* CIERRE */
.gastel-mantenimiento-page .mantenimiento-final-cta { position: relative; overflow: hidden; padding: 86px 0; background-color: var(--mantenimiento-blue); background-image: var(--mantenimiento-final-image, linear-gradient(120deg, #13206B, #1D337E)); background-position: center; background-size: cover; color: #FFFFFF; }
.gastel-mantenimiento-page .mantenimiento-final-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,23,76,.98), rgba(10,23,76,.8)); }
.gastel-mantenimiento-page .mantenimiento-final-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; }
.gastel-mantenimiento-page .mantenimiento-final-inner .mantenimiento-kicker { color: var(--mantenimiento-yellow); }
.gastel-mantenimiento-page .mantenimiento-final-inner h2 { max-width: 760px; margin-bottom: 15px; color: #FFFFFF; font-size: clamp(34px, 4.5vw, 56px); font-weight: 900; line-height: 1.08; letter-spacing: -1.6px; text-transform: uppercase; }
.gastel-mantenimiento-page .mantenimiento-final-inner h2 span { color: var(--mantenimiento-yellow); }
.gastel-mantenimiento-page .mantenimiento-final-inner p { max-width: 600px; margin-bottom: 25px; color: #E0E5F5; font-size: 14px; line-height: 1.8; }

/* RESPONSIVE */
@media (max-width: 1024px) {
    .gastel-mantenimiento-page .mantenimiento-hero,
    .gastel-mantenimiento-page .mantenimiento-hero-inner { min-height: 590px; }
    .gastel-mantenimiento-page .mantenimiento-hero-content { width: min(700px, 82%); }
    .gastel-mantenimiento-page .mantenimiento-intro-grid { gap: 45px; }
    .gastel-mantenimiento-page .mantenimiento-benefits-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .gastel-mantenimiento-page .mantenimiento-benefit:nth-child(2) { border-right: 0; }
    .gastel-mantenimiento-page .mantenimiento-benefit:nth-child(-n+2) { border-bottom: 1px solid var(--mantenimiento-line); }
    .gastel-mantenimiento-page .mantenimiento-service-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .gastel-mantenimiento-page .mantenimiento-process-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .gastel-mantenimiento-page .mantenimiento-vehicles-grid { gap: 45px; }
    .gastel-mantenimiento-page .mantenimiento-quote-grid { gap: 45px; }
    .gastel-mantenimiento-page .mantenimiento-faq-grid { gap: 50px; }
}

@media (max-width: 767px) {
    .gastel-mantenimiento-page .gastel-container { width: min(1200px, calc(100% - 28px)); }
    .gastel-mantenimiento-page .mantenimiento-button { width: 100%; min-height: 49px; padding: 12px 14px; font-size: 11px; }
    .gastel-mantenimiento-page .mantenimiento-hero,
    .gastel-mantenimiento-page .mantenimiento-hero-inner { min-height: 0; }
    .gastel-mantenimiento-page .mantenimiento-hero { background-position: 62% center; }
    .gastel-mantenimiento-page .mantenimiento-hero-overlay { background: linear-gradient(90deg, rgba(7,17,48,.96), rgba(7,17,48,.82)); }
    .gastel-mantenimiento-page .mantenimiento-hero-inner { padding-top: 74px; padding-bottom: 78px; }
    .gastel-mantenimiento-page .mantenimiento-hero-content { width: 100%; }
    .gastel-mantenimiento-page .mantenimiento-hero h1 { font-size: clamp(34px, 10vw, 46px); letter-spacing: -1.3px; }
    .gastel-mantenimiento-page .mantenimiento-hero-content > p { font-size: 14px; line-height: 1.8; }
    .gastel-mantenimiento-page .mantenimiento-hero-actions { align-items: stretch; flex-direction: column; }
    .gastel-mantenimiento-page .mantenimiento-hero-note { align-items: flex-start; font-size: 11px; line-height: 1.6; }
    .gastel-mantenimiento-page .mantenimiento-hero-side { display: none; }
    .gastel-mantenimiento-page .mantenimiento-hero-bottom { padding: 12px 15px; font-size: 8px; }
    .gastel-mantenimiento-page .mantenimiento-intro,
    .gastel-mantenimiento-page .mantenimiento-services,
    .gastel-mantenimiento-page .mantenimiento-process,
    .gastel-mantenimiento-page .mantenimiento-faq { padding: 64px 0; }
    .gastel-mantenimiento-page .mantenimiento-intro-grid,
    .gastel-mantenimiento-page .mantenimiento-vehicles-grid,
    .gastel-mantenimiento-page .mantenimiento-quote-grid,
    .gastel-mantenimiento-page .mantenimiento-faq-grid { grid-template-columns: 1fr; gap: 28px; }
    .gastel-mantenimiento-page .mantenimiento-intro h2,
    .gastel-mantenimiento-page .mantenimiento-section-heading h2,
    .gastel-mantenimiento-page .mantenimiento-vehicles-copy h2,
    .gastel-mantenimiento-page .mantenimiento-quote-copy h2,
    .gastel-mantenimiento-page .mantenimiento-faq-heading h2 { font-size: clamp(29px, 8vw, 38px); letter-spacing: -.8px; }
    .gastel-mantenimiento-page .mantenimiento-intro-grid { gap: 22px; }
    .gastel-mantenimiento-page .mantenimiento-benefits-grid { grid-template-columns: 1fr 1fr; margin-top: 38px; }
    .gastel-mantenimiento-page .mantenimiento-benefit { min-height: 0; padding: 22px 16px; }
    .gastel-mantenimiento-page .mantenimiento-benefit:nth-child(odd) { border-right: 1px solid var(--mantenimiento-line); }
    .gastel-mantenimiento-page .mantenimiento-benefit:nth-child(even) { border-right: 0; }
    .gastel-mantenimiento-page .mantenimiento-benefit:nth-child(3) { border-bottom: 0; }
    .gastel-mantenimiento-page .mantenimiento-benefit-icon { width: 39px; height: 39px; margin-bottom: 21px; }
    .gastel-mantenimiento-page .mantenimiento-benefit h3 { font-size: 14px; }
    .gastel-mantenimiento-page .mantenimiento-benefit p { font-size: 11px; }
    .gastel-mantenimiento-page .mantenimiento-section-heading { display: block; margin-bottom: 30px; }
    .gastel-mantenimiento-page .mantenimiento-section-heading > p { margin-top: 17px; font-size: 13px; }
    .gastel-mantenimiento-page .mantenimiento-service-grid { grid-template-columns: 1fr; gap: 17px; }
    .gastel-mantenimiento-page .mantenimiento-service-image { height: 230px; }
    .gastel-mantenimiento-page .mantenimiento-service-copy { padding: 22px 20px 24px; }
    .gastel-mantenimiento-page .mantenimiento-brakes-band { padding: 65px 0; }
    .gastel-mantenimiento-page .mantenimiento-brakes-image { inset: 0; opacity: .3; }
    .gastel-mantenimiento-page .mantenimiento-brakes-overlay { background: rgba(16,26,59,.85); }
    .gastel-mantenimiento-page .mantenimiento-brakes-inner h2 { font-size: clamp(29px, 8vw, 38px); letter-spacing: -.8px; }
    .gastel-mantenimiento-page .mantenimiento-brakes-list { grid-template-columns: 1fr; gap: 10px; }
    .gastel-mantenimiento-page .mantenimiento-process-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
    .gastel-mantenimiento-page .mantenimiento-process-step { min-height: 220px; padding: 22px 16px; }
    .gastel-mantenimiento-page .mantenimiento-process-step h3 { font-size: 14px; }
    .gastel-mantenimiento-page .mantenimiento-process-step p { font-size: 11px; }
    .gastel-mantenimiento-page .mantenimiento-vehicles { padding: 62px 0; }
    .gastel-mantenimiento-page .mantenimiento-vehicles-visual { min-height: 300px; }
    .gastel-mantenimiento-page .mantenimiento-quote { padding: 65px 0; }
    .gastel-mantenimiento-page .mantenimiento-quote-copy { padding-top: 0; }
    .gastel-mantenimiento-page .mantenimiento-quote-form { padding: 21px 17px; }
    .gastel-mantenimiento-page .mantenimiento-form-heading { font-size: 9px; }
    .gastel-mantenimiento-page .mantenimiento-form-fields { grid-template-columns: 1fr; gap: 14px; }
    .gastel-mantenimiento-page .mantenimiento-form-fields .mantenimiento-form-full { grid-column: auto; }
    .gastel-mantenimiento-page .mantenimiento-faq-list summary { gap: 12px; padding: 18px 0; font-size: 13px; }
    .gastel-mantenimiento-page .mantenimiento-faq-list details p { margin-right: 0; font-size: 12px; }
    .gastel-mantenimiento-page .mantenimiento-final-cta { padding: 65px 0; }
    .gastel-mantenimiento-page .mantenimiento-final-inner h2 { font-size: clamp(31px, 8.5vw, 42px); letter-spacing: -.8px; }
}

@media (max-width: 380px) {
    .gastel-mantenimiento-page .mantenimiento-benefits-grid,
    .gastel-mantenimiento-page .mantenimiento-process-grid { grid-template-columns: 1fr; }
    .gastel-mantenimiento-page .mantenimiento-benefit { border-right: 0 !important; border-bottom: 1px solid var(--mantenimiento-line); }
    .gastel-mantenimiento-page .mantenimiento-benefit:last-child { border-bottom: 0; }
    .gastel-mantenimiento-page .mantenimiento-process-step { min-height: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .gastel-mantenimiento-page *,
    .gastel-mantenimiento-page *::before,
    .gastel-mantenimiento-page *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* Página de entrada Automotriz */
.gastel-automotriz-page {
    --auto-blue: #13206B;
    --auto-yellow: #F9D000;
    --auto-ink: #171A22;
    --auto-muted: #6D7380;
    color: var(--auto-ink);
}
.gastel-automotriz-page *,
.gastel-automotriz-page *::before,
.gastel-automotriz-page *::after { box-sizing: border-box; }
.gastel-automotriz-page img { display: block; max-width: 100%; }
.gastel-automotriz-page a { text-decoration: none; }
.gastel-automotriz-page h1,
.gastel-automotriz-page h2,
.gastel-automotriz-page h3,
.gastel-automotriz-page p { margin-top: 0; }
.automotriz-hero {
    position: relative; isolation: isolate; overflow: hidden; min-height: 690px; display: flex; align-items: center;
    background-color: #11192B; background-image: var(--automotriz-hero-image, linear-gradient(112deg,#10182c 4%,#1b2944 55%,#253852));
    background-position: center; background-size: cover; color: #fff;
}
.automotriz-hero::after { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(90deg,rgba(9,15,29,.96) 0%,rgba(9,15,29,.87) 44%,rgba(9,15,29,.15) 100%); }
.automotriz-hero-overlay { position: absolute; z-index: -1; inset: 0; background: linear-gradient(0deg,rgba(8,15,27,.48),transparent 45%); }
.automotriz-hero-inner { position: relative; display: flex; align-items: center; justify-content: space-between; padding-block: 100px 125px; }
.automotriz-hero-copy { max-width: 720px; }
.automotriz-kicker { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; color: var(--auto-yellow); font-size: 10px; font-weight: 900; letter-spacing: 2px; }
.automotriz-kicker > span { display: inline-block; width: 26px; height: 3px; background: var(--auto-yellow); }
.automotriz-hero h1 { max-width: 680px; margin-bottom: 23px; color: #fff; font-size: clamp(46px,6.3vw,82px); font-weight: 900; line-height: .98; letter-spacing: -2.8px; text-transform: uppercase; }
.automotriz-hero h1 strong { display: block; color: var(--auto-yellow); }
.automotriz-hero-copy > p { max-width: 560px; margin-bottom: 30px; color: #E2E5EC; font-size: 16px; line-height: 1.8; }
.automotriz-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.automotriz-button { display: inline-flex; min-height: 49px; align-items: center; justify-content: center; gap: 14px; padding: 13px 19px; border: 1px solid transparent; font-size: 11px; font-weight: 900; letter-spacing: .35px; transition: .2s ease; }
.automotriz-button:hover { transform: translateY(-2px); }
.automotriz-button-yellow { border-color: var(--auto-yellow); background: var(--auto-yellow); color: var(--auto-blue) !important; }
.automotriz-button-yellow:hover { border-color: #fff; background: #fff; }
.automotriz-button-outline { border-color: rgba(255,255,255,.65); background: rgba(255,255,255,.04); color: #fff !important; }
.automotriz-button-outline:hover { border-color: #fff; background: #fff; color: var(--auto-blue) !important; }
.automotriz-hero-note { display: flex; align-items: center; gap: 10px; margin-top: 28px; color: #D7DCE7; font-size: 11px; }
.automotriz-hero-note span { display: grid; width: 22px; height: 22px; place-items: center; border: 1px solid rgba(249,208,0,.7); border-radius: 50%; color: var(--auto-yellow); }
.automotriz-hero-index { display: flex; flex-direction: column; align-items: flex-end; margin-top: 190px; color: rgba(255,255,255,.8); }
.automotriz-hero-index strong { color: #fff; font-size: 32px; font-weight: 900; letter-spacing: 5px; }
.automotriz-hero-index span { font-size: 9px; letter-spacing: 2px; text-transform: uppercase; }
.automotriz-hero-index i { width: 42px; height: 4px; margin-top: 13px; background: var(--auto-yellow); }
.automotriz-scroll { position: absolute; right: max(20px, calc((100% - 1200px)/2)); bottom: 24px; display: flex; align-items: center; gap: 12px; color: #fff; font-size: 9px; font-weight: 900; letter-spacing: 2px; }
.automotriz-scroll span { display: grid; width: 29px; height: 29px; place-items: center; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; color: var(--auto-yellow); }
.automotriz-solutions { padding: 92px 0 100px; background: #F6F7F9; }
.automotriz-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 45px; margin-bottom: 35px; }
.automotriz-kicker-dark { color: var(--auto-blue); }
.automotriz-kicker-dark > span { background: var(--auto-blue); }
.automotriz-heading h2 { max-width: 700px; margin-bottom: 0; color: var(--auto-blue); font-size: clamp(34px,4.6vw,55px); font-weight: 900; line-height: 1.04; letter-spacing: -1.6px; text-transform: uppercase; }
.automotriz-heading h2 em,.automotriz-final h2 em { color: #3159A0; font-style: normal; }
.automotriz-heading > p { max-width: 310px; margin-bottom: 5px; color: var(--auto-muted); font-size: 13px; line-height: 1.8; }
.automotriz-category-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 17px; }
.automotriz-category-card { display: flex; min-width: 0; flex-direction: column; background: #fff; color: var(--auto-ink) !important; box-shadow: 0 10px 28px rgba(17,30,65,.06); transition: transform .2s ease,box-shadow .2s ease; }
.automotriz-category-card:hover { transform: translateY(-5px); box-shadow: 0 17px 35px rgba(17,30,65,.13); }
.automotriz-card-image { position: relative; display: grid; height: 220px; place-items: center; overflow: hidden; background: linear-gradient(145deg,#E7EAF0,#F5F6F8); }
.automotriz-card-image::after { position: absolute; inset: 45% 0 0; content: ""; background: linear-gradient(0deg,rgba(13,23,47,.45),transparent); pointer-events: none; }
.automotriz-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.automotriz-category-card:hover .automotriz-card-image img { transform: scale(1.04); }
.automotriz-card-number { position: absolute; z-index: 1; top: 13px; left: 14px; color: var(--auto-blue); font-size: 11px; font-weight: 900; letter-spacing: 1px; }
.automotriz-card-arrow { position: absolute; z-index: 1; right: 13px; bottom: 13px; display: grid; width: 34px; height: 34px; place-items: center; background: var(--auto-yellow); color: var(--auto-blue); font-size: 17px; }
.automotriz-card-copy { display: flex; flex: 1; flex-direction: column; padding: 21px 19px 20px; }
.automotriz-card-copy h3 { margin-bottom: 9px; color: var(--auto-blue); font-size: 20px; font-weight: 900; }
.automotriz-card-copy p { min-height: 68px; margin-bottom: 19px; color: var(--auto-muted); font-size: 11px; line-height: 1.75; }
.automotriz-card-link { display: flex; align-items: center; justify-content: space-between; padding-top: 13px; border-top: 1px solid #E8EAF0; color: var(--auto-blue); font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .7px; }
.automotriz-card-link b { color: #B19A00; font-size: 17px; }
.automotriz-advice { padding: 52px 0; background: var(--auto-blue); color: #fff; }
.automotriz-advice-inner { display: grid; grid-template-columns: 100px 1fr auto; gap: 30px; align-items: center; }
.automotriz-advice-mark { color: #fff; font-size: 78px; font-weight: 900; line-height: 1; }
.automotriz-advice-mark span { color: var(--auto-yellow); }
.automotriz-advice-copy .automotriz-kicker { margin-bottom: 10px; }
.automotriz-advice-copy h2 { max-width: 650px; margin-bottom: 10px; color: #fff; font-size: clamp(23px,3vw,34px); font-weight: 900; line-height: 1.14; }
.automotriz-advice-copy p { max-width: 760px; margin-bottom: 0; color: #DFE4F2; font-size: 12px; line-height: 1.75; }
.automotriz-advice-inner > .automotriz-button { white-space: nowrap; }
.automotriz-final { padding: 75px 0; background: #fff; }
.automotriz-final-inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; }
.automotriz-final h2 { max-width: 760px; margin-bottom: 10px; color: var(--auto-blue); font-size: clamp(34px,4vw,48px); font-weight: 900; line-height: 1.05; letter-spacing: -1.5px; text-transform: uppercase; }
.automotriz-final-inner > div > p { margin-bottom: 0; color: var(--auto-muted); font-size: 13px; }
.automotriz-final-inner > .automotriz-button { flex: 0 0 auto; }
@media (max-width: 1000px) {
    .automotriz-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .automotriz-advice-inner { grid-template-columns: 72px 1fr; }
    .automotriz-advice-mark { font-size: 60px; }
    .automotriz-advice-inner > .automotriz-button { grid-column: 2; justify-self: start; }
    .automotriz-hero-index { display: none; }
}
@media (max-width: 767px) {
    .automotriz-hero { min-height: 0; background-position: 62% center; }
    .automotriz-hero::after { background: linear-gradient(90deg,rgba(9,15,29,.94),rgba(9,15,29,.76)); }
    .automotriz-hero-inner { padding-block: 76px 90px; }
    .automotriz-hero h1 { font-size: clamp(37px,10vw,54px); letter-spacing: -1.3px; }
    .automotriz-hero-copy > p { font-size: 13px; }
    .automotriz-hero-actions { align-items: stretch; flex-direction: column; }
    .automotriz-button { width: 100%; }
    .automotriz-hero-note { align-items: flex-start; line-height: 1.6; }
    .automotriz-solutions { padding: 63px 0 68px; }
    .automotriz-heading { display: block; margin-bottom: 26px; }
    .automotriz-heading h2 { font-size: clamp(31px,8vw,42px); letter-spacing: -.8px; }
    .automotriz-heading > p { margin-top: 13px; font-size: 12px; }
    .automotriz-category-grid { grid-template-columns: 1fr; gap: 14px; }
    .automotriz-category-card { display: grid; grid-template-columns: 39% 1fr; }
    .automotriz-card-image { height: 100%; min-height: 200px; }
    .automotriz-card-copy { padding: 18px 15px; }
    .automotriz-card-copy h3 { font-size: 17px; }
    .automotriz-card-copy p { min-height: 0; margin-bottom: 14px; font-size: 10px; }
    .automotriz-card-link { font-size: 9px; }
    .automotriz-advice { padding: 45px 0; }
    .automotriz-advice-inner { grid-template-columns: 1fr; gap: 15px; }
    .automotriz-advice-mark { display: none; }
    .automotriz-advice-copy h2 { font-size: 25px; }
    .automotriz-advice-copy p { font-size: 11px; }
    .automotriz-advice-inner > .automotriz-button { grid-column: auto; justify-self: stretch; }
    .automotriz-final { padding: 60px 0; }
    .automotriz-final-inner { align-items: stretch; flex-direction: column; gap: 22px; }
    .automotriz-final h2 { font-size: clamp(31px,8vw,42px); letter-spacing: -.8px; }
}
@media (max-width: 420px) {
    .automotriz-category-card { grid-template-columns: 1fr; }
    .automotriz-card-image { height: 190px; min-height: 0; }
}
}

/* ============================================================
   GASTEL TRACTOR / AGRÍCOLA
   Añadir este bloque al final de style.css. Estilos encapsulados.
   ============================================================ */
.gastel-agricola-page {
    --agricola-green: #17623d;
    --agricola-green-dark: #103c2a;
    --agricola-green-deep: #092b20;
    --agricola-green-soft: #edf4ef;
    --agricola-blue: #13206b;
    --agricola-yellow: #f9d000;
    --agricola-ink: #18211d;
    --agricola-muted: #626c66;
    --agricola-line: #dfe6e0;
    --agricola-white: #fff;
    width: 100%;
    overflow: hidden;
    color: var(--agricola-ink);
    background: #fff;
}
.gastel-agricola-page *,
.gastel-agricola-page *::before,
.gastel-agricola-page *::after { box-sizing: border-box; }
.gastel-agricola-page img { display: block; max-width: 100%; }
.gastel-agricola-page h1,
.gastel-agricola-page h2,
.gastel-agricola-page h3,
.gastel-agricola-page p { margin-top: 0; }
.gastel-agricola-page a { text-decoration: none; }
.gastel-agricola-page .agricola-kicker {
    display: flex; align-items: center; gap: 10px; margin-bottom: 18px;
    color: var(--agricola-green); font-size: 11px; font-weight: 800;
    letter-spacing: .16em; line-height: 1.5; text-transform: uppercase;
}
.gastel-agricola-page .agricola-kicker > span { display: inline-block; width: 24px; height: 3px; background: var(--agricola-yellow); }
.gastel-agricola-page .agricola-button {
    display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 18px;
    padding: 14px 21px; border: 1px solid transparent; border-radius: 2px;
    font: inherit; font-size: 12px; font-weight: 800; letter-spacing: .055em;
    line-height: 1.25; text-align: center; text-transform: uppercase; transition: transform .2s ease, background .2s ease, color .2s ease;
}
.gastel-agricola-page .agricola-button span { font-size: 18px; line-height: 1; }
.gastel-agricola-page .agricola-button:hover { transform: translateY(-2px); }
.gastel-agricola-page .agricola-button-yellow { background: var(--agricola-yellow); color: #17231a; }
.gastel-agricola-page .agricola-button-yellow:hover { background: #ffe34e; color: #17231a; }
.gastel-agricola-page .agricola-button-green { background: var(--agricola-green); color: #fff; }
.gastel-agricola-page .agricola-button-green:hover { background: var(--agricola-green-dark); color: #fff; }
.gastel-agricola-page .agricola-button-outline { border-color: rgba(255,255,255,.7); background: rgba(255,255,255,.03); color: #fff; }
.gastel-agricola-page .agricola-button-outline:hover { background: #fff; color: var(--agricola-green-dark); }
.gastel-agricola-page .agricola-text-link { display: inline-flex; align-items: center; gap: 12px; color: var(--agricola-green); font-size: 12px; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; }
.gastel-agricola-page .agricola-text-link span { font-size: 18px; transition: transform .2s ease; }
.gastel-agricola-page .agricola-text-link:hover span { transform: translateX(4px); }

/* Hero */
.gastel-agricola-page .agricola-hero {
    position: relative; isolation: isolate; display: flex; min-height: 660px; align-items: center;
    background-color: var(--agricola-green-deep);
    background-image: var(--agricola-hero-image, linear-gradient(125deg, #174c34, #092b20));
    background-position: center; background-size: cover; color: #fff;
}
.gastel-agricola-page .agricola-hero-overlay { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(5,25,17,.91) 0%, rgba(7,36,24,.78) 44%, rgba(7,31,21,.2) 100%); }
.gastel-agricola-page .agricola-hero-inner { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 35px; padding-top: 88px; padding-bottom: 105px; }
.gastel-agricola-page .agricola-hero-content { width: min(700px, 76%); }
.gastel-agricola-page .agricola-hero-kicker { color: #e7f2e9; }
.gastel-agricola-page .agricola-hero h1 { max-width: 720px; margin-bottom: 22px; color: #fff; font-size: clamp(42px, 5.2vw, 76px); font-weight: 500; letter-spacing: -.045em; line-height: .99; }
.gastel-agricola-page .agricola-hero h1 strong { display: block; color: var(--agricola-yellow); font-weight: 800; }
.gastel-agricola-page .agricola-hero-content > p { max-width: 570px; margin-bottom: 30px; color: rgba(255,255,255,.86); font-size: 16px; line-height: 1.8; }
.gastel-agricola-page .agricola-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.gastel-agricola-page .agricola-hero-note { display: flex; align-items: center; gap: 10px; margin-top: 28px; color: rgba(255,255,255,.78); font-size: 12px; }
.gastel-agricola-page .agricola-hero-note span { display: inline-grid; width: 21px; height: 21px; place-items: center; border-radius: 50%; background: var(--agricola-yellow); color: #14241a; font-weight: 900; }
.gastel-agricola-page .agricola-hero-side { display: flex; align-items: center; gap: 14px; align-self: stretch; }
.gastel-agricola-page .agricola-hero-side-line { width: 1px; height: 125px; background: rgba(255,255,255,.55); }
.gastel-agricola-page .agricola-hero-side-text { writing-mode: vertical-rl; color: rgba(255,255,255,.83); font-size: 10px; font-weight: 700; letter-spacing: .2em; }
.gastel-agricola-page .agricola-hero-bottom { position: absolute; right: 0; bottom: 0; left: 0; display: flex; align-items: center; gap: 18px; padding: 17px max(24px, calc((100% - 1200px)/2)); background: rgba(3,20,13,.45); color: rgba(255,255,255,.78); font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.gastel-agricola-page .agricola-hero-bottom > span:nth-child(2) { width: 58px; height: 2px; background: var(--agricola-yellow); }

/* Intro / value proposition */
.gastel-agricola-page .agricola-intro { padding: 88px 0 82px; background: #fff; }
.gastel-agricola-page .agricola-intro-feature { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(30px, 5vw, 72px); align-items: center; margin-bottom: 56px; }
.gastel-agricola-page .agricola-intro-grid { display: flex; flex-direction: column; align-items: flex-start; gap: 25px; }
.gastel-agricola-page .agricola-intro h2,
.gastel-agricola-page .agricola-section-heading h2,
.gastel-agricola-page .agricola-tires-content h2,
.gastel-agricola-page .agricola-parts-copy h2,
.gastel-agricola-page .agricola-quote-copy h2,
.gastel-agricola-page .agricola-faq-heading h2 { margin-bottom: 0; color: var(--agricola-ink); font-size: clamp(31px, 3.5vw, 48px); font-weight: 500; letter-spacing: -.035em; line-height: 1.08; }
.gastel-agricola-page .agricola-intro h2 span,
.gastel-agricola-page .agricola-section-heading h2 span,
.gastel-agricola-page .agricola-tires-content h2 span,
.gastel-agricola-page .agricola-parts-copy h2 span,
.gastel-agricola-page .agricola-quote-copy h2 span,
.gastel-agricola-page .agricola-faq-heading h2 span { color: var(--agricola-green); font-weight: 800; }
.gastel-agricola-page .agricola-intro-copy p { margin-bottom: 20px; color: var(--agricola-muted); font-size: 15px; line-height: 1.85; }
.gastel-agricola-page .agricola-delivery-carousel { position: relative; width: 100%; max-width: 560px; aspect-ratio: 1; height: auto; margin: 0 0 0 auto; overflow: hidden; background: linear-gradient(140deg, #e5ece5, #8da893); }
.gastel-agricola-page .agricola-carousel-slides { position: absolute; inset: 0; }
.gastel-agricola-page .agricola-carousel-slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .8s ease; }
.gastel-agricola-page .agricola-carousel-slide.is-active { opacity: 1; }
.gastel-agricola-page .agricola-delivery-carousel::after { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,24,16,.66), transparent 62%); content: ''; pointer-events: none; }
.gastel-agricola-page .agricola-delivery-placeholder { position: absolute; z-index: 1; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 30px; color: var(--agricola-green-dark); text-align: center; }
.gastel-agricola-page .agricola-delivery-placeholder > span { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(23,98,61,.45); border-radius: 50%; font-size: 30px; font-weight: 300; }
.gastel-agricola-page .agricola-delivery-placeholder strong { font-size: 14px; letter-spacing: .09em; }
.gastel-agricola-page .agricola-delivery-placeholder small { font-size: 12px; line-height: 1.6; }
.gastel-agricola-page .agricola-delivery-label { position: absolute; z-index: 1; bottom: 42px; left: 42px; display: flex; flex-direction: column; gap: 12px; color: #fff; }
.gastel-agricola-page .agricola-delivery-label span { color: var(--agricola-yellow); font-size: 10px; font-weight: 800; letter-spacing: .18em; }
.gastel-agricola-page .agricola-delivery-label strong { font-size: clamp(27px, 3.5vw, 48px); font-weight: 900; letter-spacing: -.04em; line-height: .98; }
.gastel-agricola-page .agricola-carousel-controls { position: absolute; z-index: 2; right: 32px; bottom: 36px; display: flex; align-items: center; gap: 14px; color: #fff; }
.gastel-agricola-page .agricola-carousel-arrow { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(255,255,255,.65); border-radius: 50%; background: rgba(10,35,23,.32); color: #fff; font-size: 25px; line-height: 1; cursor: pointer; transition: background .2s ease, color .2s ease; }
.gastel-agricola-page .agricola-carousel-arrow:hover, .gastel-agricola-page .agricola-carousel-arrow:focus-visible { background: var(--agricola-yellow); color: var(--agricola-green-dark); }
.gastel-agricola-page .agricola-carousel-count { min-width: 48px; font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.gastel-agricola-page .agricola-benefits-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); border-top: 1px solid var(--agricola-line); border-bottom: 1px solid var(--agricola-line); }
.gastel-agricola-page .agricola-benefit { position: relative; min-height: 220px; padding: 30px 25px 27px 0; }
.gastel-agricola-page .agricola-benefit + .agricola-benefit { padding-left: 25px; border-left: 1px solid var(--agricola-line); }
.gastel-agricola-page .agricola-benefit-number { position: absolute; top: 28px; right: 16px; color: #a6b0a8; font-size: 11px; font-weight: 800; }
.gastel-agricola-page .agricola-benefit-icon { display: grid; width: 42px; height: 42px; margin-bottom: 24px; place-items: center; background: var(--agricola-green-soft); color: var(--agricola-green); font-size: 23px; }
.gastel-agricola-page .agricola-benefit h3 { margin-bottom: 10px; color: var(--agricola-ink); font-size: 17px; font-weight: 800; line-height: 1.25; }
.gastel-agricola-page .agricola-benefit p { margin-bottom: 0; color: var(--agricola-muted); font-size: 13px; line-height: 1.7; }

/* Category grid */
.gastel-agricola-page .agricola-categories { padding: 88px 0 95px; background: #f5f7f5; }
.gastel-agricola-page .agricola-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 40px; }
.gastel-agricola-page .agricola-section-heading > p { max-width: 430px; margin-bottom: 4px; color: var(--agricola-muted); font-size: 14px; line-height: 1.8; }
.gastel-agricola-page .agricola-category-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.gastel-agricola-page .agricola-category-card { min-width: 0; background: #fff; box-shadow: 0 6px 25px rgba(21,49,32,.045); transition: transform .22s ease, box-shadow .22s ease; }
.gastel-agricola-page .agricola-category-card:hover { transform: translateY(-4px); box-shadow: 0 15px 34px rgba(21,49,32,.1); }
.gastel-agricola-page .agricola-category-image { position: relative; height: 235px; overflow: hidden; background: linear-gradient(135deg, #dbe6dc, #9fb6a4); }
.gastel-agricola-page .agricola-category-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.gastel-agricola-page .agricola-category-card:hover .agricola-category-image img { transform: scale(1.04); }
.gastel-agricola-page .agricola-category-number { position: absolute; top: 15px; left: 15px; display: grid; width: 37px; height: 37px; place-items: center; background: var(--agricola-yellow); color: #19251c; font-size: 11px; font-weight: 900; }
.gastel-agricola-page .agricola-category-copy { padding: 24px 25px 27px; }
.gastel-agricola-page .agricola-category-copy h3 { margin-bottom: 10px; color: var(--agricola-ink); font-size: 21px; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; }
.gastel-agricola-page .agricola-category-copy p { min-height: 68px; margin-bottom: 19px; color: var(--agricola-muted); font-size: 13px; line-height: 1.75; }
.gastel-agricola-page .agricola-image-placeholder { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 9px; background: linear-gradient(140deg, #e5ece5, #b9cbbc); color: var(--agricola-green-dark); }
.gastel-agricola-page .agricola-placeholder-mark { font-size: 44px; font-weight: 900; letter-spacing: -.1em; }
.gastel-agricola-page .agricola-image-placeholder small { font-size: 9px; font-weight: 800; letter-spacing: .2em; }
.gastel-agricola-page .agricola-image-placeholder b { position: absolute; right: 18px; bottom: 10px; color: rgba(23,98,61,.25); font-size: 38px; }

/* Feature: agricultural tires */
.gastel-agricola-page .agricola-tires-feature { display: grid; grid-template-columns: 1fr 1fr; min-height: 570px; background: var(--agricola-green-deep); color: #fff; }
.gastel-agricola-page .agricola-tires-visual { position: relative; min-height: 570px; overflow: hidden; background: linear-gradient(140deg, #426a4f, #132c1d); }
.gastel-agricola-page .agricola-tires-visual::after { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,24,16,.65), transparent 58%); content: ''; }
.gastel-agricola-page .agricola-tires-visual-label { position: absolute; z-index: 1; bottom: 42px; left: max(30px, calc((100vw - 1200px)/2)); display: flex; flex-direction: column; gap: 12px; color: #fff; }
.gastel-agricola-page .agricola-tires-visual-label span { color: var(--agricola-yellow); font-size: 10px; font-weight: 800; letter-spacing: .18em; }
.gastel-agricola-page .agricola-tires-visual-label strong { font-size: clamp(34px, 4vw, 57px); font-weight: 900; letter-spacing: -.04em; line-height: .95; }
.gastel-agricola-page .agricola-tires-content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 75px clamp(30px, 7vw, 105px); }
.gastel-agricola-page .agricola-tires-content .agricola-kicker { color: #bcd6c4; }
.gastel-agricola-page .agricola-tires-content h2 { color: #fff; }
.gastel-agricola-page .agricola-tires-content h2 span { color: var(--agricola-yellow); }
.gastel-agricola-page .agricola-tires-content > p { margin: 22px 0; color: rgba(255,255,255,.77); font-size: 14px; line-height: 1.85; }
.gastel-agricola-page .agricola-application-list { width: 100%; margin: 5px 0 13px; border-top: 1px solid rgba(255,255,255,.22); }
.gastel-agricola-page .agricola-application-list > div { display: flex; align-items: center; gap: 18px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.22); }
.gastel-agricola-page .agricola-application-list span { color: var(--agricola-yellow); font-size: 10px; font-weight: 800; }
.gastel-agricola-page .agricola-application-list strong { color: #fff; font-size: 14px; }
.gastel-agricola-page .agricola-tires-content .agricola-small-note { margin: 0 0 25px; color: rgba(255,255,255,.62); font-size: 11px; line-height: 1.7; }

/* Parts and filters */
.gastel-agricola-page .agricola-parts-section { padding: 100px 0; background: #fff; }
.gastel-agricola-page .agricola-parts-grid { display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 9%; }
.gastel-agricola-page .agricola-parts-visual { position: relative; min-height: 450px; background: #e7eee8; }
.gastel-agricola-page .agricola-parts-visual > img { width: 100%; height: 450px; object-fit: cover; }
.gastel-agricola-page .agricola-parts-placeholder { display: flex; min-height: 450px; flex-direction: column; align-items: flex-start; justify-content: center; padding: 45px; background: linear-gradient(135deg, #d9e5db, #a7bdac); color: var(--agricola-green-dark); }
.gastel-agricola-page .agricola-parts-placeholder span { margin-bottom: 20px; font-size: 10px; font-weight: 900; letter-spacing: .2em; }
.gastel-agricola-page .agricola-parts-placeholder strong { font-size: clamp(32px, 4vw, 50px); font-weight: 900; letter-spacing: -.04em; line-height: .98; }
.gastel-agricola-page .agricola-parts-placeholder small { margin-top: 28px; font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.gastel-agricola-page .agricola-parts-stamp { position: absolute; right: -20px; bottom: 25px; display: flex; min-width: 175px; flex-direction: column; gap: 7px; padding: 19px 22px; background: var(--agricola-yellow); color: #1c2a20; }
.gastel-agricola-page .agricola-parts-stamp span { font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.gastel-agricola-page .agricola-parts-stamp strong { font-size: 16px; font-weight: 900; line-height: 1.1; }
.gastel-agricola-page .agricola-parts-copy > p { margin: 22px 0; color: var(--agricola-muted); font-size: 14px; line-height: 1.85; }
.gastel-agricola-page .agricola-parts-brands-label { margin: 0 0 12px; color: var(--agricola-green); font-size: 10px; font-weight: 900; letter-spacing: .14em; }
.gastel-agricola-page .agricola-brand-grid.agricola-parts-brand-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; margin: 0 0 26px; padding: 0; background: transparent; }
.gastel-agricola-page .agricola-parts-brand-grid .agricola-brand-logo { width: auto; height: 96px; padding: 6px; border: 1px solid var(--agricola-line); background: #fff; }
.gastel-agricola-page .agricola-parts-brand-grid .agricola-brand-logo img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: contain; transform: scale(1.3); }
.gastel-agricola-page .agricola-parts-brand-grid .agricola-brand-placeholder { border-style: dashed; background: #f7f9f7; color: #9aa69c; }
.gastel-agricola-page .agricola-parts-brand-grid .agricola-brand-placeholder span { font-size: 8px; font-weight: 800; letter-spacing: .08em; text-align: center; }
.gastel-agricola-page .agricola-parts-list { display: grid; gap: 12px; margin: 0 0 28px; padding: 0; list-style: none; }
.gastel-agricola-page .agricola-parts-list li { position: relative; padding-left: 26px; color: #37443b; font-size: 13px; line-height: 1.5; }
.gastel-agricola-page .agricola-parts-list li::before { position: absolute; top: 0; left: 0; color: var(--agricola-green); font-weight: 900; content: '✓'; }

/* Optional logos */
.gastel-agricola-page .agricola-brands { padding: 75px 0 82px; background: #f5f7f5; }
.gastel-agricola-page .agricola-section-heading-centered { align-items: center; flex-direction: column; gap: 13px; text-align: center; }
.gastel-agricola-page .agricola-section-heading-centered .agricola-kicker { justify-content: center; }
.gastel-agricola-page .agricola-section-heading-centered > p { max-width: 560px; margin: 0; }
.gastel-agricola-page .agricola-brand-grid { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 18px; padding: 25px; background: #fff; }
.gastel-agricola-page .agricola-brand-logo { display: flex; width: clamp(120px, 15%, 175px); height: 80px; align-items: center; justify-content: center; padding: 10px; }
.gastel-agricola-page .agricola-brand-logo img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }

/* Process */
.gastel-agricola-page .agricola-process { padding: 90px 0 95px; background: #fff; }
.gastel-agricola-page .agricola-process-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); margin-top: 45px; border-top: 1px solid var(--agricola-line); }
.gastel-agricola-page .agricola-process-step { position: relative; padding: 28px 25px 0 0; }
.gastel-agricola-page .agricola-process-step + .agricola-process-step { padding-left: 25px; border-left: 1px solid var(--agricola-line); }
.gastel-agricola-page .agricola-process-step > span { position: absolute; top: 27px; right: 18px; color: #a9b5ab; font-size: 11px; font-weight: 800; }
.gastel-agricola-page .agricola-process-icon { display: grid; width: 47px; height: 47px; margin-bottom: 22px; place-items: center; background: var(--agricola-green); color: #fff; font-size: 20px; }
.gastel-agricola-page .agricola-process-step h3 { margin-bottom: 9px; color: var(--agricola-ink); font-size: 17px; font-weight: 800; line-height: 1.25; }
.gastel-agricola-page .agricola-process-step p { margin-bottom: 0; color: var(--agricola-muted); font-size: 13px; line-height: 1.75; }

/* Regional coverage */
.gastel-agricola-page .agricola-regions { position: relative; isolation: isolate; padding: 90px 0; background-color: var(--agricola-blue); background-image: var(--agricola-regions-image, linear-gradient(110deg, #153b2b, #13206b)); background-position: center; background-size: cover; color: #fff; }
.gastel-agricola-page .agricola-regions-overlay { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(7,34,23,.92), rgba(12,39,29,.75) 55%, rgba(10,31,25,.35)); }
.gastel-agricola-page .agricola-regions-inner { max-width: 850px; margin-left: max(20px, calc((100% - 1200px)/2)); }
.gastel-agricola-page .agricola-regions .agricola-kicker { color: #d6e8db; }
.gastel-agricola-page .agricola-regions h2 { max-width: 770px; margin-bottom: 20px; color: #fff; font-size: clamp(34px, 4.5vw, 59px); font-weight: 500; letter-spacing: -.04em; line-height: 1.02; }
.gastel-agricola-page .agricola-regions h2 span { color: var(--agricola-yellow); font-weight: 800; }
.gastel-agricola-page .agricola-regions p { max-width: 640px; margin-bottom: 27px; color: rgba(255,255,255,.82); font-size: 14px; line-height: 1.85; }

/* Quote form */
.gastel-agricola-page .agricola-quote { padding: 100px 0; background: #f0f4f0; }
.gastel-agricola-page .agricola-quote-grid { display: grid; grid-template-columns: .75fr 1fr; gap: 9%; align-items: start; }
.gastel-agricola-page .agricola-quote-copy { position: sticky; top: 25px; }
.gastel-agricola-page .agricola-quote-copy > p { margin: 23px 0; color: var(--agricola-muted); font-size: 14px; line-height: 1.85; }
.gastel-agricola-page .agricola-quote-note { display: flex; align-items: flex-start; gap: 12px; padding: 17px; background: #e3ebe4; }
.gastel-agricola-page .agricola-quote-note > span { display: grid; width: 22px; height: 22px; flex: 0 0 22px; place-items: center; border-radius: 50%; background: var(--agricola-green); color: #fff; font-size: 12px; font-weight: 800; }
.gastel-agricola-page .agricola-quote-note p { margin: 0; color: #506056; font-size: 11px; line-height: 1.7; }
.gastel-agricola-page .agricola-quote-form { padding: 30px; background: #fff; box-shadow: 0 15px 45px rgba(20,51,33,.07); }
.gastel-agricola-page .agricola-form-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-bottom: 25px; padding-bottom: 17px; border-bottom: 1px solid var(--agricola-line); color: var(--agricola-green); font-size: 10px; font-weight: 900; letter-spacing: .14em; }
.gastel-agricola-page .agricola-form-heading span + span { color: #7a867d; }
.gastel-agricola-page .agricola-form-fields { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 17px 15px; }
.gastel-agricola-page .agricola-form-fields label { display: flex; min-width: 0; flex-direction: column; gap: 8px; color: #344238; font-size: 11px; font-weight: 800; }
.gastel-agricola-page .agricola-form-fields .agricola-form-full { grid-column: 1 / -1; }
.gastel-agricola-page .agricola-form-fields input,
.gastel-agricola-page .agricola-form-fields select,
.gastel-agricola-page .agricola-form-fields textarea { width: 100%; min-width: 0; min-height: 47px; padding: 12px 13px; border: 1px solid #dce4dd; border-radius: 0; outline: none; background: #fff; color: #1b2b20; font: inherit; font-size: 13px; font-weight: 400; }
.gastel-agricola-page .agricola-form-fields textarea { min-height: 95px; resize: vertical; }
.gastel-agricola-page .agricola-form-fields input:focus,
.gastel-agricola-page .agricola-form-fields select:focus,
.gastel-agricola-page .agricola-form-fields textarea:focus { border-color: var(--agricola-green); box-shadow: 0 0 0 2px rgba(23,98,61,.1); }
.gastel-agricola-page .agricola-form-fields input::placeholder,
.gastel-agricola-page .agricola-form-fields textarea::placeholder { color: #98a39a; }
.gastel-agricola-page .agricola-form-submit { width: 100%; margin-top: 23px; border: 0; cursor: pointer; }
.gastel-agricola-page .agricola-form-feedback { min-height: 20px; margin: 12px 0 0; color: var(--agricola-green-dark); font-size: 12px; line-height: 1.6; }

/* FAQ */
.gastel-agricola-page .agricola-faq { padding: 92px 0; background: #fff; }
.gastel-agricola-page .agricola-faq-grid { display: block; }
.gastel-agricola-page .agricola-faq-list { max-width: 850px; margin: 0 auto; }
.gastel-agricola-page .agricola-faq-list details { border-bottom: 1px solid var(--agricola-line); }
.gastel-agricola-page .agricola-faq-list details:first-child { border-top: 1px solid var(--agricola-line); }
.gastel-agricola-page .agricola-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 0; color: var(--agricola-ink); cursor: pointer; font-size: 14px; font-weight: 800; line-height: 1.45; list-style: none; }
.gastel-agricola-page .agricola-faq-list summary::-webkit-details-marker { display: none; }
.gastel-agricola-page .agricola-faq-list summary span { display: grid; width: 27px; height: 27px; flex: 0 0 27px; place-items: center; background: var(--agricola-green-soft); color: var(--agricola-green); font-size: 18px; transition: transform .2s ease; }
.gastel-agricola-page .agricola-faq-list details[open] summary span { transform: rotate(45deg); }
.gastel-agricola-page .agricola-faq-list details p { max-width: 650px; margin: -3px 38px 20px 0; color: var(--agricola-muted); font-size: 13px; line-height: 1.8; }

/* Final CTA */
.gastel-agricola-page .agricola-final-cta { position: relative; isolation: isolate; padding: 86px 0; background-color: var(--agricola-green-dark); background-image: var(--agricola-final-image, linear-gradient(115deg, #0c3927, #17623d)); background-position: center; background-size: cover; color: #fff; }
.gastel-agricola-page .agricola-final-overlay { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(5,31,20,.93), rgba(9,50,31,.76)); }
.gastel-agricola-page .agricola-final-inner { max-width: 850px; text-align: center; }
.gastel-agricola-page .agricola-final-inner .agricola-kicker { justify-content: center; color: #d5e7da; }
.gastel-agricola-page .agricola-final-inner h2 { margin-bottom: 17px; color: #fff; font-size: clamp(36px, 4.8vw, 61px); font-weight: 500; letter-spacing: -.045em; line-height: 1.02; }
.gastel-agricola-page .agricola-final-inner h2 span { color: var(--agricola-yellow); font-weight: 900; }
.gastel-agricola-page .agricola-final-inner p { max-width: 600px; margin: 0 auto 27px; color: rgba(255,255,255,.82); font-size: 14px; line-height: 1.8; }

/* =========================================================
   LLANTAS MUEVETIERRA
========================================================= */
.gastel-muevetierra-page { --mt-blue: #13206b; --mt-yellow: #f9d000; --mt-ink: #171b26; --mt-muted: #687080; }
.gastel-muevetierra-page .muevetierra-hero { position: relative; isolation: isolate; display: flex; min-height: 650px; align-items: center; overflow: hidden; background: var(--mt-blue); background-image: var(--muevetierra-hero, linear-gradient(115deg,#17235e,#090d20)); background-position: center; background-size: cover; color: #fff; }
.gastel-muevetierra-page .muevetierra-hero-shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(8,14,35,.92) 0%,rgba(11,18,47,.76) 48%,rgba(14,20,42,.16) 100%); }
.gastel-muevetierra-page .muevetierra-hero-inner { padding-top: 98px; padding-bottom: 88px; }
.gastel-muevetierra-page .muevetierra-kicker,.gastel-muevetierra-page .muevetierra-label { display: flex; align-items: center; gap: 10px; color: var(--mt-blue); font-size: 10px; font-weight: 800; letter-spacing: .17em; }
.gastel-muevetierra-page .muevetierra-kicker { margin-bottom: 23px; color: rgba(255,255,255,.83); }
.gastel-muevetierra-page .muevetierra-kicker span { width: 24px; height: 3px; background: var(--mt-yellow); }
.gastel-muevetierra-page .muevetierra-hero h1 { max-width: 820px; margin: 0 0 22px; color: #fff; font-size: clamp(46px,6vw,82px); font-weight: 500; letter-spacing: -.05em; line-height: .98; }
.gastel-muevetierra-page .muevetierra-hero h1 strong,.gastel-muevetierra-page .muevetierra-intro h2 strong,.gastel-muevetierra-page .muevetierra-heading h2 strong,.gastel-muevetierra-page .muevetierra-treads h2 strong,.gastel-muevetierra-page .muevetierra-guide h2 strong,.gastel-muevetierra-page .muevetierra-contact h2 strong { color: var(--mt-yellow); font-weight: 800; }
.gastel-muevetierra-page .muevetierra-hero h1 strong { display: block; }
.gastel-muevetierra-page .muevetierra-hero-inner > p { max-width: 590px; margin: 0 0 29px; color: rgba(255,255,255,.83); font-size: 16px; line-height: 1.8; }
.gastel-muevetierra-page .muevetierra-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.gastel-muevetierra-page .muevetierra-button { display: inline-flex; min-height: 49px; align-items: center; justify-content: center; gap: 17px; padding: 12px 20px; border: 1px solid transparent; border-radius: 3px; font: inherit; font-size: 12px; font-weight: 800; text-decoration: none; cursor: pointer; transition: transform .2s,background .2s; }
.gastel-muevetierra-page .muevetierra-button:hover { transform: translateY(-2px); }
.gastel-muevetierra-page .muevetierra-yellow { background: var(--mt-yellow); color: var(--mt-blue); }
.gastel-muevetierra-page .muevetierra-yellow:hover { background: #ffe34b; color: var(--mt-blue); }
.gastel-muevetierra-page .muevetierra-outline { border-color: rgba(255,255,255,.62); background: rgba(255,255,255,.04); color: #fff; }
.gastel-muevetierra-page .muevetierra-outline:hover { background: #fff; color: var(--mt-blue); }
.gastel-muevetierra-page .muevetierra-hero-foot { display: flex; align-items: center; gap: 15px; margin-top: 70px; color: rgba(255,255,255,.73); font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.gastel-muevetierra-page .muevetierra-hero-foot i { width: 35px; height: 1px; background: var(--mt-yellow); }
.gastel-muevetierra-page .muevetierra-intro { padding: 86px 0; background: #f5f6f8; }
.gastel-muevetierra-page .muevetierra-intro-grid { display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 70px; }
.gastel-muevetierra-page .muevetierra-intro h2,.gastel-muevetierra-page .muevetierra-heading h2,.gastel-muevetierra-page .muevetierra-treads h2,.gastel-muevetierra-page .muevetierra-guide h2,.gastel-muevetierra-page .muevetierra-contact h2 { margin: 15px 0 0; color: var(--mt-ink); font-size: clamp(34px,4.2vw,55px); font-weight: 500; letter-spacing: -.045em; line-height: 1.04; }
.gastel-muevetierra-page .muevetierra-intro h2 strong,.gastel-muevetierra-page .muevetierra-heading h2 strong,.gastel-muevetierra-page .muevetierra-contact h2 strong { color: var(--mt-blue); }
.gastel-muevetierra-page .muevetierra-intro-grid > p,.gastel-muevetierra-page .muevetierra-heading > p { margin: 0; color: var(--mt-muted); font-size: 14px; line-height: 1.9; }
.gastel-muevetierra-page .muevetierra-applications { padding: 92px 0 100px; background: #fff; }
.gastel-muevetierra-page .muevetierra-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 38px; }
.gastel-muevetierra-page .muevetierra-heading > p { max-width: 430px; }
.gastel-muevetierra-page .muevetierra-application-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid #e1e4ea; border-bottom: 1px solid #e1e4ea; }
.gastel-muevetierra-page .muevetierra-application-grid article { min-height: 267px; padding: 28px 23px; border-right: 1px solid #e1e4ea; }
.gastel-muevetierra-page .muevetierra-application-grid article:first-child { border-left: 1px solid #e1e4ea; }
.gastel-muevetierra-page .muevetierra-application-grid article { padding: 0 0 22px; }
.gastel-muevetierra-page .muevetierra-application-image { display: block; width: 100%; height: 150px; object-fit: cover; }
.gastel-muevetierra-page .muevetierra-application-copy { padding: 20px 20px 0; }
.gastel-muevetierra-page .muevetierra-application-grid article > span { color: #768097; font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.gastel-muevetierra-page .muevetierra-application-grid h3 { margin: 39px 0 9px; color: var(--mt-ink); font-size: 20px; letter-spacing: -.025em; }
.gastel-muevetierra-page .muevetierra-application-grid p { min-height: 66px; margin: 0 0 18px; color: var(--mt-muted); font-size: 12px; line-height: 1.7; }
.gastel-muevetierra-page .muevetierra-application-grid a,.gastel-muevetierra-page .muevetierra-text-link { display: flex; align-items: center; justify-content: space-between; color: var(--mt-blue); font-size: 11px; font-weight: 800; text-decoration: none; }
.gastel-muevetierra-page .muevetierra-application-grid a b { color: #8a91a1; font-size: 16px; }
.gastel-muevetierra-page .muevetierra-application-grid a:hover,.gastel-muevetierra-page .muevetierra-text-link:hover { color: #5266c0; }
.gastel-muevetierra-page .muevetierra-treads { padding: 95px 0; background: #f5f6f8; }
.gastel-muevetierra-page .muevetierra-treads-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; }
.gastel-muevetierra-page .muevetierra-treads-copy > p { max-width: 410px; margin: 20px 0 25px; color: var(--mt-muted); font-size: 14px; line-height: 1.8; }
.gastel-muevetierra-page .muevetierra-text-link { display: inline-flex; gap: 16px; }
.gastel-muevetierra-page .muevetierra-tread-list article { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 18px; padding: 22px 0; border-bottom: 1px solid #dfe2e8; }
.gastel-muevetierra-page .muevetierra-tread-list article:first-child { padding-top: 0; }
.gastel-muevetierra-page .muevetierra-tread-mark { display: grid; width: 42px; height: 42px; place-items: center; background: var(--mt-blue); color: var(--mt-yellow); font-size: 13px; font-weight: 900; }
.gastel-muevetierra-page .muevetierra-tread-list h3 { margin: 0 0 5px; color: var(--mt-ink); font-size: 16px; }
.gastel-muevetierra-page .muevetierra-tread-list article p { max-width: 440px; margin: 0; color: var(--mt-muted); font-size: 12px; line-height: 1.65; }
.gastel-muevetierra-page .muevetierra-fit { color: #6b7383; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-align: right; }
.gastel-muevetierra-page .muevetierra-disclaimer { margin: 16px 0 0; color: #7b8290; font-size: 10px; line-height: 1.6; }
.gastel-muevetierra-page .muevetierra-guide { position: relative; isolation: isolate; padding: 85px 0; background: var(--mt-blue); background-image: var(--muevetierra-work,linear-gradient(110deg,#101b58,#080d2b)); background-position: center; background-size: cover; color: #fff; }
.gastel-muevetierra-page .muevetierra-guide-overlay { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(7,13,37,.91),rgba(10,17,47,.78)); }
.gastel-muevetierra-page .muevetierra-guide .muevetierra-label,.gastel-muevetierra-page .muevetierra-contact .muevetierra-label { color: #858fb9; }
.gastel-muevetierra-page .muevetierra-guide h2 { color: #fff; }
.gastel-muevetierra-page .muevetierra-guide-points { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; margin-top: 48px; }
.gastel-muevetierra-page .muevetierra-guide-points span { display: flex; align-items: center; gap: 12px; color: rgba(255,255,255,.88); font-size: 12px; }
.gastel-muevetierra-page .muevetierra-guide-points b { color: var(--mt-yellow); font-size: 11px; }
.gastel-muevetierra-page .muevetierra-contact { padding: 90px 0; background: #111b54; color: #fff; }
.gastel-muevetierra-page .muevetierra-contact-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 85px; align-items: start; }
.gastel-muevetierra-page .muevetierra-contact h2 { color: #fff; }
.gastel-muevetierra-page .muevetierra-contact h2 strong { color: var(--mt-yellow); }
.gastel-muevetierra-page .muevetierra-contact-grid > div > p { max-width: 420px; margin-top: 20px; color: rgba(255,255,255,.75); font-size: 13px; line-height: 1.8; }
.gastel-muevetierra-page .muevetierra-form { display: grid; gap: 16px; padding: 28px; background: #fff; color: var(--mt-ink); }
.gastel-muevetierra-page .muevetierra-form label { display: grid; gap: 7px; color: #384056; font-size: 10px; font-weight: 800; }
.gastel-muevetierra-page .muevetierra-form input { width: 100%; min-height: 43px; padding: 10px 12px; border: 1px solid #dfe2e8; border-radius: 2px; color: var(--mt-ink); font: inherit; font-size: 12px; }
.gastel-muevetierra-page .muevetierra-form input:focus { border-color: var(--mt-blue); outline: 2px solid rgba(19,32,107,.12); }
.gastel-muevetierra-page .muevetierra-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.gastel-muevetierra-page .muevetierra-form .muevetierra-button { justify-self: start; border: 0; }
.gastel-muevetierra-page .muevetierra-feedback { min-height: 18px; margin: 0; color: #4b5567; font-size: 11px; }
@media (max-width: 900px) {
    .gastel-muevetierra-page .muevetierra-intro-grid,.gastel-muevetierra-page .muevetierra-treads-grid,.gastel-muevetierra-page .muevetierra-contact-grid { grid-template-columns: 1fr; gap: 32px; }
    .gastel-muevetierra-page .muevetierra-application-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .gastel-muevetierra-page .muevetierra-application-grid article:nth-child(3) { border-left: 1px solid #e1e4ea; }
    .gastel-muevetierra-page .muevetierra-guide-points { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 600px) {
    .gastel-muevetierra-page .muevetierra-hero { min-height: 590px; background-position: 62% center; }
    .gastel-muevetierra-page .muevetierra-hero-shade { background: linear-gradient(90deg,rgba(8,14,35,.92),rgba(11,18,47,.72)); }
    .gastel-muevetierra-page .muevetierra-hero-inner { padding-top: 70px; padding-bottom: 70px; }
    .gastel-muevetierra-page .muevetierra-hero h1 { font-size: clamp(42px,12vw,58px); }
    .gastel-muevetierra-page .muevetierra-hero-inner > p { font-size: 14px; }
    .gastel-muevetierra-page .muevetierra-actions { align-items: stretch; flex-direction: column; max-width: 340px; }
    .gastel-muevetierra-page .muevetierra-hero-foot { flex-wrap: wrap; gap: 9px; margin-top: 45px; font-size: 8px; }
    .gastel-muevetierra-page .muevetierra-hero-foot i { width: 18px; }
    .gastel-muevetierra-page .muevetierra-intro,.gastel-muevetierra-page .muevetierra-applications,.gastel-muevetierra-page .muevetierra-treads,.gastel-muevetierra-page .muevetierra-contact { padding: 65px 0; }
    .gastel-muevetierra-page .muevetierra-heading { align-items: start; flex-direction: column; gap: 18px; }
    .gastel-muevetierra-page .muevetierra-application-grid { grid-template-columns: 1fr; }
    .gastel-muevetierra-page .muevetierra-application-grid article,.gastel-muevetierra-page .muevetierra-application-grid article:first-child,.gastel-muevetierra-page .muevetierra-application-grid article:nth-child(3) { min-height: auto; padding: 0 0 20px; border-right: 0; border-left: 0; border-bottom: 1px solid #e1e4ea; }
    .gastel-muevetierra-page .muevetierra-application-image { height: 190px; }
    .gastel-muevetierra-page .muevetierra-application-copy { padding: 17px 5px 0; }
    .gastel-muevetierra-page .muevetierra-application-grid h3 { margin-top: 18px; }
    .gastel-muevetierra-page .muevetierra-application-grid p { min-height: 0; }
    .gastel-muevetierra-page .muevetierra-tread-list article { grid-template-columns: 42px 1fr; gap: 12px; }
    .gastel-muevetierra-page .muevetierra-fit { grid-column: 2; text-align: left; }
    .gastel-muevetierra-page .muevetierra-guide { padding: 65px 0; }
    .gastel-muevetierra-page .muevetierra-guide-points { grid-template-columns: 1fr; gap: 15px; margin-top: 32px; }
    .gastel-muevetierra-page .muevetierra-form { padding: 20px; }
    .gastel-muevetierra-page .muevetierra-form-row { grid-template-columns: 1fr; }
}

@media (max-width: 1024px) {
    .gastel-agricola-page .agricola-hero { min-height: 600px; }
    .gastel-agricola-page .agricola-hero-content { width: min(700px, 88%); }
    .gastel-agricola-page .agricola-hero-side { display: none; }
    .gastel-agricola-page .agricola-intro-feature { gap: 28px; }
    .gastel-agricola-page .agricola-benefit { padding-right: 16px; }
    .gastel-agricola-page .agricola-benefit + .agricola-benefit { padding-left: 16px; }
    .gastel-agricola-page .agricola-category-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .gastel-agricola-page .agricola-tires-feature { grid-template-columns: .9fr 1fr; }
    .gastel-agricola-page .agricola-tires-content { padding: 60px 38px; }
    .gastel-agricola-page .agricola-parts-grid { gap: 6%; }
    .gastel-agricola-page .agricola-quote-grid { gap: 5%; }
    .gastel-agricola-page .agricola-faq-grid { gap: 6%; }
}
@media (max-width: 767px) {
    .gastel-agricola-page .agricola-hero { min-height: 620px; background-position: 58% center; }
    .gastel-agricola-page .agricola-hero-overlay { background: linear-gradient(90deg, rgba(5,25,17,.91), rgba(7,36,24,.7)); }
    .gastel-agricola-page .agricola-hero-inner { padding-top: 72px; padding-bottom: 95px; }
    .gastel-agricola-page .agricola-hero-content { width: 100%; }
    .gastel-agricola-page .agricola-hero h1 { font-size: clamp(39px, 11vw, 57px); }
    .gastel-agricola-page .agricola-hero-content > p { font-size: 14px; }
    .gastel-agricola-page .agricola-hero-actions { align-items: stretch; flex-direction: column; max-width: 360px; }
    .gastel-agricola-page .agricola-hero-actions .agricola-button { width: 100%; }
    .gastel-agricola-page .agricola-hero-bottom { gap: 12px; padding: 15px 20px; font-size: 8px; }
    .gastel-agricola-page .agricola-hero-bottom > span:nth-child(2) { width: 30px; }
    .gastel-agricola-page .agricola-intro,
    .gastel-agricola-page .agricola-categories,
    .gastel-agricola-page .agricola-process,
    .gastel-agricola-page .agricola-faq { padding: 65px 0; }
    .gastel-agricola-page .agricola-intro-feature { grid-template-columns: 1fr; gap: 30px; margin-bottom: 38px; }
    .gastel-agricola-page .agricola-intro-grid { gap: 22px; }
    .gastel-agricola-page .agricola-intro h2,
    .gastel-agricola-page .agricola-section-heading h2,
    .gastel-agricola-page .agricola-tires-content h2,
    .gastel-agricola-page .agricola-parts-copy h2,
    .gastel-agricola-page .agricola-quote-copy h2,
    .gastel-agricola-page .agricola-faq-heading h2 { font-size: clamp(30px, 8vw, 42px); }
    .gastel-agricola-page .agricola-benefits-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .gastel-agricola-page .agricola-benefit { min-height: 0; padding: 23px 14px 23px 0; }
    .gastel-agricola-page .agricola-benefit + .agricola-benefit { padding-left: 14px; }
    .gastel-agricola-page .agricola-benefit:nth-child(3) { padding-left: 0; border-left: 0; border-top: 1px solid var(--agricola-line); }
    .gastel-agricola-page .agricola-benefit:nth-child(4) { border-top: 1px solid var(--agricola-line); }
    .gastel-agricola-page .agricola-benefit-number { top: 22px; right: 5px; }
    .gastel-agricola-page .agricola-benefit-icon { margin-bottom: 17px; }
    .gastel-agricola-page .agricola-benefit h3 { font-size: 15px; }
    .gastel-agricola-page .agricola-benefit p { font-size: 12px; }
    .gastel-agricola-page .agricola-section-heading { align-items: flex-start; flex-direction: column; gap: 18px; margin-bottom: 28px; }
    .gastel-agricola-page .agricola-section-heading-centered { align-items: center; }
    .gastel-agricola-page .agricola-category-grid { grid-template-columns: 1fr; gap: 17px; }
    .gastel-agricola-page .agricola-category-image { height: 230px; }
    .gastel-agricola-page .agricola-category-copy { padding: 22px; }
    .gastel-agricola-page .agricola-category-copy h3 { font-size: 20px; }
    .gastel-agricola-page .agricola-category-copy p { min-height: 0; }
    .gastel-agricola-page .agricola-tires-feature { grid-template-columns: 1fr; }
    .gastel-agricola-page .agricola-tires-visual { min-height: 340px; }
    .gastel-agricola-page .agricola-tires-visual-label { bottom: 28px; left: 22px; }
    .gastel-agricola-page .agricola-delivery-carousel { max-width: 420px; margin: 0 auto; }
    .gastel-agricola-page .agricola-delivery-label { bottom: 25px; left: 22px; }
    .gastel-agricola-page .agricola-carousel-controls { right: 18px; bottom: 23px; gap: 9px; }
    .gastel-agricola-page .agricola-carousel-arrow { width: 36px; height: 36px; }
    .gastel-agricola-page .agricola-tires-content { padding: 55px 22px 60px; }
    .gastel-agricola-page .agricola-parts-section { padding: 65px 0; }
    .gastel-agricola-page .agricola-parts-grid { grid-template-columns: 1fr; gap: 38px; }
    .gastel-agricola-page .agricola-parts-visual,
    .gastel-agricola-page .agricola-parts-visual > img,
    .gastel-agricola-page .agricola-parts-placeholder { min-height: 310px; height: 310px; }
    .gastel-agricola-page .agricola-parts-placeholder { padding: 28px; }
    .gastel-agricola-page .agricola-parts-stamp { right: -5px; bottom: 16px; min-width: 145px; padding: 14px 16px; }
    .gastel-agricola-page .agricola-brands { padding: 60px 0; }
    .gastel-agricola-page .agricola-brand-grid { gap: 8px; padding: 14px; }
    .gastel-agricola-page .agricola-brand-logo { width: 42%; height: 65px; }
    .gastel-agricola-page .agricola-brand-grid.agricola-parts-brand-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; margin-bottom: 24px; padding: 0; }
    .gastel-agricola-page .agricola-parts-brand-grid .agricola-brand-logo { width: auto; height: 72px; padding: 4px; }
    .gastel-agricola-page .agricola-process-grid { grid-template-columns: repeat(2, minmax(0,1fr)); margin-top: 30px; }
    .gastel-agricola-page .agricola-process-step { min-height: 210px; padding: 22px 12px 22px 0; }
    .gastel-agricola-page .agricola-process-step + .agricola-process-step { padding-left: 12px; }
    .gastel-agricola-page .agricola-process-step:nth-child(3) { padding-left: 0; border-left: 0; border-top: 1px solid var(--agricola-line); }
    .gastel-agricola-page .agricola-process-step:nth-child(4) { border-top: 1px solid var(--agricola-line); }
    .gastel-agricola-page .agricola-process-step > span { top: 22px; right: 6px; }
    .gastel-agricola-page .agricola-process-step h3 { font-size: 15px; }
    .gastel-agricola-page .agricola-process-step p { font-size: 12px; }
    .gastel-agricola-page .agricola-regions { padding: 65px 0; background-position: center; }
    .gastel-agricola-page .agricola-regions-inner { margin-left: auto; }
    .gastel-agricola-page .agricola-regions h2 { font-size: clamp(32px, 8vw, 44px); }
    .gastel-agricola-page .agricola-quote { padding: 65px 0; }
    .gastel-agricola-page .agricola-quote-grid { grid-template-columns: 1fr; gap: 30px; }
    .gastel-agricola-page .agricola-quote-copy { position: static; }
    .gastel-agricola-page .agricola-quote-form { padding: 22px 17px; }
    .gastel-agricola-page .agricola-form-fields { grid-template-columns: 1fr; }
    .gastel-agricola-page .agricola-form-fields .agricola-form-full { grid-column: auto; }
    .gastel-agricola-page .agricola-faq-grid { grid-template-columns: 1fr; gap: 30px; }
    .gastel-agricola-page .agricola-faq-list summary { font-size: 13px; }
    .gastel-agricola-page .agricola-final-cta { padding: 65px 0; }
    .gastel-agricola-page .agricola-final-inner h2 { font-size: clamp(34px, 9vw, 46px); }
}
@media (prefers-reduced-motion: reduce) {
    .gastel-agricola-page *, .gastel-agricola-page *::before, .gastel-agricola-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Página independiente: elevación de suspensión */
.gastel-elevacion-page { --elevacion-yellow: #f4c400; --elevacion-ink: #151719; --elevacion-muted: #6b7074; color: var(--elevacion-ink); }
.elevacion-hero { position: relative; isolation: isolate; display: flex; min-height: 620px; align-items: center; overflow: hidden; color: #fff; background: #202426 var(--elevacion-hero-image, linear-gradient(120deg,#333b3e,#151819 70%)) center/cover no-repeat; }
.elevacion-hero:before { position:absolute; inset:0; z-index:-1; content:""; background:linear-gradient(90deg,rgba(10,12,13,.91) 0%,rgba(10,12,13,.67) 48%,rgba(10,12,13,.12) 100%); }
.elevacion-hero-shade { position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg,rgba(0,0,0,.48),transparent 42%); }
.elevacion-hero-inner { position:relative; padding-top:70px; padding-bottom:78px; }
.elevacion-kicker { display:flex; align-items:center; gap:10px; color:#8a8e90; font-size:11px; font-weight:800; letter-spacing:.17em; }
.elevacion-hero .elevacion-kicker { color:#fff; }
.elevacion-kicker > span, .elevacion-note > span { display:inline-block; width:8px; height:8px; background:var(--elevacion-yellow); transform:rotate(45deg); }
.elevacion-hero h1 { max-width:720px; margin:24px 0 16px; font-size:clamp(52px,8vw,96px); font-weight:800; line-height:.96; letter-spacing:-.055em; text-transform:uppercase; }
.elevacion-hero h1 strong { color:var(--elevacion-yellow); }
.elevacion-hero p { max-width:550px; margin:0; color:#e2e3e3; font-size:17px; line-height:1.7; }
.elevacion-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.elevacion-button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; gap:18px; padding:0 22px; font-size:12px; font-weight:800; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; transition:transform .2s,background .2s; }
.elevacion-button:hover { transform:translateY(-2px); }
.elevacion-button-yellow { color:#171819; background:var(--elevacion-yellow); }
.elevacion-button-yellow:hover { background:#ffd928; }
.elevacion-button-ghost { border:1px solid rgba(255,255,255,.55); color:#fff; background:rgba(0,0,0,.15); }
.elevacion-note { display:flex; align-items:center; gap:10px; margin-top:35px; color:#ddd; font-size:11px; letter-spacing:.04em; }
.elevacion-hero-index { position:absolute; right:max(5vw,calc((100vw - 1200px)/2)); bottom:34px; display:flex; align-items:center; gap:11px; color:#fff; font-size:11px; font-weight:800; letter-spacing:.12em; }
.elevacion-hero-index i { width:42px; height:1px; background:var(--elevacion-yellow); }
.elevacion-intro { padding:78px 0 65px; text-align:center; }
.elevacion-intro-inner { max-width:850px; }
.elevacion-intro h2,.elevacion-heading h2 { margin:14px 0; font-size:clamp(32px,4vw,48px); line-height:1.08; letter-spacing:-.04em; text-transform:uppercase; }
.elevacion-intro h2 span,.elevacion-heading h2 span,.elevacion-advice h2 span { color:#b28f00; }
.elevacion-intro p,.elevacion-heading p { max-width:680px; margin:0 auto; color:var(--elevacion-muted); font-size:15px; line-height:1.7; }
.elevacion-models { padding:70px 0 95px; background:#f3f3f1; }
.elevacion-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:28px; }
.elevacion-heading h2 { margin-bottom:0; }
.elevacion-heading p { max-width:340px; margin:0 0 4px; font-size:13px; }
.elevacion-tabs { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid #d2d3d0; }
.elevacion-tab { display:flex; min-height:62px; align-items:center; gap:14px; padding:0 18px; border:0; border-bottom:3px solid transparent; color:#6c7071; background:transparent; cursor:pointer; font:inherit; font-size:14px; font-weight:800; text-align:left; transition:color .2s,border-color .2s; }
.elevacion-tab > span { color:#a2a5a5; font-size:10px; }
.elevacion-tab b { margin-left:auto; color:#a2a5a5; }
.elevacion-tab:hover,.elevacion-tab.is-active { border-bottom-color:var(--elevacion-yellow); color:#171819; }
.elevacion-panel { padding-top:24px; }
.elevacion-compare { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr); min-height:430px; background:#fff; }
.elevacion-compare-image { position:relative; display:flex; min-height:430px; align-items:center; justify-content:center; overflow:hidden; background:radial-gradient(ellipse at 50% 70%,#e0e2df 0,#f4f4f1 54%,#fafaf9 100%); }
.elevacion-state { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .35s; }
.elevacion-state.is-visible { opacity:1; }
.elevacion-image-label { position:absolute; top:20px; z-index:1; padding:8px 11px; color:#fff; background:#17191a; font-size:9px; font-weight:800; letter-spacing:.14em; }
.elevacion-label-before { left:20px; }.elevacion-label-after { right:20px; background:#b28f00; }
.elevacion-image-caption { position:absolute; right:20px; bottom:17px; left:20px; display:flex; justify-content:space-between; color:#717577; font-size:9px; font-weight:800; letter-spacing:.12em; }
.elevacion-image-empty { display:flex; flex-direction:column; align-items:center; padding:30px; text-align:center; }
.elevacion-image-empty strong { margin-top:20px; font-size:14px; }
.elevacion-image-empty small { margin-top:7px; color:#777c7d; font-size:12px; }
.elevacion-pickup-icon { position:relative; width:220px; height:84px; border-bottom:2px solid #b7bbba; }
.elevacion-pickup-icon:before { position:absolute; right:8px; bottom:19px; left:12px; height:42px; border:3px solid #666c6d; border-radius:8px 23px 7px 7px; content:""; }
.elevacion-pickup-icon:after { position:absolute; top:18px; left:92px; width:48px; height:31px; border:3px solid #666c6d; border-radius:8px 12px 0 0; content:""; }
.elevacion-pickup-icon span { position:absolute; right:18px; bottom:40px; left:32px; height:2px; background:#666c6d; }
.elevacion-pickup-icon i,.elevacion-pickup-icon b { position:absolute; z-index:1; bottom:4px; width:36px; height:36px; border:7px solid #555b5c; border-radius:50%; background:#e4e5e2; }
.elevacion-pickup-icon i { left:36px; }.elevacion-pickup-icon b { right:30px; }
.elevacion-model-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:40px clamp(26px,4vw,55px); }
.elevacion-model-copy h3 { margin:12px 0; font-size:36px; letter-spacing:-.04em; text-transform:uppercase; }
.elevacion-model-copy > p { margin:0; color:var(--elevacion-muted); font-size:14px; line-height:1.7; }
.elevacion-view-toggle { display:flex; gap:5px; margin-top:22px; padding:4px; border:1px solid #e0e1de; background:#f5f5f3; }
.elevacion-view-toggle button { padding:8px 13px; border:0; color:#747879; background:transparent; cursor:pointer; font:inherit; font-size:11px; font-weight:700; }
.elevacion-view-toggle button.is-active { color:#181a1b; background:var(--elevacion-yellow); }
.elevacion-specs { width:100%; margin-top:23px; border-top:1px solid #e5e6e3; }
.elevacion-specs > div { display:flex; gap:14px; padding:13px 0; border-bottom:1px solid #e5e6e3; }
.elevacion-specs span { color:#a48600; font-size:10px; font-weight:800; }
.elevacion-specs p { margin:0; color:#656a6b; font-size:11px; line-height:1.55; }
.elevacion-specs b { color:#1b1d1e; font-size:12px; }
.elevacion-link { display:flex; width:100%; justify-content:space-between; margin-top:20px; color:#181a1b; font-size:12px; font-weight:800; text-decoration:none; text-transform:uppercase; }
.elevacion-link b { color:#9c7e00; font-size:17px; }
.elevacion-advice { padding:75px 0; color:#fff; background:#171a1b; }
.elevacion-advice-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.elevacion-advice-inner > div { max-width:730px; }
.elevacion-advice h2 { margin:15px 0; font-size:clamp(30px,4vw,45px); line-height:1.08; letter-spacing:-.035em; text-transform:uppercase; }
.elevacion-advice h2 span { color:var(--elevacion-yellow); }
.elevacion-advice p { max-width:680px; margin:0; color:#c7c9c9; font-size:14px; line-height:1.7; }
@media(max-width:800px) { .elevacion-hero { min-height:560px; }.elevacion-heading { align-items:flex-start; flex-direction:column; gap:12px; }.elevacion-heading p { margin:0; }.elevacion-compare { grid-template-columns:1fr; }.elevacion-compare-image { min-height:350px; }.elevacion-model-copy { padding:30px; }.elevacion-advice-inner { align-items:flex-start; flex-direction:column; } }
@media(max-width:520px) { .elevacion-hero { min-height:540px; }.elevacion-hero-inner { padding-top:55px; padding-bottom:70px; }.elevacion-hero h1 { font-size:52px; }.elevacion-hero p { font-size:15px; }.elevacion-actions { align-items:stretch; flex-direction:column; max-width:300px; }.elevacion-button { justify-content:space-between; }.elevacion-intro { padding:58px 0 48px; }.elevacion-models { padding:52px 0 65px; }.elevacion-tabs { grid-template-columns:1fr; }.elevacion-tab { min-height:52px; border-bottom-width:1px; }.elevacion-tab.is-active { border-bottom-width:2px; }.elevacion-compare-image { min-height:285px; }.elevacion-image-empty { padding:20px 14px; }.elevacion-pickup-icon { transform:scale(.8); }.elevacion-image-caption { right:12px; left:12px; font-size:8px; }.elevacion-model-copy { padding:26px 21px; }.elevacion-advice { padding:58px 0; } }
@media(prefers-reduced-motion:reduce) { .gastel-elevacion-page *, .gastel-elevacion-page *:before, .gastel-elevacion-page *:after { scroll-behavior:auto!important; transition:none!important; } }

/* Secciones de catálogo de la página Automotriz */
.automotriz-tires { padding: 78px 0 38px; background: #fff; }
.automotriz-shelf-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 27px; }
.automotriz-shelf-heading h2,.automotriz-department-block h2 { margin: 0; color: #13206B; font-size: clamp(30px,4vw,45px); font-weight: 900; line-height: 1.05; letter-spacing: -1.2px; text-transform: uppercase; }
.automotriz-shelf-heading h2 em,.automotriz-department-block h2 em { color: #3159A0; font-style: normal; }
.automotriz-text-link { display: inline-flex; align-items: center; gap: 20px; color: #13206B !important; font-size: 10px; font-weight: 900; letter-spacing: .6px; text-transform: uppercase; }
.automotriz-text-link b { color: #A58D00; font-size: 17px; }
.automotriz-tire-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; }
.automotriz-tire-card { display: flex; flex-direction: column; color: #13206B !important; }
.automotriz-tire-visual { position: relative; display: grid; height: 180px; place-items: center; overflow: hidden; background: #F3F4F6; }
.automotriz-tire-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.automotriz-tire-card:hover .automotriz-tire-visual img { transform: scale(1.04); }
.automotriz-tire-visual > span { position: absolute; right: 10px; bottom: 10px; display: grid; width: 30px; height: 30px; place-items: center; background: #F9D000; color: #13206B; }
.automotriz-tire-card > strong { padding: 13px 14px; background: #F6F7F9; font-size: 12px; font-weight: 900; text-transform: uppercase; }
.automotriz-brand-row { display: grid; grid-template-columns: 180px 1fr; align-items: center; gap: 20px; margin-top: 35px; padding: 20px 0; border-top: 1px solid #E6E8EE; border-bottom: 1px solid #E6E8EE; }
.automotriz-brand-row > span { color: #777D89; font-size: 9px; font-weight: 900; letter-spacing: 1.2px; text-transform: uppercase; }
.automotriz-brand-row > div { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; gap: 16px; }
.automotriz-brand-row b { color: #586071; font-size: 11px; font-weight: 900; letter-spacing: 1px; }
.automotriz-featured-rims { padding: 64px 0; background: #F2F3F6; }
.automotriz-rims-inner { display: grid; grid-template-columns: .85fr 1.15fr; gap: 55px; align-items: center; }
.automotriz-rims-copy .automotriz-kicker { color: #F9D000; }
.automotriz-rims-copy h2 { max-width: 460px; margin-bottom: 14px; color: #fff; font-size: clamp(34px,4.5vw,53px); font-weight: 900; line-height: 1.02; letter-spacing: -1.5px; text-transform: uppercase; }
.automotriz-rims-copy h2 em { color: #F9D000; font-style: normal; }
.automotriz-rims-copy > p { max-width: 440px; margin-bottom: 23px; color: #DFE3EE; font-size: 12px; line-height: 1.8; }
.automotriz-featured-rims { background: linear-gradient(115deg,#11192E,#1A2850 70%,#13206B); }
.automotriz-rim-models { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.automotriz-rim-card { min-width: 0; padding: 12px; background: #fff; color: #13206B !important; }
.automotriz-rim-image { position: relative; display: grid; height: 225px; place-items: center; overflow: hidden; background: #F1F2F4; }
.automotriz-rim-image img { width: 100%; height: 100%; object-fit: contain; }
.automotriz-rim-image > span { position: absolute; top: 10px; left: 10px; padding: 6px 8px; background: #F9D000; color: #13206B; font-size: 8px; font-weight: 900; letter-spacing: .7px; }
.automotriz-rim-card > strong { display: flex; justify-content: space-between; padding: 13px 4px 3px; font-size: 13px; font-weight: 900; letter-spacing: .6px; }
.automotriz-rim-card small { color: #777D89; font-size: 10px; }
.automotriz-departments { padding: 82px 0; background: #fff; }
.automotriz-departments-inner { display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; }
.automotriz-department-block h2 { margin-bottom: 22px; }
.automotriz-chip-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 25px 0; }
.automotriz-chip-list a { display: flex; min-height: 44px; align-items: center; gap: 9px; padding: 10px; border: 1px solid #E5E7ED; color: #333B4D !important; font-size: 10px; font-weight: 800; }
.automotriz-chip-list a:hover { border-color: #13206B; background: #F5F6F9; }
.automotriz-chip-list a span { color: #A58D00; font-size: 16px; }
.automotriz-service-list { margin: 5px 0 20px; border-top: 1px solid #E5E7ED; }
.automotriz-service-list a { display: grid; grid-template-columns: 35px 1fr 18px; gap: 10px; align-items: center; min-height: 42px; border-bottom: 1px solid #E5E7ED; color: #28334E !important; font-size: 10px; font-weight: 800; }
.automotriz-service-list a > span { color: #8B91A0; font-size: 9px; }
.automotriz-service-list a > b { color: #B19A00; font-size: 14px; }
.automotriz-service-list a:hover { color: #3159A0 !important; }
.automotriz-department-block > .automotriz-text-link { margin-top: 4px; }
@media (max-width: 1000px) {
    .automotriz-rims-inner,.automotriz-departments-inner { grid-template-columns: 1fr; gap: 32px; }
    .automotriz-rims-copy { max-width: 640px; }
    .automotriz-rim-models { max-width: 760px; }
}
@media (max-width: 767px) {
    .automotriz-tires { padding: 58px 0 30px; }
    .automotriz-shelf-heading { align-items: flex-start; flex-direction: column; gap: 14px; }
    .automotriz-shelf-heading h2,.automotriz-department-block h2 { font-size: clamp(29px,8vw,39px); }
    .automotriz-tire-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
    .automotriz-tire-visual { height: 145px; }
    .automotriz-tire-card > strong { padding: 11px; font-size: 10px; }
    .automotriz-brand-row { grid-template-columns: 1fr; gap: 13px; margin-top: 24px; }
    .automotriz-brand-row > div { justify-content: flex-start; gap: 18px; }
    .automotriz-featured-rims { padding: 52px 0; }
    .automotriz-rim-image { height: 170px; }
    .automotriz-rim-card { padding: 8px; }
    .automotriz-departments { padding: 60px 0; }
    .automotriz-departments-inner { gap: 45px; }
}
@media (max-width: 420px) {
    .automotriz-rim-models { grid-template-columns: 1fr; }
    .automotriz-rim-image { height: 220px; }
    .automotriz-chip-list { grid-template-columns: 1fr; }
}

/* ========================================
   CATÁLOGO DE BATERÍAS BOSCH
======================================== */
.gastel-baterias-page { --bosch-blue:#13206B; --bosch-deep:#10182e; --bosch-yellow:#F9D000; --bosch-ink:#181b24; --bosch-muted:#727887; }
.bosch-hero { position:relative; overflow:hidden; color:#fff; background:linear-gradient(112deg,#10182e 0%,#172758 58%,#13206b 100%); }
.bosch-hero:after { position:absolute; top:-240px; right:-120px; width:780px; height:780px; border:1px solid rgba(255,255,255,.08); border-radius:50%; content:""; }
.bosch-hero-inner { position:relative; z-index:1; display:grid; min-height:590px; grid-template-columns:1.05fr .95fr; align-items:center; gap:30px; padding-top:65px; padding-bottom:75px; }
.bosch-hero-copy { position:relative; z-index:2; max-width:620px; }
.bosch-eyebrow,.bosch-kicker { display:flex; align-items:center; gap:10px; color:#f9d000; font-size:10px; font-weight:900; letter-spacing:1.5px; }
.bosch-eyebrow > span,.bosch-kicker > span { display:inline-block; width:25px; height:2px; background:#f9d000; }
.bosch-hero h1 { max-width:640px; margin:23px 0 18px; color:#fff; font-size:clamp(46px,6vw,76px); font-weight:900; line-height:.98; letter-spacing:-3px; text-transform:uppercase; }
.bosch-hero h1 strong { display:block; color:#f9d000; font-weight:900; }
.bosch-hero-copy > p { max-width:570px; margin:0; color:#e0e4ef; font-size:15px; line-height:1.8; }
.bosch-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.bosch-button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; gap:16px; padding:13px 19px; border:1px solid transparent; font-size:11px; font-weight:900; letter-spacing:.45px; text-decoration:none; text-transform:uppercase; transition:background .2s,color .2s,border-color .2s; }
.bosch-button-yellow { border-color:#f9d000; color:#13206b; background:#f9d000; }
.bosch-button-yellow:hover { border-color:#ffdf36; color:#13206b; background:#ffdf36; }
.bosch-button-outline { border-color:rgba(255,255,255,.5); color:#fff; background:rgba(255,255,255,.04); }
.bosch-button-outline:hover { border-color:#fff; color:#13206b; background:#fff; }
.bosch-hero-note { display:flex; align-items:center; gap:9px; margin-top:25px; color:#c6ccda; font-size:11px; }
.bosch-hero-note span { color:#f9d000; font-size:15px; }
.bosch-hero-product { position:relative; display:grid; min-height:420px; place-items:center; }
.bosch-orbit { position:absolute; width:min(90%,440px); aspect-ratio:1; border:1px solid rgba(255,255,255,.11); border-radius:50%; }
.bosch-orbit-one { transform:scale(.76); }.bosch-orbit-two { transform:scale(1.05); }
.bosch-battery-art { position:relative; z-index:1; display:flex; width:clamp(235px,28vw,335px); height:220px; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.45); border-radius:16px 16px 24px 24px; background:linear-gradient(145deg,#f7f8fb,#cbd0dc 72%,#9ea5b5); box-shadow:0 35px 70px rgba(0,0,0,.42),inset 0 2px 4px #fff; color:#13206b; transform:perspective(700px) rotateY(-12deg) rotateX(4deg); }
.bosch-battery-art:before { position:absolute; top:-17px; left:10%; width:80%; height:25px; border:1px solid #bdc2cf; border-radius:6px 6px 1px 1px; background:linear-gradient(#f8f9fc,#c3c8d3); content:""; }
.bosch-battery-art > i,.bosch-mini-battery > i { position:absolute; top:-21px; width:25px; height:8px; border-radius:2px 2px 0 0; background:#d9dce4; }
.bosch-battery-art > i:first-child,.bosch-mini-battery > i:first-child { left:17%; }.bosch-battery-art > i:nth-child(2),.bosch-mini-battery > i:nth-child(2) { right:17%; }
.bosch-terminal { position:absolute; top:-36px; display:grid; width:23px; height:23px; place-items:center; border-radius:50%; color:#fff; font-size:13px; font-weight:900; box-shadow:0 2px 5px #555; }
.bosch-terminal-positive { left:17%; background:#bd2525; }.bosch-terminal-negative { right:17%; background:#263145; }
.bosch-battery-art b { padding:7px 18px; border-radius:3px; color:#fff; background:#e31e24; font-size:36px; font-style:italic; font-weight:900; letter-spacing:-2px; box-shadow:0 8px 20px rgba(20,30,70,.18); }
.bosch-battery-art small { margin-top:8px; color:#394055; font-size:10px; font-weight:800; letter-spacing:2px; text-transform:uppercase; }
.bosch-hero-caption { position:absolute; right:3%; bottom:15px; left:3%; display:flex; justify-content:space-between; color:#bac1d1; font-size:9px; font-weight:800; letter-spacing:1.2px; }
.bosch-hero-caption b { color:#fff; }.bosch-hero-caption i { color:#f9d000; font-style:normal; }
.bosch-hero-index { position:absolute; right:20px; bottom:26px; display:flex; align-items:center; gap:12px; color:#aeb6c9; font-size:10px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; }
.bosch-hero-index strong { color:#f9d000; font-size:20px; }
.bosch-promo { color:#fff; background:#f1c900; }
.bosch-promo-inner { display:flex; min-height:144px; align-items:center; gap:22px; padding-top:20px; padding-bottom:20px; color:#13206b; }
.bosch-promo-icon { display:grid; width:54px; height:54px; flex:0 0 54px; place-items:center; border:1px solid rgba(19,32,107,.28); border-radius:50%; font-size:19px; font-weight:900; }
.bosch-promo-copy { flex:1; }
.bosch-promo-copy > span { font-size:9px; font-weight:900; letter-spacing:1.3px; }
.bosch-promo-copy h2 { margin:5px 0 2px; color:#13206b; font-size:clamp(18px,2.5vw,25px); font-weight:900; line-height:1.2; }
.bosch-promo-copy h2 strong { white-space:nowrap; }
.bosch-promo-copy p { margin:0; color:#36416f; font-size:11px; }
.bosch-promo-link { display:inline-flex; align-items:center; gap:14px; padding:13px 15px; border:1px solid rgba(19,32,107,.45); color:#13206b; font-size:10px; font-weight:900; text-decoration:none; text-transform:uppercase; white-space:nowrap; }
.bosch-promo-link:hover { color:#fff; background:#13206b; }
.bosch-catalog { padding:85px 0 90px; background:#f5f6f8; }
.bosch-catalog-heading { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:30px; }
.bosch-kicker { color:#69738d; font-size:9px; }
.bosch-kicker > span { background:#f0c900; }
.bosch-catalog-heading h2 { margin:13px 0 0; color:#13206b; font-size:clamp(34px,4.5vw,51px); font-weight:900; line-height:1.03; letter-spacing:-1.8px; text-transform:uppercase; }
.bosch-catalog-heading h2 em { color:#405ea8; font-style:normal; }
.bosch-catalog-heading > p { max-width:335px; margin:0 0 4px; color:#687083; font-size:12px; line-height:1.7; }
.bosch-filter-bar { display:flex; min-height:68px; align-items:center; gap:18px; margin-bottom:22px; padding:10px 14px; border:1px solid #e1e4eb; background:#fff; }
.bosch-filter-label { display:flex; flex:0 0 auto; align-items:center; gap:8px; color:#39425b; font-size:10px; font-weight:900; text-transform:uppercase; }
.bosch-filter-label span { color:#b39900; font-size:20px; }
.bosch-filter-buttons { display:flex; flex:1; flex-wrap:wrap; gap:5px; }
.bosch-filter-buttons button { display:flex; min-height:37px; align-items:center; gap:9px; padding:8px 12px; border:1px solid transparent; color:#626a7c; background:transparent; cursor:pointer; font:inherit; font-size:10px; font-weight:800; transition:background .2s,color .2s; }
.bosch-filter-buttons button span { color:#969cad; font-size:9px; }
.bosch-filter-buttons button:hover,.bosch-filter-buttons button.is-active { color:#13206b; background:#f5d72f; }
.bosch-filter-buttons button.is-active span { color:#59621d; }
.bosch-product-count { color:#71788a; font-size:10px; white-space:nowrap; }
.bosch-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.bosch-product-card { min-width:0; overflow:hidden; border:1px solid #e6e8ee; background:#fff; transition:transform .22s,box-shadow .22s; }
.bosch-product-card:hover { transform:translateY(-4px); box-shadow:0 16px 35px rgba(20,32,75,.1); }
.bosch-product-card[hidden] { display:none; }
.bosch-product-visual { position:relative; display:grid; height:180px; place-items:center; overflow:hidden; background:radial-gradient(ellipse at 50% 75%,#e0e3ec 0,#f3f4f7 55%,#fafbfc 100%); }
.bosch-product-visual:after { position:absolute; right:15%; bottom:18px; left:15%; height:18px; border-radius:50%; background:rgba(29,39,70,.12); filter:blur(9px); content:""; }
.bosch-product-index { position:absolute; top:13px; left:14px; color:#8991a2; font-size:9px; font-weight:900; letter-spacing:1px; }
.bosch-product-category { position:absolute; top:11px; right:11px; padding:6px 8px; color:#13206b; background:#f5d72f; font-size:8px; font-weight:900; letter-spacing:.6px; text-transform:uppercase; }
.bosch-product-ah { position:absolute; right:13px; bottom:12px; z-index:1; padding:5px 7px; color:#13206b; background:#fff; font-size:9px; font-weight:900; }
.bosch-mini-battery { position:relative; z-index:1; display:flex; width:115px; height:83px; align-items:center; justify-content:center; border:1px solid #c8ccd5; border-radius:7px 7px 11px 11px; background:linear-gradient(145deg,#fdfdff,#c7cbd4 75%,#a9aeba); box-shadow:0 12px 20px rgba(28,37,65,.2),inset 0 2px 3px #fff; transform:perspective(300px) rotateY(-10deg); }
.bosch-mini-battery b { padding:5px 8px; color:#fff; background:#e31e24; font-size:15px; font-style:italic; letter-spacing:-.7px; }
.bosch-mini-battery > span { position:absolute; top:-16px; left:13px; display:grid; width:16px; height:16px; place-items:center; border-radius:50%; color:#fff; background:#b9242b; font-size:11px; font-weight:900; }
.bosch-product-content { padding:17px 16px 14px; }
.bosch-product-application { min-height:14px; color:#8a91a0; font-size:9px; font-weight:800; letter-spacing:.4px; text-transform:uppercase; }
.bosch-product-content h3 { margin:5px 0 0; color:#13206b; font-size:17px; font-weight:900; letter-spacing:-.3px; }
.bosch-product-reference { margin-top:3px; color:#7a8190; font-size:9px; }
.bosch-product-specs { margin:15px 0 0; border-top:1px solid #eceef2; }
.bosch-product-specs > div { display:flex; justify-content:space-between; gap:8px; padding:8px 0; border-bottom:1px solid #eceef2; }
.bosch-product-specs dt { color:#7c8290; font-size:9px; }
.bosch-product-specs dd { margin:0; color:#293149; font-size:9px; font-weight:800; text-align:right; }
.bosch-product-link { display:flex; min-height:42px; justify-content:center; align-items:center; gap:11px; margin-top:14px; padding:10px 12px; color:#13206b; background:#f5d72f; font-size:10px; font-weight:900; text-decoration:none; text-transform:uppercase; transition:background .2s,color .2s; }
.bosch-product-link b { font-size:15px; }
.bosch-product-link:hover { color:#fff; background:#13206b; }
.bosch-catalog-note { margin:19px 0 0; color:#747b89; font-size:10px; line-height:1.6; }
.bosch-advice { padding:66px 0; color:#fff; background:#11182d; }
.bosch-advice-inner { display:flex; align-items:center; gap:28px; }
.bosch-advice-image { display:block; width:175px; height:150px; flex:0 0 175px; object-fit:contain; }
.bosch-advice-copy { flex:1; }
.bosch-advice-copy .bosch-kicker { color:#f9d000; }
.bosch-advice-copy h2 { margin:12px 0 8px; color:#fff; font-size:clamp(24px,3.6vw,38px); font-weight:900; line-height:1.08; letter-spacing:-.8px; text-transform:uppercase; }
.bosch-advice-copy p { max-width:690px; margin:0; color:#c1c7d5; font-size:12px; line-height:1.7; }
.gastel-baterias-page a:focus-visible,.gastel-baterias-page button:focus-visible { outline:3px solid #deae00; outline-offset:3px; }
@media(max-width:1050px) { .bosch-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.bosch-hero-inner { min-height:540px; }.bosch-hero-product { min-height:370px; } }
@media(max-width:767px) {
    .bosch-hero-inner { min-height:unset; grid-template-columns:1fr; gap:0; padding-top:58px; padding-bottom:62px; }
    .bosch-hero h1 { max-width:550px; font-size:clamp(43px,11vw,66px); letter-spacing:-2px; }
    .bosch-hero-copy > p { font-size:14px; }
    .bosch-hero-product { min-height:275px; margin-top:8px; }
    .bosch-battery-art { width:230px; height:160px; }.bosch-battery-art b { font-size:29px; }
    .bosch-hero-caption { right:7%; bottom:7px; left:7%; }
    .bosch-hero-index { right:20px; bottom:16px; }
    .bosch-promo-inner { flex-wrap:wrap; gap:12px; padding-top:21px; padding-bottom:21px; }
    .bosch-promo-icon { width:44px; height:44px; flex-basis:44px; }
    .bosch-promo-copy { flex-basis:calc(100% - 60px); }
    .bosch-promo-link { margin-left:56px; }
    .bosch-catalog { padding:59px 0 65px; }
    .bosch-catalog-heading { align-items:flex-start; flex-direction:column; gap:12px; margin-bottom:23px; }
    .bosch-catalog-heading > p { margin:0; }
    .bosch-filter-bar { align-items:flex-start; flex-direction:column; gap:8px; padding:12px; }
    .bosch-filter-buttons { width:100%; }
    .bosch-filter-buttons button { padding:8px 9px; }
    .bosch-product-count { align-self:flex-end; }
    .bosch-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .bosch-product-visual { height:150px; }
    .bosch-product-content { padding:13px 11px 12px; }
    .bosch-product-content h3 { font-size:15px; overflow-wrap:anywhere; }
    .bosch-advice-inner { align-items:flex-start; flex-wrap:wrap; gap:17px; }
    .bosch-advice-image { width:120px; height:105px; flex-basis:120px; }
    .bosch-advice-copy { flex-basis:calc(100% - 140px); }
    .bosch-advice-inner > .bosch-button { margin-left:137px; }
}
@media(max-width:420px) {
    .bosch-hero-actions { align-items:stretch; flex-direction:column; max-width:300px; }
    .bosch-hero-index { display:none; }
    .bosch-promo-link { margin-left:0; }
    .bosch-product-grid { grid-template-columns:1fr; }
    .bosch-product-visual { height:180px; }
}
@media(prefers-reduced-motion:reduce) { .gastel-baterias-page *,.gastel-baterias-page *:before,.gastel-baterias-page *:after { scroll-behavior:auto!important; transition:none!important; } }