@font-face{font-family:AcmeGothic;src:url('../fonts/acme-gothic.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:AcmeGothic;src:url('../fonts/acme-gothic-black.ttf') format('truetype');font-weight:800 900;font-style:normal;font-display:swap}
:root{--red:#d71902;--cream:#f1e5da;--gold:#897246;--green:#3b3d18;--white:#fff;--black:#000;--paper:#f9f4ea;--muted:#d8cdbf;--shadow:0 10px 24px rgba(59,61,24,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--green);font-family:Arial,Helvetica,sans-serif;line-height:1.5}.site-main{min-height:60vh}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:1000;background:var(--green);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.header-inner{max-width:1020px;margin:auto;height:76px;display:grid;grid-template-columns:1fr 112px 1fr;align-items:center;gap:22px;padding:0 22px}.nav-left,.nav-right{display:flex;align-items:center;gap:28px;font-family:AcmeGothic,Arial,sans-serif;font-size:13px;letter-spacing:.08em;font-weight:800}.nav-right{justify-content:flex-start}.nav-left{justify-content:flex-end}.nav-left a,.nav-right a{opacity:.95;position:relative}.nav-left a:hover:after,.nav-right a:hover:after{content:"";height:1px;background:#fff;position:absolute;left:0;right:0;bottom:-7px}.brand{display:flex;justify-content:center}.brand img{width:74px;filter:brightness(0) invert(1)}.nav-sep{height:28px;width:1px;background:rgba(255,255,255,.22);margin-left:8px}.lang,.insta{font-size:12px}.mobile-menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.mobile-menu{display:none;background:var(--green);padding:10px 24px 22px;flex-direction:column;gap:12px;font-family:AcmeGothic}.section-wrap{max-width:1120px;margin:0 auto;padding:0 28px}.cream{background:var(--paper)}.white{background:#fff}.hero-home{background:var(--green);padding:50px 20px 58px;text-align:center}.hero-video-frame{max-width:1010px;margin:0 auto 38px;border:1px solid rgba(241,229,218,.55);padding:8px;position:relative}.hero-video-frame:before,.hero-video-frame:after{content:"";position:absolute;width:18px;height:18px;border-color:var(--cream)}.hero-video-frame:before{left:-8px;top:-8px;border-left:2px solid;border-top:2px solid}.hero-video-frame:after{right:-8px;bottom:-8px;border-right:2px solid;border-bottom:2px solid}.hero-video-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 34px;border-radius:0;font-family:AcmeGothic,Arial,sans-serif;font-weight:800;letter-spacing:.15em;font-size:14px;transition:.2s ease;border:1px solid transparent}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn-light{background:#fff;color:var(--green);min-width:310px}.btn-outline{border-color:var(--green);background:transparent;color:var(--green);padding:12px 30px}.btn-green{background:var(--green);color:#fff}.btn-red{background:var(--red);color:#fff}.btn-light-outline{border-color:#fff;color:#fff;background:transparent}.collection-section{padding:88px 0 104px;text-align:center}.collection-section h2,.family-section h2,.values-section h2{font-family:AcmeGothic,Arial,sans-serif;font-size:52px;line-height:1.02;margin:0 0 50px;font-weight:800;letter-spacing:-.02em}.ornament{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;max-width:760px;margin:0 auto 42px;color:#d6cabc}.ornament span{height:1px;background:currentColor}.ornament b{font-size:13px}.ornament.light{color:rgba(255,255,255,.45)}.ornament.red b{color:var(--red)}.ornament.small{margin:20px 0 30px;max-width:520px}.eyebrow{font-family:AcmeGothic,Arial,sans-serif;letter-spacing:.07em;font-weight:800;font-size:18px;color:#737557;max-width:700px;margin:0 auto 55px;text-transform:uppercase}.product-zone{margin:0 auto 55px;max-width:780px}.woocommerce ul.products,.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:#fff;box-shadow:var(--shadow);text-align:left;padding-bottom:18px;position:relative}.woocommerce ul.products li.product a img{margin:0 0 15px!important;aspect-ratio:4/5;object-fit:cover;background:#eee}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:AcmeGothic;font-size:16px!important;line-height:1.05;padding:0 18px!important;color:var(--green);text-transform:uppercase}.woocommerce ul.products li.product .price{padding:0 18px;color:var(--gold)!important}.woocommerce ul.products li.product .button{margin:10px 18px 0!important;background:var(--green)!important;color:#fff!important;border-radius:0!important;font-size:12px!important}.on36-fallback-products{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.on36-placeholder{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f6f6f6,#ddd);font-family:AcmeGothic;font-size:20px}.on36-product-card{background:#fff;box-shadow:var(--shadow);text-align:left}.on36-product-name{padding:18px;font-family:AcmeGothic;font-weight:800}.basics .on36-fallback-products{grid-template-columns:repeat(2,1fr);max-width:520px;margin:auto}.coming-soon{border:1px dashed #ded5c9;background:rgba(255,255,255,.38);padding:42px;font-family:AcmeGothic;letter-spacing:.14em;color:#8a8a70;font-weight:800}.family-section{padding:90px 0 120px;background:var(--paper);text-align:center;position:relative;overflow:hidden}.family-section:before{content:"ON36";font-family:AcmeGothic;font-size:330px;line-height:1;color:rgba(137,114,70,.06);position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);white-space:nowrap}.family-section .section-wrap{position:relative}.quote-box{max-width:820px;margin:0 auto 40px;background:#fff;border:4px double #d9ccba;padding:42px 55px}.quote-box p{font-size:24px;line-height:1.35;margin:0 0 28px}.quote-box strong{font-family:AcmeGothic;letter-spacing:.13em;color:#74755b}.page-hero{padding:78px 0 82px;text-align:center}.page-hero h1{font-family:AcmeGothic;font-size:72px;line-height:1;margin:0 0 50px}.page-hero p{font-family:Georgia,serif;font-size:19px}.green-hero{background:linear-gradient(180deg,var(--green),#535631);color:var(--paper)}.about-hero{position:relative;overflow:hidden;background:var(--green);color:var(--paper)}.about-watermark{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font-family:Georgia,serif;font-weight:900;font-size:420px;color:rgba(241,229,218,.25);line-height:.8}.about-hero .section-wrap{position:relative}.about-intro{padding:115px 24px;background:#fff}.story-box{max-width:760px;margin:auto;background:var(--paper);border:4px double #d9ccba;padding:38px 44px;font-family:Georgia,serif;font-size:18px;line-height:1.65}.story-box p:last-child{font-family:Arial,sans-serif;font-size:16px;color:#68694f}.heart-section{padding:95px 20px}.heart-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.founders-placeholder{min-height:660px;background:linear-gradient(135deg,#171717,#3d3d3d);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:AcmeGothic;letter-spacing:.12em}.heart-copy h2{font-family:AcmeGothic;font-size:44px;margin:0;color:var(--green)}.heart-copy p{font-size:17px;color:#5f614a}.heart-copy blockquote{margin:30px 0 0;background:var(--red);color:#fff;padding:30px 34px;font-family:Georgia,serif;font-style:italic;font-size:19px;border-radius:6px;box-shadow:var(--shadow)}.values-section{padding:100px 0 120px;background:#fff;text-align:center}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:930px;margin:50px auto 0}.values-grid article{background:var(--paper);border:4px double #d9ccba;padding:28px 28px 34px}.icon-circle{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:30px}.values-grid h3{font-family:AcmeGothic;font-size:22px}.values-grid p{color:#77785f}.join-section{padding:95px 24px;text-align:center;background:linear-gradient(#eb1a08,#ff3727);color:#fff}.join-section h2{font-family:AcmeGothic;font-size:50px;margin:0 0 12px}.join-section p{font-family:Georgia,serif;font-size:18px;margin-bottom:34px}.contact-section{padding:100px 20px}.contact-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-card{background:#fff;border:4px double #d9ccba;padding:28px 34px}.contact-card h2{font-family:AcmeGothic;font-size:27px;margin-top:0}.contact-card label{display:block;font-family:AcmeGothic;font-size:12px;margin:18px 0 7px}.contact-card input,.contact-card textarea{width:100%;border:1px solid #d8c8b6;background:#fffaf0;padding:12px;border-radius:4px;font:inherit}.contact-card button{width:100%;margin-top:16px}.contact-card a{color:var(--red)}.contact-side{display:grid;gap:28px}.hours p{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:12px}.community-section,.lookbook-section{padding:100px 0 95px;text-align:center;min-height:720px}.community-section h1,.lookbook-section h1{font-family:AcmeGothic;font-size:48px;margin-bottom:5px}.hashtag{font-family:AcmeGothic;font-weight:800;margin:28px 0 55px}.community-cta{max-width:900px;margin:0 auto 55px;background:var(--red);color:#fff;padding:30px;border-radius:6px;box-shadow:var(--shadow)}.community-cta h2{font-family:AcmeGothic;font-size:28px;margin:0 0 8px}.instagram-box,.lookbook-placeholder{max-width:900px;margin:0 auto;background:#fff;border:4px double #d9ccba;padding:30px 40px}.big-insta,.camera{font-size:42px;color:#d8cabb}.instagram-box h2{font-family:AcmeGothic}.lookbook-placeholder{margin-top:55px;margin-bottom:55px;font-family:Georgia,serif;font-size:20px;color:#7a7b61}.camera{color:var(--red);margin-bottom:10px}.shop-body{padding:90px 20px 120px}.shop-wrap{max-width:850px}.woocommerce-page-wrap{padding:70px 0}.generic-page{padding:100px 0;min-height:60vh}.site-footer{background:var(--green);color:#fff;padding:58px 0}.footer-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 180px 1fr;align-items:center;gap:40px;padding:0 28px}.footer-col{display:flex;flex-direction:column;gap:10px;font-family:AcmeGothic;letter-spacing:.08em;font-size:14px}.footer-right{text-align:right}.footer-logo img{filter:brightness(0) invert(1);width:110px;display:block;margin:auto}.form-status{padding:10px;background:#f6eedf}
@media(max-width:900px){.header-inner{grid-template-columns:1fr 90px 1fr}.nav-left,.nav-right{display:none}.mobile-menu-toggle{display:block;justify-self:end}.brand{grid-column:2}.mobile-menu.open{display:flex}.collection-section h2,.family-section h2,.values-section h2{font-size:40px}.page-hero h1{font-size:52px}.heart-grid,.contact-grid{grid-template-columns:1fr}.founders-placeholder{min-height:480px}.values-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-right{text-align:center}.woocommerce ul.products,.woocommerce-page ul.products,.on36-fallback-products{grid-template-columns:repeat(2,1fr)!important}.about-watermark{font-size:260px}}
@media(max-width:560px){.header-inner{height:64px}.hero-home{padding:25px 12px 38px}.hero-video-frame{margin-bottom:28px}.btn-light{min-width:0;width:100%;max-width:320px}.collection-section{padding:62px 0 75px}.collection-section h2,.family-section h2,.values-section h2,.join-section h2{font-size:34px}.eyebrow{font-size:14px}.quote-box{padding:30px 22px}.quote-box p{font-size:19px}.page-hero h1{font-size:42px}.page-hero{padding:60px 0}.heart-copy h2{font-size:34px}.contact-card{padding:22px 20px}.woocommerce ul.products,.woocommerce-page ul.products,.on36-fallback-products{grid-template-columns:1fr!important}.footer-inner{padding:0 20px}.community-section,.lookbook-section{padding:70px 0}.community-section h1,.lookbook-section h1{font-size:38px}}
/* ========================================
   ON36 - AJUSTES VISUALES APROBACIÓN DISEÑO
   ======================================== */

.ornament,
.ornament.light,
.ornament.small,
.ornament.red {
    display: none !important;
}

.hero-video-frame {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.hero-video-frame::before,
.hero-video-frame::after {
    display: none !important;
    content: none !important;
}

.hero-video-frame video {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
/* ==========================================================
   ON36 - VIDEO COMPLETO SIN RECORTE
   Desktop + Tablet + Mobile
   ========================================================== */

/* Contenedor principal */
.hero.hero-home {
    background: #ffffff !important;
    padding: 18px 0 24px !important;
    margin: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
}

/* Marco del video */
.hero.hero-home .hero-video-frame {
    position: relative !important;

    width: calc(100% - 44px) !important;
    max-width: none !important;

    margin: 0 auto !important;
    padding: 0 !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    border-radius: 12px !important;
    overflow: hidden !important;
}

/* VIDEO: mostrar el archivo completo */
.hero.hero-home .hero-video-frame video {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: none !important;

    aspect-ratio: auto !important;

    object-fit: contain !important;
    object-position: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 12px !important;

    background: #ffffff !important;
}

/* Botón encima del vídeo */
.hero.hero-home .hero-cta {
    position: absolute !important;

    left: 50% !important;
    bottom: 24px !important;

    transform: translateX(-50%) !important;

    z-index: 10 !important;

    margin: 0 !important;
}


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

@media (max-width: 900px) {

    .hero.hero-home {
        padding: 12px 0 18px !important;
    }

    .hero.hero-home .hero-video-frame {
        width: calc(100% - 28px) !important;
        border-radius: 10px !important;
    }

    .hero.hero-home .hero-video-frame video {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        aspect-ratio: auto !important;
        object-fit: contain !important;

        border-radius: 10px !important;
    }

    .hero.hero-home .hero-cta {
        bottom: 18px !important;
    }
}


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

@media (max-width: 560px) {

    .hero.hero-home {
        padding: 8px 0 14px !important;
    }

    .hero.hero-home .hero-video-frame {
        width: calc(100% - 18px) !important;
        border-radius: 8px !important;
    }

    .hero.hero-home .hero-video-frame video {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        aspect-ratio: auto !important;

        object-fit: contain !important;
        object-position: center !important;

        border-radius: 8px !important;
    }

    .hero.hero-home .hero-cta {
        left: 50% !important;
        bottom: 14px !important;

        transform: translateX(-50%) !important;

        width: auto !important;
        max-width: calc(100% - 30px) !important;

        white-space: nowrap !important;
    }
}

/* ==========================================================
   ON36 - CONTENEDORES REDONDEADOS
   COHERENCIA VISUAL GENERAL
   ========================================================== */

:root {
    --on36-radius: 12px;
}


/* ==========================================================
   HOME
   ========================================================== */

/* Próximamente nuevos accesorios */
.coming-soon {
    border-radius: var(--on36-radius) !important;
    overflow: hidden !important;
}


/* Recuadro The Family Behind The Brand */
.quote-box {
    border-radius: var(--on36-radius) !important;
    overflow: hidden !important;
}


/* Productos */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.on36-product-card {
    border-radius: var(--on36-radius) !important;
    overflow: hidden !important;
}


/* ==========================================================
   ABOUT ON36
   ========================================================== */

/* Historia / texto principal */
.story-box {
    border-radius: var(--on36-radius) !important;
    overflow: hidden !important;
}


/* Fotografía / placeholder fundadores */
.founders-placeholder {
    border-radius: var(--on36-radius) !important;
    overflow: hidden !important;
}


/* Cita de El corazón de ON36 */
.heart-copy blockquote {
    border-radius: var(--on36-radius) !important;
    overflow: hidden !important;
}


/* Tarjetas de Nuestros Valores */
.values-grid article {
    border-radius: var(--on36-radius) !important;
    overflow: hidden !important;
}


/* ==========================================================
   CONTACTO
   ========================================================== */

.contact-card {
    border-radius: var(--on36-radius) !important;
    overflow: hidden !important;
}


/* Campos del formulario */
.contact-card input,
.contact-card textarea,
.contact-card select {
    border-radius: 8px !important;
}


/* ==========================================================
   COMUNIDAD
   ========================================================== */

.community-cta {
    border-radius: var(--on36-radius) !important;
    overflow: hidden !important;
}


.instagram-box {
    border-radius: var(--on36-radius) !important;
    overflow: hidden !important;
}


/* ==========================================================
   LOOKBOOK
   ========================================================== */

.lookbook-placeholder {
    border-radius: var(--on36-radius) !important;
    overflow: hidden !important;
}


/* ==========================================================
   WOOCOMMERCE
   ========================================================== */

/* Imágenes de productos */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
    border-radius: var(--on36-radius) var(--on36-radius) 0 0 !important;
}


/* Botones WooCommerce */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.added_to_cart {
    border-radius: 10px !important;
}


/* ==========================================================
   BOTONES GENERALES ON36
   ========================================================== */

.btn,
.btn-light,
.btn-outline,
.btn-green,
.btn-red,
.btn-light-outline,
button,
input[type="submit"],
input[type="button"] {
    border-radius: 10px !important;
}


/* ==========================================================
   TABLET Y MÓVIL
   Mantener la misma identidad visual
   ========================================================== */

@media (max-width: 900px) {

    .coming-soon,
    .quote-box,
    .story-box,
    .founders-placeholder,
    .heart-copy blockquote,
    .values-grid article,
    .contact-card,
    .community-cta,
    .instagram-box,
    .lookbook-placeholder {
        border-radius: 12px !important;
    }

}


@media (max-width: 560px) {

    .coming-soon,
    .quote-box,
    .story-box,
    .founders-placeholder,
    .heart-copy blockquote,
    .values-grid article,
    .contact-card,
    .community-cta,
    .instagram-box,
    .lookbook-placeholder {
        border-radius: 10px !important;
    }

}

/* ==========================================================
   ON36 - AJUSTE DEFINITIVO DE TIPOGRAFÍAS
   Solo 2 familias visuales:
   Acme Gothic = identidad / títulos
   Arial = textos de lectura
   ========================================================== */


/* ==========================================================
   TEXTOS CORRIDOS / BLOQUES DE LECTURA
   Eliminar serif
   ========================================================== */

.story-box,
.story-box p,
.story-box p:first-child,
.story-box p:last-child,
.quote-box p,
.heart-copy p,
.heart-copy blockquote,
.join-section p,
.page-hero p,
.lookbook-placeholder {
    font-family: Arial, Helvetica, sans-serif !important;
}


/* ==========================================================
   MANTENER TIPOGRAFÍA DE MARCA
   Títulos, navegación y botones
   ========================================================== */

h1,
h2,
h3,
h4,
h5,
h6,
.page-hero h1,
.collection-section h2,
.family-section h2,
.values-section h2,
.heart-copy h2,
.join-section h2,
.community-section h1,
.lookbook-section h1,
.community-cta h2,
.instagram-box h2,
.nav-left,
.nav-right,
.mobile-menu,
.btn,
button,
.button {
    font-family: AcmeGothic, Arial, sans-serif !important;
}

/* ON36 — marca de agua SVG en HOME y ABOUT */

.family-section,
.about-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.family-section::before,
.about-hero > .about-watermark {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: none;
    margin: 0;
    z-index: 0;
    pointer-events: none;

    background: var(--gold);
    opacity: 0.12;

    -webkit-mask: url("../images/logotipo-on36.svg")
        center / contain no-repeat;
    mask: url("../images/logotipo-on36.svg")
        center / contain no-repeat;
}

.family-section::before {
    content: "";
}

.about-hero > .about-watermark {
    background: var(--cream);
    opacity: 0.20;
}

.family-section > .section-wrap,
.about-hero > .section-wrap {
    position: relative;
    z-index: 1;
}

/* ==========================================================
   ON36 - BOTÓN DE SONIDO DEL VIDEO
   ========================================================== */

.hero-video-frame {
    position: relative !important;
}

.video-sound-toggle {
    position: absolute !important;
    right: 18px !important;
    bottom: 18px !important;
    z-index: 10 !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    padding: 9px 14px !important;

    background: rgba(0, 0, 0, 0.58) !important;
    color: #ffffff !important;

    border: 1px solid rgba(255,255,255,0.35) !important;
    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;

    cursor: pointer !important;

    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;

    transition:
        background 0.25s ease,
        transform 0.25s ease,
        opacity 0.25s ease !important;
}

.video-sound-toggle:hover {
    background: rgba(0, 0, 0, 0.78) !important;
    transform: translateY(-1px) !important;
}

.video-sound-toggle .sound-icon {
    font-size: 14px !important;
    line-height: 1 !important;
}

@media (max-width: 560px) {

    .video-sound-toggle {
        right: 10px !important;
        bottom: 10px !important;
        padding: 8px 11px !important;
        font-size: 10px !important;
    }

    .video-sound-toggle .sound-text {
        display: none !important;
    }

}