/* Brokers & Co. — estilos globales. Paleta: negro carbón, marfil y dorado. */
:root{--black:#171514;
    --black-soft:#211e1b;
    --gold:#d9b45b;
    --gold-light:#f0d995;
    --cream:#f5f1e8;
    --paper:#fffdf8;
    --muted:#a9a39a;
    --line:rgba(217,180,91,.35);
    --serif:'Playfair Display',Georgia,serif;
    --sans:'DM Sans',Arial,sans-serif;
    --wrap:1180px}
*{box-sizing:border-box}
html{
    scroll-behavior:smooth;
    scroll-padding-top:90px}
body{
    margin:0;
    background:var(--paper);
    color:var(--black);
    font-family:var(--sans);
    
    line-height:1.65}
    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}
    .topline{
        min-height:32px;padding:7px max(5vw,calc((100vw - var(--wrap))/2));
        background:#100f0e;
        color:var(--gold);
        display:flex;
        justify-content:space-between;
        gap:20px;font-size:9px;
        letter-spacing:1.6px}
        
    .site-header{
        height:100px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:0 max(5vw,calc((100vw - var(--wrap))/2));
        background:var(--black);
        color:white;
        border-bottom:1px solid var(--line);
        position:sticky;top:0;z-index:20}
    .brand{
        display:flex;
        align-items:center;
        gap:12px}
    .brand img{
        width:60px;
        height:auto;
        object-fit:contain}
    .brand-name,.footer-brand span{
        font-family:var(--serif);
        font-size:19px;
        letter-spacing:1.4px;
        color:var(--gold)}
    .brand-name b,.footer-brand b{
        font-weight:500;
        display:block;
        font-size:14px;letter-spacing:3px}
    .main-nav{
        display:flex;
        align-items:center;
        gap:34px;
        font-size:12px;
        color:#e8e3da}
    .main-nav>a:not(.nav-cta){
        transition:color .2s}
    .main-nav>a:hover{
        color:var(--gold)}
    .nav-cta{
        border:1px solid var(--gold);
        padding:12px 17px;
        color:var(--gold)}
        
    .nav-cta span{margin-left:12px}
    .menu-toggle{
        display:none;
        background:none;
        border:0;
        color:var(--gold);
        font-size:27px}
        .hero{
            background:var(--black);
            color:white;
            display:grid;
            grid-template-columns:1.02fr .98fr;
            grid-template-rows:minmax(510px,67vh) 54px;
            padding:0 max(5vw,calc((100vw - var(--wrap))/2));
            position:relative}
        .hero-copy{padding:65px 5.5% 48px 0;display:flex;
                align-items:flex-start;
                justify-content:center;
                flex-direction:column}
            .eyebrow{
                font-size:10px;
                font-weight:700;
                letter-spacing:2px;
                color:#a18b5b;
                margin:0 0 20px}
            .eyebrow-line{
                display:inline-block;
                width:30px;
                height:1px;
                background:var(--gold);
                vertical-align:middle;
                margin-right:10px}
                .hero h1,.intro h2,.products h2,.approach h2,.contact h2{
                    font-family:var(--serif);
                    font-weight:500;
                    letter-spacing:-1.5px;
                    line-height:1.13;
                    margin:0}
                    .hero h1{
                        font-size:clamp(40px,5vw,68px)}
                        h1 em,h2 em,.statement em{font-weight:500;color:var(--gold);
                        font-style:italic}
                    .hero-lead{
                        max-width:510px;
                        color:#c6c0b7;
                        font-size:15px;
                        line-height:1.9;
                        margin:25px 0 28px}
                    .hero-actions{
                        display:flex;
                        align-items:center;
                        gap:27px;
                        flex-wrap:wrap}
                    .button{
                        display:inline-flex;
                        align-items:center;
                        justify-content:space-between;
                        gap:26px;
                        padding:15px 20px;
                        border:0;
                        cursor:pointer;
                        font-weight:700;
                        font-size:11px;
                        letter-spacing:.2px}
                    .button-gold{
                        background:var(--gold);
                        color:#191613;
                        transition:background .2s,transform .2s}
                    .button-gold:hover{
                        background:var(--gold-light);
                        transform:translateY(-2px)}
                    .text-link{
                        font-size:11px;
                        font-weight:700;
                        color:#e9e3d8;
                        border-bottom:1px solid #81765f;
                        padding-bottom:5px}
                    .text-link span{
                        margin-left:9px;color:var(--gold)}
                    .hero-note{
                        display:flex;
                        gap:13px;
                        align-items:center;
                        max-width:390px;
                        border-top:1px solid #39332a;
                        margin-top:45px;
                        padding-top:20px;
                        color:#a9a39a;
                        font-size:10px;
                        line-height:1.8}
                    .note-mark{
                        font-size:21px;
                        color:var(--gold)}
                    .hero-art{position:relative;
                        margin:26px 0 26px 15px;
                        overflow:hidden;
                        background:linear-gradient(180deg,rgba(28,21,12,.05),rgba(19,17,15,.65)),
                        url('https://images.unsplash.com/photo-1506377247377-2a5b3b417ebb?auto=format&fit=crop&w=1200&q=85') center/cover no-repeat;
                        min-height:430px}
                    .art-overlay{
                        position:absolute;
                        inset:0;
                        background:linear-gradient(130deg,transparent 20%,rgba(18,15,12,.25) 80%)}
                    .art-label{
                        position:absolute;
                        left:30px;
                        bottom:34px;
                        display:flex;
                        flex-direction:column;
                        gap:4px}
                    .art-label span,.art-stamp{font-size:9px;letter-spacing:2px;color:var(--gold-light)}.art-label b{font-family:var(--serif);font-size:24px;font-weight:500}.art-stamp{position:absolute;right:25px;top:25px;width:82px;height:82px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;text-align:center;line-height:1.35}.stamp-rule{height:1px;width:30px;background:var(--gold)}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #383129;color:#8c8579;font-size:9px;letter-spacing:1.5px}.hero-bottom a{font-size:18px;color:var(--gold)}.section-pad{padding:100px max(5vw,calc((100vw - var(--wrap))/2))}.section-index{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#716b60;margin-bottom:35px}.section-index span{color:var(--gold);padding:0 7px}.intro{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:35px;align-items:start;background:var(--paper)}.intro .section-index{grid-column:1/-1;margin-bottom:0}.intro-content .eyebrow,.products .eyebrow,.contact .eyebrow{margin-bottom:17px}.intro h2,.products h2,.approach h2,.contact h2{font-size:clamp(34px,4vw,51px)}.intro h2 em,.products h2 em,.approach h2 em,.contact h2 em{color:#9f7b31}.intro-text{padding-top:34px;color:#625d55;font-size:12px;line-height:1.95}.intro-text p{margin:0 0 15px}.dark-link{display:inline-block;color:var(--black);margin-top:12px}.products{background:var(--cream)}.products-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:45px}.products-head .section-index{margin-bottom:30px}.products-summary{max-width:340px;color:#6f695f;font-size:12px;line-height:1.9;margin-bottom:5px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product-card{position:relative;min-height:430px;padding:28px 32px 20px;background:var(--black);color:white;overflow:hidden;display:flex;flex-direction:column}.juice-card{background:#29231b}.product-number{font-size:9px;letter-spacing:2px;color:var(--gold)}.product-icon{position:absolute;right:29px;top:49px;width:70px;height:70px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.product-icon svg{width:37px;fill:none;stroke:var(--gold);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.product-content{margin-top:auto;max-width:450px;padding-top:80px}.product-kicker{font-size:9px;letter-spacing:1.5px;color:#b9a16c}.product-card h3{font-family:var(--serif);font-size:34px;font-weight:500;margin:8px 0 12px}.product-card p:not(.product-kicker){font-size:12px;line-height:1.9;color:#c3bdb2;max-width:440px}.card-link{display:inline-block;margin-top:17px;padding-bottom:7px;border-bottom:1px solid var(--gold);font-size:11px;font-weight:700;color:var(--gold)}.card-link span{padding-left:15px}.product-card-foot{display:flex;justify-content:space-between;border-top:1px solid #51473a;margin-top:28px;padding-top:14px;font-size:8px;letter-spacing:1.5px;color:#8e8576}.product-disclaimer{font-size:10px;color:#777066;margin-top:18px}.approach{background:var(--paper)}.approach-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end}.approach-heading>p{max-width:330px;font-size:12px;color:#716b60;line-height:1.9;margin:0 0 5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px}.steps article{border-top:1px solid #d9d1c3;padding-top:20px}.steps article>span{font-size:10px;letter-spacing:2px;color:#a27d2e}.steps h3{font-family:var(--serif);font-size:25px;font-weight:500;margin:20px 0 9px}.steps p{font-size:12px;line-height:1.9;color:#70695f;max-width:310px}.statement{background:var(--black);color:white;text-align:center;padding:74px 20px 70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement-mark{font-family:var(--serif);font-size:65px;line-height:.8;color:var(--gold)}.statement p{font-family:var(--serif);font-size:clamp(25px,3.6vw,42px);line-height:1.4;max-width:820px;margin:20px auto 25px}.statement span{font-size:9px;letter-spacing:2px;color:#a79c89}.contact{display:grid;grid-template-columns:1fr .9fr;gap:90px;background:var(--cream)}.contact-copy .section-index{margin-bottom:36px}.contact-copy>p:not(.eyebrow){max-width:440px;color:#6f695f;font-size:12px;line-height:1.9;margin:24px 0 30px}.contact-detail{display:flex;align-items:center;gap:15px;padding:15px 0;border-top:1px solid #ddd3c0;max-width:410px}.detail-icon{width:35px;height:35px;border:1px solid #d2b96f;color:#9f7b31;display:grid;place-items:center;font-size:17px}.contact-detail div{display:flex;flex-direction:column;gap:2px}.contact-detail small{font-size:8px;letter-spacing:1.6px;color:#8c806b}.contact-detail a,.contact-detail div>span{font-size:12px;font-weight:600}.contact-form{background:white;padding:34px 36px;box-shadow:0 12px 45px rgba(32,25,14,.05)}.form-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #e9e2d6;margin-bottom:20px;font-size:9px;letter-spacing:1.8px;font-weight:700}.gold-dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}.contact-form label{display:block;font-size:10px;font-weight:700;margin:14px 0 7px;color:#4b453c}.contact-form label>span{color:#a27d2e}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{width:100%;border:1px solid #e5dfd4;background:#fffefa;padding:12px 13px;border-radius:0;color:#29251f;font-size:11px;outline:none;transition:border-color .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#b89445}.contact-form textarea{resize:vertical;min-height:105px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.privacy-check{display:flex!important;align-items:flex-start;gap:9px;font-size:9px!important;font-weight:400!important;color:#6c655b!important;line-height:1.5}.privacy-check input{margin:2px 0 0;accent-color:#9f7b31}.submit-button{width:100%;margin-top:15px}.form-note{font-size:9px;color:#8a8377;margin:12px 0 0}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.site-footer{position:relative;background:#100f0e;color:#aaa194;padding:34px max(5vw,calc((100vw - var(--wrap))/2));display:flex;align-items:center;gap:30px;flex-wrap:wrap;border-top:1px solid var(--line)}.footer-brand{display:flex;align-items:center;gap:9px}.footer-brand img{width:34px;height:43px}.footer-brand span{font-size:13px}.footer-brand b{font-size:10px}.site-footer>p{font-size:10px;margin-right:auto}.copyright{font-size:9px;color:#777066}.back-top{position:absolute;right:max(5vw,calc((100vw - var(--wrap))/2));top:-21px;width:42px;height:42px;display:grid;place-items:center;background:var(--gold);color:var(--black);font-size:18px}
@media(max-width:900px){.site-header{height:78px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:77px;left:0;right:0;background:#171514;padding:20px 5vw 25px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a{padding:14px 0}.main-nav .nav-cta{padding:12px 14px;margin-top:8px}.hero{grid-template-columns:1fr;grid-template-rows:auto auto 45px;padding:0 5vw}.hero-copy{padding:70px 0 45px}.hero-art{margin:0 0 20px;min-height:400px}.hero-bottom{grid-row:3}.intro{grid-template-columns:1fr 1fr;gap:22px}.intro .section-index{grid-column:1/-1}.intro-content{grid-column:1/-1}.intro-text{padding-top:0;max-width:560px}.products-head{align-items:flex-start;flex-direction:column;gap:20px}.products-summary{max-width:600px}.contact{gap:45px}.section-pad{padding-top:75px;padding-bottom:75px}}
@media(max-width:600px){.topline{font-size:7px;letter-spacing:.8px;padding:7px 5vw}.topline span:last-child{display:none}.brand-name{font-size:16px}.brand-name b{font-size:11px}.brand img{width:38px;height:50px}.hero{grid-template-rows:auto auto 44px}.hero h1{font-size:43px}.hero-lead{font-size:13px}.hero-note{margin-top:30px}.hero-art{min-height:330px}.art-label{left:20px;bottom:22px}.hero-bottom{font-size:7px;letter-spacing:.7px}.hero-bottom span:nth-child(2){max-width:140px;text-align:center}.section-pad{padding:65px 6vw}.intro{grid-template-columns:1fr}.intro-content,.intro-text{grid-column:1}.intro h2,.products h2,.approach h2,.contact h2{font-size:36px}.intro-text{padding-top:0}.product-grid{grid-template-columns:1fr}.product-card{min-height:400px;padding:24px}.product-icon{width:60px;height:60px;right:23px;top:42px}.product-content{padding-top:75px}.product-card h3{font-size:30px}.approach-heading{flex-direction:column;align-items:flex-start;gap:22px}.steps{grid-template-columns:1fr;gap:22px;margin-top:35px}.steps article{padding-top:15px}.steps h3{margin:12px 0 5px}.contact{grid-template-columns:1fr;gap:35px}.contact-form{padding:26px 20px}.form-row{grid-template-columns:1fr;gap:0}.statement{padding:60px 7vw}.site-footer{padding:30px 6vw;gap:15px}.site-footer>p{width:100%;margin:0}.copyright{padding-right:25px}.back-top{right:6vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Selector de idioma ES / EN */
.language-switch{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:24px;color:#796a4c;font-size:11px}
.lang-btn{border:0;background:transparent;color:#b8b0a2;padding:7px 5px;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:1px}
.lang-btn.active,.lang-btn:hover{color:var(--gold)}
@media(max-width:900px){.language-switch{margin-left:auto;margin-right:14px}.menu-toggle{order:3}}

/* Ajustes de publicación y accesibilidad */
.language-switch { flex-shrink: 0; }
.lang-btn:focus-visible, a:focus-visible, button:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}
.honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
@media (max-width: 900px) {
  .site-header { gap: 12px; }
  .language-switch { margin-left: auto; margin-right: 4px; }
}