/* ========================================================================
   TIPOGRAFÍAS CORPORATIVAS
   Títulos: Agency Gothic CT
   Textos: Acumin Variable Concept
   ======================================================================== */

@font-face {
    font-family: 'Agency';
    src: url('../fonts/agencygothicct_bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agency';
    src: url('../fonts/agencygothicct_medium.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Acumin';
    src: url('../fonts/Acumin-Variable-Concept.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root{--orange:#f57c2b;--charcoal:#252122;--gray:#a9aaa8;--light:#f6f6f4;--text:#686868}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Acumin',Arial,sans-serif;color:var(--text);background:#fff}.maxlev-container{max-width:1180px}.site-header{position:absolute;z-index:20;left:0;right:0;top:0;padding:28px 0}.header-inner{max-width:1180px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#111;font-family:'Agency','Arial Narrow',Arial,sans-serif;font-size:38px;line-height:1;font-style:italic;letter-spacing:-3px;text-shadow:1px 1px #fff}.brand-max{color:#111}.brand-lev{color:var(--orange)}.brand-gear{font-size:.8em;color:#222;margin-left:2px}.desktop-nav{display:flex;background:#aaa;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);padding-left:16px}.desktop-nav a{position:relative;color:#fff;text-decoration:none;font-family:'Agency','Arial Narrow',Arial,sans-serif;font-size:20px;padding:13px 35px;background:var(--orange);border-right:2px solid rgba(255,255,255,.2);transform:skew(-12deg)}.desktop-nav a::first-line{transform:skew(12deg)}.menu-toggle{display:none;border:0;background:var(--orange);width:50px;height:50px;padding:12px;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%)}.menu-toggle span{display:block;height:2px;background:white;margin:6px 0;transition:.3s}.mobile-menu{position:fixed;inset:0;background:#242122;z-index:100;transform:translateX(100%);transition:.45s cubic-bezier(.8,0,.2,1);padding:35px}.mobile-menu.open{transform:none}.mobile-close{position:absolute;right:25px;top:20px;border:0;background:none;color:white;font-size:48px}.mobile-brand{font-family:Arial Black;font-style:italic;font-size:42px;color:white}.mobile-brand span{color:var(--orange)}.mobile-menu nav{display:flex;flex-direction:column;margin-top:12vh}.mobile-menu nav a{font-family:'Agency','Arial Narrow',Arial,sans-serif;font-size:34px;color:white;text-decoration:none;border-bottom:1px solid #454142;padding:14px 0}.mobile-menu .admin-link{font-size:20px;color:#aaa;margin-top:20px}.hero-about{padding-top:0}.hero-image{height:365px;background-size:cover;background-position:center}.section-pad{padding:72px 0}.title-block h1{font-family:'Agency','Arial Narrow',Arial,sans-serif;font-size:72px;font-weight:500;color:var(--orange);margin:0;line-height:.95}.title-block p{font-size:11px;letter-spacing:3px;margin:18px 0 10px}.orange-rule{height:3px;background:var(--orange);width:100%;margin-bottom:28px}.about-section{position:relative;overflow:hidden}.about-section p,.prestige p,.paraguay p{font-size:14px;line-height:1.9;text-align:justify}.scroll-marker{width:54px;height:54px;background:var(--orange);color:#fff;border-radius:50%;display:grid;place-items:center;margin:40px auto -30px;font-size:24px}.section-label{display:inline-block;background:var(--orange);color:#fff;font-family:'Agency','Arial Narrow',Arial,sans-serif;font-size:18px;letter-spacing:.6px;padding:7px 22px;margin-bottom:18px}.editorial-img{width:100%;display:block;max-height:390px;object-fit:cover}.marker-left{margin-left:40%}.world-section{padding:15px 0 45px}.world-map{display:block;width:100%;border:1px solid #e8c9b6}.paraguay{padding-top:20px}.decor-line{height:2px;background:#d6d6d2;width:70%;margin-bottom:28px;position:relative}.decor-line:after{content:'';position:absolute;right:0;top:-4px;width:9px;height:9px;border:1px solid #aaa;border-radius:50%;background:#fff}.products-hero{position:relative;padding-top:90px}.products-visual{height:520px;position:relative;overflow:hidden}.products-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.35)),url('../img/hero-products-machine.jpg') center/cover no-repeat}.box-product{position:absolute;right:6%;top:7%;height:86%;max-width:44%;object-fit:contain}.products-hero h2{font-family:'Agency','Arial Narrow',Arial,sans-serif;font-weight:400;font-size:92px;text-align:right;color:#111;margin:10px 0 0}.products-hero h2 span{color:var(--orange)}.catalog-intro{font-size:15px;margin-bottom:35px}.search-panel label{display:block;color:#d18c66;font-size:13px;margin-bottom:15px}.search-row{display:flex;border-bottom:2px solid #dd9d72}.search-row input{flex:1;border:0;outline:0;padding:17px 4px;font-size:18px}.search-row button,.orange-button{border:0;background:var(--orange);color:#fff;padding:14px 44px;font-family:'Agency','Arial Narrow',Arial,sans-serif;font-size:19px;text-decoration:none}.search-hints{display:flex;gap:30px;font-size:11px;letter-spacing:1.5px;margin-top:10px;color:#aaa}.search-status{min-height:45px;padding-top:25px;font-size:14px}.product-grid{margin-top:5px}.product-card{height:100%;border:1px solid #eceae6;background:#fff;transition:.25s;position:relative}.product-card:hover{transform:translateY(-6px);box-shadow:0 14px 35px rgba(0,0,0,.08);border-color:#f2c3a2}.product-image{aspect-ratio:1/.82;background:#f7f7f5;display:grid;place-items:center;padding:20px}.product-image img{width:100%;height:100%;object-fit:contain}.product-body{padding:20px}.product-code{font-family:'Agency','Arial Narrow',Arial,sans-serif;color:var(--orange);font-size:18px}.product-body h3{font-family:'Agency','Arial Narrow',Arial,sans-serif;font-size:26px;color:#222;margin:5px 0 14px;text-transform:uppercase}.product-body p{font-size:12px;min-height:38px;word-break:break-word}.product-body a{font-size:12px;letter-spacing:1px;color:#222;text-decoration:none;font-weight:700}.product-body a span{color:var(--orange)}.contact{background:#272324;color:white;padding:75px 0}.contact .container{display:flex;justify-content:space-between;gap:35px;align-items:end}.contact small{color:var(--orange);letter-spacing:2px}.contact h2{font-family:'Agency','Arial Narrow',Arial,sans-serif;font-size:44px;max-width:630px;margin:10px 0 0}.contact a{color:white;text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:6px}footer{background:#171516;color:#888;padding:25px 0;font-size:12px}footer .container{display:flex;justify-content:space-between}footer a{color:#888;text-decoration:none}.detail-page{background:#f6f6f4}.detail-header{padding:25px 0;background:#fff;border-bottom:1px solid #eee}.detail-header .container{display:flex;justify-content:space-between;align-items:center}.back-link{color:#444;text-decoration:none;font-size:12px;letter-spacing:1px}.product-detail{padding:80px 0}.detail-image{background:#fff;border:1px solid #e9e7e2;min-height:520px;padding:45px;display:grid;place-items:center}.detail-image img{max-width:100%;max-height:480px}.eyebrow{color:var(--orange);font-size:12px;letter-spacing:2px}.product-detail h1{font-family:'Agency','Arial Narrow',Arial,sans-serif;font-size:64px;color:#222;text-transform:uppercase}.detail-code{border-top:1px solid #ddd;padding:18px 0}.detail-code small,.description small{display:block;font-size:10px;letter-spacing:2px;color:#aaa}.detail-code strong{font-family:'Agency','Arial Narrow',Arial,sans-serif;font-size:28px;color:#222}.description{margin:25px 0 35px}.orange-button{display:inline-block}
@media(max-width:991px){.desktop-nav{display:none}.menu-toggle{display:block}.site-header{padding:18px 12px}.brand{font-size:32px}.hero-image{height:310px;background-position:center}.section-pad{padding:50px 0}.title-block h1{font-size:54px}.products-visual{height:390px}.box-product{right:0;max-width:48%}.products-hero h2{font-size:66px;text-align:left}.contact .container{display:block}.contact a{display:inline-block;margin-top:25px}.detail-image{min-height:360px}.product-detail h1{font-size:50px}}
@media(max-width:576px){.maxlev-container{padding-left:22px;padding-right:22px}.hero-image{height:255px;background-position:center}.title-block h1{font-size:45px}.title-block p{font-size:9px;letter-spacing:2px}.about-section p,.prestige p,.paraguay p{text-align:left}.scroll-marker{width:46px;height:46px}.products-hero{padding-top:65px}.products-visual{height:300px}.products-bg{background-position:30% center}.box-product{height:74%;top:13%;right:-10px;max-width:53%}.products-hero h2{font-size:52px;line-height:1}.search-row{display:block;border:0}.search-row input{width:100%;border-bottom:2px solid #dd9d72}.search-row button{width:100%;margin-top:12px}.search-hints{justify-content:space-between;gap:4px;font-size:9px}.contact h2{font-size:36px}.detail-header .brand{font-size:27px}.back-link{font-size:10px}.product-detail{padding:45px 0}.detail-image{min-height:300px;padding:25px}.product-detail h1{font-size:45px}}

/* ========================================================================
   DECORACIONES GEOMÉTRICAS MAXLEV
   Posicionadas respecto de la SECCIÓN, no del contenedor de texto.
   Así quedan en los márgenes como en la referencia y nunca encima del texto.
   ======================================================================== */

.about-section,
.prestige {
    position: relative;
    overflow: hidden;
}

/* El contenido real queda por encima de las decoraciones. */
.about-section > .maxlev-container,
.prestige > .maxlev-container {
    position: relative;
    z-index: 2;
}

/* Hexágono hueco: contorno gris claro + interior blanco. */
.hex {
    position: absolute;
    display: block;
    background: #e7e7e4;
    clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
    pointer-events: none;
    z-index: 1;
}

.hex::after {
    content: "";
    position: absolute;
    inset: 3px;
    background: #fff;
    clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
}

/* QUIÉNES SOMOS — grande izquierdo, en el margen exterior. */
.hex-about-left {
    width: 112px;
    height: 98px;
    left: 34px;
    top: 72px;
}

/* QUIÉNES SOMOS — pequeño central, debajo de los párrafos. */
.hex-about-center {
    width: 72px;
    height: 64px;
    left: 50%;
    bottom: 72px;
    transform: translateX(-50%);
}

/* QUIÉNES SOMOS — grande derecho, en el margen exterior. */
.hex-about-right {
    width: 126px;
    height: 110px;
    right: 18px;
    top: 158px;
}

/* PRESTIGIO — grande inferior izquierdo, también en el margen. */
.hex-prestige-left {
    width: 142px;
    height: 124px;
    left: 70px;
    bottom: -26px;
}

/* En pantallas donde casi no queda margen lateral, los retiramos antes de
   que puedan invadir el contenido. */
@media (max-width: 1299.98px) and (min-width: 992px) {
    .hex-about-left {
        left: -38px;
    }

    .hex-about-right {
        right: -42px;
    }

    .hex-prestige-left {
        left: -28px;
    }
}

/* Tablet y celular: son decorativos, por eso se eliminan por completo. */
@media (max-width: 991.98px) {
    .hex,
    .hex::before,
    .hex::after {
        display: none !important;
        content: none !important;
    }
}

/* ========================================================================
   APLICACIÓN GLOBAL DE TIPOGRAFÍAS
   ======================================================================== */

html,
body,
p,
a,
span,
small,
label,
input,
button,
textarea,
select,
option,
li,
td,
th,
.product-body,
.catalog-intro,
.search-status,
.search-hints,
.contact,
footer {
    font-family: 'Acumin', Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title-block h1,
.section-label,
.products-hero h2,
.product-card h3,
.search-panel > label,
.desktop-nav a,
.mobile-menu nav a,
.brand,
.mobile-brand {
    font-family: 'Agency', 'Arial Narrow', Arial, sans-serif;
}

/* Los títulos de Agency funcionan mejor con un peso fuerte y compacto. */
h1,
h2,
h3,
h4,
h5,
h6,
.title-block h1,
.section-label,
.products-hero h2,
.product-card h3,
.search-panel > label {
    font-weight: 700;
}

/* Textos corridos en Acumin. */
body,
p,
.catalog-intro,
.product-body p,
.contact,
footer {
    font-weight: 400;
}

/* ========================================================================
   LOGO OFICIAL MAXLEV + CABECERA
   ======================================================================== */

.site-header {
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    top: 0;
    padding: 24px 0;
}

.header-inner {
    max-width: 1180px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brand {
    display: inline-flex;
    align-items: center;
    width: 205px;
    height: 58px;
    text-decoration: none;
    flex: 0 0 auto;
    overflow: hidden;
}

.brand img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
    /*
     * El PNG suministrado tiene fondo blanco.
     * mix-blend-mode:multiply hace que el blanco se integre visualmente
     * sobre la fotografía del hero sin alterar el archivo original.
     */
    mix-blend-mode: multiply;
}

.mobile-brand {
    width: 210px;
    height: 72px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.mobile-brand img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
    mix-blend-mode: screen;
}

/* Navegación naranja al estilo de la referencia. */
.desktop-nav {
    display: flex;
    align-items: stretch;
    background: var(--orange);
    clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%);
    padding-left: 16px;
}

.desktop-nav a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 155px;
    color: #fff;
    text-decoration: none;
    font-family: 'Agency', 'Arial Narrow', Arial, sans-serif;
    font-size: 21px;
    font-weight: 700;
    padding: 15px 30px;
    background: var(--orange);
    border-right: 2px solid rgba(255,255,255,.24);
    transform: skew(-12deg);
}

.desktop-nav a:last-child {
    border-right: 0;
}

/* Hero más cercano a la composición del diseño aprobado. */
.hero-image {
    height: 365px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* ========================================================================
   RESPONSIVE DEL LOGO Y CABECERA
   ======================================================================== */

@media (max-width: 991.98px) {
    .site-header {
        padding: 16px 18px;
    }

    .header-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .brand {
        width: 190px;
        height: 55px;
    }

    .desktop-nav {
        display: none;
    }

    .menu-toggle {
        display: block;
        flex: 0 0 auto;
    }
}

@media (max-width: 576px) {
    .site-header {
        padding: 13px 14px;
    }

    .brand {
        width: 165px;
        height: 48px;
    }

    .menu-toggle {
        width: 52px;
        height: 52px;
    }

    .mobile-brand {
        width: 190px;
        height: 66px;
    }
}


/* ========================================================================
   AJUSTE FINAL - LOGO EN MENÚ RESPONSIVE
   Mantiene el logo legible sobre el fondo oscuro del menú móvil.
   ======================================================================== */

@media (max-width: 991.98px) {
    .mobile-brand {
        width: 210px;
        height: 72px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        padding: 8px 14px;
        border-radius: 10px;
        box-shadow: 0 8px 25px rgba(0, 0, 0, .18);
        overflow: hidden;
    }

    .mobile-brand img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
        mix-blend-mode: normal !important;
    }
}

@media (max-width: 576px) {
    .mobile-brand {
        width: 190px;
        height: 66px;
        padding: 7px 12px;
        border-radius: 9px;
    }
}

/* ========================================================================
   AJUSTE FINAL - PLACA DE CONTRASTE PARA LOGO DEL ENCABEZADO
   Mantiene el logo legible sobre cualquier zona de la imagen del hero.
   ======================================================================== */

.brand {
    width: 225px;
    height: 68px;
    padding: 8px 28px 8px 12px;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    overflow: hidden;
    text-decoration: none;

    background: rgba(255, 255, 255, .94);

    clip-path: polygon(
        0 0,
        100% 0,
        90% 100%,
        0 100%
    );

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

    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.brand img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
    mix-blend-mode: normal !important;
}

/* Ajuste de la placa en tablet. */
@media (max-width: 991.98px) {
    .brand {
        width: 205px;
        height: 62px;
        padding: 7px 25px 7px 11px;
    }
}

/* Ajuste de la placa en celulares. */
@media (max-width: 576px) {
    .brand {
        width: 180px;
        height: 56px;
        padding: 7px 22px 7px 10px;
    }
}

/* ========================================================================
   AJUSTE FINAL - LOGO SOBRE HERO SIN PLACA
   ======================================================================== */
.site-header { position:absolute; isolation:isolate; }

.site-header::before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0; left:0;
    width:430px; height:115px;
    pointer-events:none;
    background:linear-gradient(90deg,
        rgba(255,255,255,.90) 0%,
        rgba(255,255,255,.68) 38%,
        rgba(255,255,255,.28) 68%,
        rgba(255,255,255,0) 100%);
}

.brand {
    width:205px;
    height:58px;
    padding:0 !important;
    background:transparent !important;
    clip-path:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    overflow:visible;
}

.brand img {
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:left center;
    mix-blend-mode:normal !important;
}

@media (max-width:991.98px) {
    .site-header::before {
        width:330px;
        height:95px;
        background:linear-gradient(90deg,
            rgba(255,255,255,.92) 0%,
            rgba(255,255,255,.62) 48%,
            rgba(255,255,255,0) 100%);
    }
    .brand { width:190px; height:55px; }
}

@media (max-width:576px) {
    .site-header::before { width:270px; height:82px; }
    .brand { width:165px; height:48px; }
}

/* ========================================================================
   CABECERA CORPORATIVA FINAL
   Logo fuera de la fotografía: franja blanca independiente.
   ======================================================================== */

.site-header.header-white {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 50;
    width: 100%;
    padding: 14px 0 !important;
    background: #ffffff !important;
    box-shadow: 0 2px 14px rgba(0,0,0,.08);
    isolation: auto !important;
}

.site-header.header-white::before,
.site-header.header-white::after {
    content: none !important;
    display: none !important;
}

.header-white .header-inner {
    max-width: 1180px;
    min-height: 68px;
    margin: 0 auto;
    padding-left: 18px;
    padding-right: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.header-white .brand {
    width: 215px !important;
    height: 62px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    background: transparent !important;
    clip-path: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

.header-white .brand img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
    mix-blend-mode: normal !important;
}

/* Menú naranja, separado visualmente del logo. */
.header-white .desktop-nav {
    display: flex;
    align-items: stretch;
    margin-left: auto;
    padding: 0 18px;
    background: var(--orange);
    clip-path: polygon(3% 0,100% 0,97% 100%,0 100%);
}

.header-white .desktop-nav a {
    min-width: 150px;
    padding: 16px 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: transparent;
    border-right: 1px solid rgba(255,255,255,.28);
    text-decoration: none;
    font-family: 'Agency','Arial Narrow',Arial,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .2px;
    transform: none !important;
}

.header-white .desktop-nav a:last-child {
    border-right: 0;
}

/* El hero ahora comienza debajo del header, no detrás de él. */
.hero-about {
    margin-top: 0 !important;
}

.hero-image {
    height: 365px;
}

/* ========================================================================
   TABLET / MÓVIL
   ======================================================================== */

@media (max-width: 991.98px) {
    .site-header.header-white {
        padding: 10px 0 !important;
    }

    .header-white .header-inner {
        min-height: 62px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .header-white .brand {
        width: 190px !important;
        height: 55px !important;
    }

    .header-white .desktop-nav {
        display: none !important;
    }

    .header-white .menu-toggle {
        display: block;
        position: relative;
        width: 52px;
        height: 52px;
        margin: 0;
        padding: 13px;
        background: var(--orange);
        border: 0;
        border-radius: 4px;
    }

    .header-white .menu-toggle span {
        display: block;
        width: 100%;
        height: 2px;
        margin: 5px 0;
        background: #fff;
    }

    .hero-image {
        height: 300px;
    }
}

@media (max-width: 576px) {
    .site-header.header-white {
        padding: 8px 0 !important;
    }

    .header-white .header-inner {
        min-height: 56px;
        padding-left: 14px;
        padding-right: 14px;
        gap: 16px;
    }

    .header-white .brand {
        width: 165px !important;
        height: 48px !important;
    }

    .header-white .menu-toggle {
        width: 48px;
        height: 48px;
        padding: 11px;
    }

    .hero-image {
        height: 245px;
    }
}


/* HERO PRINCIPAL - IMAGEN COMPLETA SIN RECORTE */
.hero-about {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    line-height: 0;
    background: #fff;
}
.hero-about .hero-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: none !important;
}
@media (max-width: 991.98px) {
    .hero-about .hero-image { width:100%; height:auto !important; min-height:0 !important; }
}
@media (max-width: 576px) {
    .hero-about .hero-image { width:100%; height:auto !important; min-height:0 !important; }
}

/* ========================================================================
   TIPOGRAFÍAS CORPORATIVAS DEFINITIVAS
   AGENCY = títulos, navegación y llamados a la acción
   ACUMIN = textos generales, formularios y datos
   ======================================================================== */

html,
body,
body * {
    font-family: 'Acumin', Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title-block h1,
.section-label,
.products-hero h2,
.product-body h3,
.product-card h3,
.product-detail h1,
.contact h2 {
    font-family: 'Agency', 'Arial Narrow', Arial, sans-serif !important;
    font-weight: 700;
}

.desktop-nav a,
.mobile-menu nav a,
.search-row button,
.orange-button,
.product-body a,
.search-panel > label,
.product-code,
.eyebrow {
    font-family: 'Agency', 'Arial Narrow', Arial, sans-serif !important;
    font-weight: 700;
}

p,
span,
small,
label,
input,
textarea,
select,
option,
button,
a,
li,
td,
th,
strong,
em,
.catalog-intro,
.search-hints,
.search-status,
.product-body,
.product-body p,
.detail-code,
.detail-code strong,
.detail-code small,
.description,
.description small,
.contact small,
.contact a,
footer,
footer a,
.back-link {
    font-family: 'Acumin', Arial, sans-serif !important;
}

input::placeholder,
textarea::placeholder {
    font-family: 'Acumin', Arial, sans-serif !important;
}

/* ========================================================================
   HERO DE PRODUCTOS - IMAGEN COMPLETA SIN RECORTE EN PC
   La imagen de fondo se muestra como <img> real, conservando su proporción.
   ======================================================================== */

.products-hero {
    position: relative;
    padding-top: 90px;
}

.products-visual {
    position: relative;
    width: 100%;
    height: auto !important;
    overflow: hidden;
    background: #fff;
    line-height: 0;
}

.products-bg-image {
    display: block;
    width: 100%;
    height: auto !important;
    max-width: 100%;
    object-fit: contain !important;
    object-position: center center;
}

.box-product {
    position: absolute;
    right: 6%;
    top: 7%;
    height: 86%;
    width: auto;
    max-width: 44%;
    object-fit: contain;
    z-index: 2;
}

/* Anulamos el antiguo fondo CSS para evitar dobles imágenes. */
.products-bg {
    display: none !important;
    background: none !important;
}

@media (max-width: 991.98px) {
    .products-hero {
        padding-top: 65px;
    }

    .products-visual {
        height: auto !important;
    }

    .products-bg-image {
        width: 100%;
        height: auto !important;
    }

    .box-product {
        right: 2%;
        top: 8%;
        height: 82%;
        max-width: 46%;
    }
}

@media (max-width: 576px) {
    .products-hero {
        padding-top: 55px;
    }

    .products-bg-image {
        width: 100%;
        height: auto !important;
    }

    .box-product {
        right: 1%;
        top: 10%;
        height: 78%;
        max-width: 48%;
    }
}

/* ========================================================================
   CORRECCIÓN HEXÁGONO DE PRESTIGIO
   Evita que el hexágono decorativo quede recortado por el borde inferior
   de la sección y se vea incompleto antes del mapa mundial.
   ======================================================================== */

.prestige {
    overflow: visible !important;
}

.hex-prestige-left {
    bottom: 18px !important;
}

/* En escritorios medianos lo mantenemos completamente dentro del viewport. */
@media (max-width: 1299.98px) and (min-width: 992px) {
    .hex-prestige-left {
        left: 18px !important;
        bottom: 18px !important;
    }
}

/* ========================================================================
   SISTEMA DE ESPACIADO Y JUSTIFICACIÓN VISUAL
   Equilibra las separaciones entre secciones en escritorio y móvil.
   Este bloque está al final para prevalecer sobre reglas anteriores.
   ======================================================================== */

:root {
    --space-section-desktop: 64px;
    --space-section-mobile: 44px;
    --space-content-desktop: 30px;
    --space-content-mobile: 22px;
}

/* ---------- ESCRITORIO ---------- */

.section-pad {
    padding-top: var(--space-section-desktop) !important;
    padding-bottom: var(--space-section-desktop) !important;
}

/* Quiénes somos */
.about-section {
    padding-top: 62px !important;
    padding-bottom: 58px !important;
}

.about-section .title-block {
    margin-bottom: 26px;
}

.about-section .title-block .orange-rule {
    margin-bottom: 0;
}

.about-section .row {
    --bs-gutter-x: 46px;
    --bs-gutter-y: 28px;
}

.about-section p,
.prestige p,
.paraguay p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.8;
}

/* Flechas decorativas: ya no generan huecos negativos/inconsistentes */
.scroll-marker {
    margin-top: 34px !important;
    margin-bottom: 0 !important;
}

.marker-left {
    margin-top: 30px !important;
    margin-bottom: 0 !important;
}

/* Prestigio */
.prestige {
    padding-top: 58px !important;
    padding-bottom: 54px !important;
}

.prestige > .maxlev-container > .orange-rule {
    margin-bottom: 28px;
}

.prestige .row {
    --bs-gutter-x: 38px;
    --bs-gutter-y: 28px;
}

.prestige .section-label,
.paraguay .section-label {
    margin-bottom: 16px;
}

/* Mapa mundial */
.world-section {
    padding-top: 28px !important;
    padding-bottom: 52px !important;
}

/* Paraguay */
.paraguay {
    padding-top: 48px !important;
    padding-bottom: 64px !important;
}

.paraguay .row {
    --bs-gutter-x: 36px;
    --bs-gutter-y: 28px;
}

.paraguay .decor-line {
    margin-bottom: 24px;
}

/* Productos */
.products-hero {
    padding-top: 58px !important;
}

.products-hero h2 {
    margin-top: 22px !important;
    margin-bottom: 0 !important;
}

.catalog {
    padding-top: 52px !important;
    padding-bottom: 76px !important;
}

.catalog-intro {
    margin-top: 0;
    margin-bottom: 30px !important;
}

.search-status {
    min-height: 38px;
    padding-top: 18px;
}

.product-grid {
    margin-top: 8px;
}

/* Contacto */
.contact {
    padding-top: 62px !important;
    padding-bottom: 62px !important;
}

.contact h2 {
    margin-top: 10px;
    margin-bottom: 0;
}

footer {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

/* ---------- TABLET ---------- */

@media (max-width: 991.98px) {
    .section-pad {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .about-section {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    .prestige {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    .world-section {
        padding-top: 22px !important;
        padding-bottom: 44px !important;
    }

    .paraguay {
        padding-top: 44px !important;
        padding-bottom: 52px !important;
    }

    .products-hero {
        padding-top: 48px !important;
    }

    .catalog {
        padding-top: 48px !important;
        padding-bottom: 60px !important;
    }

    .contact {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
}

/* ---------- CELULAR ---------- */

@media (max-width: 576px) {
    .maxlev-container {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    .section-pad {
        padding-top: var(--space-section-mobile) !important;
        padding-bottom: var(--space-section-mobile) !important;
    }

    /* La portada enlaza con el contenido sin un vacío exagerado */
    .about-section {
        padding-top: 40px !important;
        padding-bottom: 42px !important;
    }

    .about-section .title-block {
        margin-bottom: 22px;
    }

    .about-section .title-block h1 {
        margin-bottom: 14px !important;
    }

    .about-section .title-block p {
        margin-top: 0 !important;
        margin-bottom: 12px !important;
        line-height: 1.5;
    }

    .about-section .title-block .orange-rule {
        margin-bottom: 0 !important;
    }

    /* Bootstrap g-5 generaba demasiado espacio entre los dos párrafos */
    .about-section .row {
        --bs-gutter-y: 20px;
    }

    .prestige .row,
    .paraguay .row {
        --bs-gutter-y: 24px;
    }

    .about-section p,
    .prestige p,
    .paraguay p {
        line-height: 1.72;
        margin-bottom: 0;
        text-align: left;
    }

    .scroll-marker,
    .marker-left {
        margin: 28px auto 0 !important;
    }

    .prestige {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }

    .prestige > .maxlev-container > .orange-rule {
        margin-bottom: 22px;
    }

    .prestige .section-label,
    .paraguay .section-label {
        margin-bottom: 14px;
    }

    .world-section {
        padding-top: 18px !important;
        padding-bottom: 38px !important;
    }

    .paraguay {
        padding-top: 38px !important;
        padding-bottom: 46px !important;
    }

    .paraguay .decor-line {
        margin-bottom: 20px;
    }

    .products-hero {
        padding-top: 42px !important;
    }

    .products-hero h2 {
        margin-top: 18px !important;
        margin-bottom: 0 !important;
    }

    .catalog {
        padding-top: 42px !important;
        padding-bottom: 54px !important;
    }

    .catalog-intro {
        margin-bottom: 24px !important;
        line-height: 1.65;
    }

    .search-panel label {
        margin-bottom: 11px;
    }

    .search-status {
        min-height: 30px;
        padding-top: 14px;
    }

    .product-grid {
        margin-top: 6px;
    }

    .product-grid > [class*="col-"] {
        margin-bottom: 4px;
    }

    .contact {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    .contact h2 {
        margin-top: 8px;
        line-height: 1.05;
    }

    .contact a {
        margin-top: 22px !important;
    }

    footer {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    footer .container {
        gap: 12px;
        flex-wrap: wrap;
    }
}

/* ========================================================================
   AJUSTE VISUAL - SEPARACIÓN ENTRE HEXÁGONO CENTRAL Y FLECHA NARANJA
   Se desplaza ÚNICAMENTE la flecha hacia abajo. El hexágono no se mueve.
   translateY no altera el flujo ni la posición del hexágono.
   ======================================================================== */
@media (min-width: 992px) {
    .about-section .scroll-marker {
        transform: translateY(52px) !important;
    }
}


/* ========================================================================
   ALINEACIÓN DEFINITIVA DE LAS FLECHAS NARANJAS
   Ambas flechas quedan exactamente centradas horizontalmente.
   ======================================================================== */
@media (min-width: 992px) {
    .about-section .scroll-marker,
    .prestige .scroll-marker,
    .prestige .marker-left {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* La flecha de "Quiénes somos" conserva la separación del hexágono. */
    .about-section .scroll-marker {
        transform: translateY(52px) !important;
    }

    /* Anula el antiguo margin-left:40% de la segunda flecha. */
    .prestige .marker-left {
        transform: none !important;
    }
}



/* ========================================================================
   RITMO VERTICAL DEFINITIVO
   Objetivo:
   - mantener separaciones visuales consistentes entre todas las secciones;
   - acercar la imagen de PRODUCTOS a la sección anterior en móvil;
   - separar claramente la imagen de PRODUCTOS de su título;
   - conservar proporciones equilibradas también en escritorio.
   ======================================================================== */

/* ------------------------- ESCRITORIO ------------------------- */

@media (min-width: 992px) {
    /* Separación uniforme de bloques principales */
    .about-section {
        padding-top: 56px !important;
        padding-bottom: 62px !important;
    }

    .prestige {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }

    .world-section {
        padding-top: 32px !important;
        padding-bottom: 44px !important;
    }

    .paraguay {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }

    /* La imagen de productos comienza con un espacio equivalente
       al resto de las transiciones entre secciones. */
    .products-hero {
        padding-top: 44px !important;
    }

    /* Más aire entre la imagen y el título PRODUCTOS MAXLEV. */
    .products-hero h2 {
        margin-top: 32px !important;
        margin-bottom: 0 !important;
    }

    .catalog {
        padding-top: 48px !important;
        padding-bottom: 64px !important;
    }

    .contact {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }
}

/* ------------------------- TABLET ------------------------- */

@media (min-width: 577px) and (max-width: 991.98px) {
    .about-section {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }

    .prestige {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }

    .world-section {
        padding-top: 26px !important;
        padding-bottom: 36px !important;
    }

    .paraguay {
        padding-top: 36px !important;
        padding-bottom: 30px !important;
    }

    .products-hero {
        padding-top: 24px !important;
    }

    .products-hero h2 {
        margin-top: 28px !important;
        margin-bottom: 0 !important;
    }

    .catalog {
        padding-top: 42px !important;
        padding-bottom: 54px !important;
    }

    .contact {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }
}

/* ------------------------- CELULAR ------------------------- */

@media (max-width: 576px) {
    /*
     * Base de separación móvil:
     * alrededor de 32-38px entre bloques relacionados.
     * Se evita acumular padding-bottom + padding-top excesivos.
     */

    .about-section {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }

    .prestige {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }

    .world-section {
        padding-top: 22px !important;
        padding-bottom: 32px !important;
    }

    .paraguay {
        padding-top: 32px !important;
        padding-bottom: 18px !important;
    }

    /*
     * Este era el hueco grande de la captura:
     * antes Paraguay aportaba 46px abajo y Productos otros 42px arriba.
     * Ahora la transición completa queda compacta y coherente.
     */
    .products-hero {
        padding-top: 16px !important;
    }

    /*
     * La imagen queda arriba, pero el título no queda pegado a ella.
     * Se agrega aire visual solamente DESPUÉS de la imagen.
     */
    .products-hero h2 {
        margin-top: 30px !important;
        margin-bottom: 0 !important;
        padding-left: 22px;
        padding-right: 22px;
    }

    .catalog {
        padding-top: 38px !important;
        padding-bottom: 48px !important;
    }

    .catalog-intro {
        margin-bottom: 26px !important;
    }

    .contact {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }

    /* Mantener bloques internos con una separación regular */
    .about-section .title-block {
        margin-bottom: 22px !important;
    }

    .about-section .row,
    .prestige .row,
    .paraguay .row {
        --bs-gutter-y: 22px;
    }

    .prestige .section-label,
    .paraguay .section-label {
        margin-bottom: 14px !important;
    }

    .scroll-marker,
    .marker-left {
        margin-top: 28px !important;
    }
}