@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400&display=swap");:root{--bg:#f5f5f7;--bg-alt:#fff;--bg-dark:#1d1d1f;--text:#1d1d1f;--text-muted:#6e6e73;--text-light:#aeaeb2;--accent:#1db954;--accent-dark:#158a3e;--accent-glow:rgba(29,185,84,.2);--white:#fff;--border:rgba(0,0,0,.08);--border-light:hsla(0,0%,100%,.6);--glass:hsla(0,0%,100%,.72);--glass-dark:rgba(29,29,31,.72);--radius-sm:8px;--radius:16px;--radius-lg:24px;--shadow:0 2px 20px rgba(0,0,0,.07);--shadow-md:0 8px 40px rgba(0,0,0,.1);--shadow-lg:0 32px 80px rgba(0,0,0,.14);--font:"Montserrat",-apple-system,sans-serif;--max-w:1200px;--nav-height:52px;--color-accent:#1db954;--color-text-muted:hsla(0,0%,100%,.55);--color-bg-alt:#1d1d1f;--color-bg-card:hsla(0,0%,100%,.04);--color-border:hsla(0,0%,100%,.08);--surface-dark:#000;--ink-inverse:#fff;--ink-inverse-muted:hsla(0,0%,100%,.55);--ink-inverse-faint:hsla(0,0%,100%,.35);--surface-invert:#1d1d1f;--ink-on-invert:#fff;--service-card-bg:hsla(0,0%,100%,.6);--service-card-border:hsla(0,0%,100%,.85);--nav-bg-scrolled:rgba(245,245,247,.85);--nav-overlay-bg:rgba(245,245,247,.82);--nav-panel-bg:hsla(0,0%,100%,.7);--nav-panel-border:hsla(0,0%,100%,.9);--nav-link-muted:rgba(29,29,31,.35);--nav-contacts-muted:rgba(29,29,31,.3);--nav-burger-bg:rgba(0,0,0,.05);--footer-copyright:hsla(0,0%,100%,.2);--nav-logo-url:url(/brand/logo-broki-negro.png);--footer-logo-url:url(/brand/logo-broki-blanco.png);--sv-hero-sub:hsla(0,0%,100%,.5);--sv-callout-bg:hsla(0,0%,100%,.04);--sv-callout-border:hsla(0,0%,100%,.12);--sv-callout-text:hsla(0,0%,100%,.75);--sv-chip-bg:hsla(0,0%,100%,.05);--sv-chip-border:hsla(0,0%,100%,.1);--sv-chip-text:hsla(0,0%,100%,.6);--sv-cta-sub:hsla(0,0%,100%,.45)}html[data-theme=dark]{--bg:#000;--bg-alt:#141416;--bg-dark:#000;--text:#f5f5f7;--text-muted:hsla(0,0%,100%,.6);--text-light:hsla(0,0%,100%,.4);--white:#141416;--border:hsla(0,0%,100%,.1);--border-light:hsla(0,0%,100%,.6);--glass:rgba(20,20,22,.72);--glass-dark:rgba(20,20,22,.72);--color-accent:#1db954;--color-text-muted:hsla(0,0%,100%,.55);--color-bg-alt:#141416;--color-bg-card:hsla(0,0%,100%,.04);--color-border:hsla(0,0%,100%,.08);--surface-dark:#000;--ink-inverse:#fff;--ink-inverse-muted:hsla(0,0%,100%,.55);--ink-inverse-faint:hsla(0,0%,100%,.35);--surface-invert:#fff;--ink-on-invert:#1d1d1f;--service-card-bg:hsla(0,0%,100%,.06);--service-card-border:hsla(0,0%,100%,.12);--nav-bg-scrolled:rgba(10,10,11,.85);--nav-overlay-bg:rgba(10,10,11,.82);--nav-panel-bg:rgba(20,20,22,.7);--nav-panel-border:hsla(0,0%,100%,.12);--nav-link-muted:hsla(0,0%,100%,.35);--nav-contacts-muted:hsla(0,0%,100%,.3);--nav-burger-bg:hsla(0,0%,100%,.06);--nav-logo-url:url(/brand/logo-broki-blanco.png)}html[data-theme=light]{--bg:#f5f5f7;--bg-alt:#fff;--bg-dark:#fff;--text:#1d1d1f;--text-muted:#6e6e73;--text-light:#aeaeb2;--white:#fff;--border:rgba(0,0,0,.08);--border-light:rgba(0,0,0,.08);--glass:hsla(0,0%,100%,.85);--glass-dark:hsla(0,0%,100%,.85);--color-accent:#1db954;--color-text-muted:#6e6e73;--color-bg-alt:#fff;--color-bg-card:#f5f5f7;--color-border:rgba(0,0,0,.08);--surface-dark:#fff;--ink-inverse:#1d1d1f;--ink-inverse-muted:#6e6e73;--ink-inverse-faint:#9a9a9e;--footer-copyright:rgba(29,29,31,.35);--footer-logo-url:url(/brand/logo-broki-negro.png);--sv-hero-sub:rgba(29,29,31,.6);--sv-callout-bg:rgba(0,0,0,.03);--sv-callout-border:rgba(0,0,0,.1);--sv-callout-text:rgba(29,29,31,.8);--sv-chip-bg:rgba(0,0,0,.04);--sv-chip-border:rgba(0,0,0,.08);--sv-chip-text:rgba(29,29,31,.65);--sv-cta-sub:hsla(0,0%,100%,.45)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .25s ease,color .25s ease}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font);font-weight:800;line-height:1.05;letter-spacing:-.025em;color:var(--text)}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.skip-link{position:absolute;top:-100px;left:16px;z-index:9999;padding:12px 20px;background:#000;color:#fff;font-family:var(--font);font-size:.85rem;font-weight:700;text-decoration:none;border-radius:8px;transition:top .2s ease}.skip-link:focus{top:16px}.glass{background:var(--glass);border:1px solid var(--border-light);box-shadow:var(--shadow)}.glass,.glass-dark{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.glass-dark{background:var(--glass-dark);border:1px solid hsla(0,0%,100%,.08)}.display{font-size:clamp(3.5rem,9vw,7rem);font-weight:900;letter-spacing:-.03em;line-height:.95}.headline{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.025em;line-height:1.05}.subhead{font-size:clamp(1.2rem,2.5vw,1.7rem);font-weight:600;letter-spacing:-.01em;line-height:1.2}.body-lg{font-size:1.1rem;line-height:1.75;font-weight:400}.body,.body-lg{color:var(--text-muted)}.body{font-size:.95rem;line-height:1.7}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:rgba(29,185,84,.1);color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:100px;border:1px solid rgba(29,185,84,.2);margin-bottom:16px}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);display:block}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:rgba(29,185,84,.1);color:#67fb6e;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:100px;border:1px solid rgba(29,185,84,.25);margin-bottom:16px}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;color:var(--ink-inverse)}.section-subtitle{font-size:1.05rem;color:var(--ink-inverse-muted);line-height:1.7;max-width:560px}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;font-family:var(--font);font-weight:600;font-size:.85rem;letter-spacing:.02em;border:none;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);text-decoration:none;border-radius:100px;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{background:var(--accent-dark);transform:scale(1.02);box-shadow:0 8px 32px rgba(29,185,84,.35)}.btn-secondary{background:var(--glass);border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-secondary:hover{background:#fff;transform:scale(1.02)}.btn-dark{background:var(--bg-dark);color:#fff}.btn-dark:hover{background:#333;transform:scale(1.02)}.btn-ghost{background:transparent;color:var(--accent);font-weight:700;padding:0;letter-spacing:0;font-size:.9rem;border-radius:0}.btn-ghost:hover{gap:12px}.section{padding:100px 0}.section-sm{padding:64px 0}.section-dark{background:var(--bg-dark)}.section-dark,.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4{color:var(--ink-inverse)}.section-dark .body,.section-dark .body-lg{color:var(--ink-inverse-muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media (max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:72px 0}}.nos-historia-grid{grid-template-columns:1.25fr .85fr}@media (max-width:600px){.nos-historia-grid{grid-template-columns:1fr}}.card{background:var(--white);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;box-shadow:var(--shadow)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.card-glass{background:var(--glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}.card-glass:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.fade-up{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-up-delay-1{transition-delay:.1s}.fade-up-delay-2{transition-delay:.2s}.fade-up-delay-3{transition-delay:.3s}.cta-dark{background:linear-gradient(135deg,#0a0f0a,#0d1f0d);border-radius:28px;padding:40px 48px;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(29,185,84,.12)}.cta-dark-glow{position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(29,185,84,.12) 0,transparent 70%);pointer-events:none}.product-card{background:var(--glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:var(--radius);border:1px solid var(--border-light);overflow:hidden;transition:transform .3s,box-shadow .3s;box-shadow:var(--shadow)}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.product-card-img{aspect-ratio:4/3;background:linear-gradient(135deg,#f0f2f0,#e0e3e0);display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:.75rem;letter-spacing:.06em}.product-card-body{padding:20px}.product-card-title{font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.product-card-desc{font-size:.82rem;color:var(--text-muted);margin-bottom:14px;line-height:1.5}.product-card-price{font-size:1.2rem;font-weight:800;color:var(--accent)}@property --beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.contact-row,.nos-value-card,.product-card,.sl-panel,.vent-viewall,.vision-card{position:relative}.contact-row:after,.nos-value-card:after,.product-card:after,.sl-panel:after,.vent-viewall:after,.vision-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--beam-angle),transparent 0deg,transparent 270deg,rgba(29,185,84,.85) 330deg,#67fb6e 350deg,transparent 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:beamSpin 20s linear infinite}@keyframes beamSpin{to{--beam-angle:360deg}}.vent-viewall{display:inline-flex;align-items:center;gap:8px;margin-top:40px;padding:14px 32px;background:transparent;color:var(--ink-inverse);font-family:var(--font);font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-radius:100px;transition:transform .2s ease}.vent-viewall:hover{transform:scale(1.03)}@media (prefers-reduced-motion:reduce){.contact-row:after,.nos-value-card:after,.product-card:after,.sl-panel:after,.vent-viewall:after,.vision-card:after{animation:none}}.lang-toggle-btn,.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--nav-burger-bg,rgba(0,0,0,.05));border:1px solid var(--border);color:var(--text);cursor:pointer;transition:background .2s,border-color .2s,color .2s;font-family:var(--font);font-weight:800;font-size:.68rem;letter-spacing:.02em}.lang-toggle-btn:hover,.theme-toggle-btn:hover{background:rgba(29,185,84,.08);border-color:rgba(29,185,84,.2);color:var(--accent)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}