@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;1,9..144,300&display=swap");
/* EXP-001: static composition adapted from Cristina's 19 October export. */
:root{
/* Neutros base (~90% de cada superficie). Blanco = fondo por defecto; Marfil (paper) = fondo alterno / packaging */
--sm-paper:#F6F3EE;
--sm-white:#FFFFFF;
--sm-ink:#1C1D1D;
--sm-ink-70:rgba(28,29,29,.70);
--sm-ink-15:rgba(28,29,29,.15);
/* Tintes de la hoja de paleta (Marrón 1 al 8% / 25% sobre blanco) */
--sm-marro-tint-8:#F2F1F0;
--sm-marro-tint-25:#D6D3D2;
/* Familias de sentimiento — UNA por pieza. Nivel 1 = color principal, Nivel 2 = hover/secundario */
--sm-verd-1:#293B38;--sm-verd-2:#37534F;
--sm-burdeus-1:#783132;--sm-burdeus-2:#91373A;
--sm-marro-1:#5D5049;--sm-marro-2:#796057;

/* Alias semánticos */
--surface-page:var(--sm-white);
--surface-raised:var(--sm-white);
--surface-alt:var(--sm-paper);
--surface-alt-2:var(--sm-marro-tint-8);
--surface-inverse:var(--sm-ink);
--text-body:var(--sm-ink);
--text-secondary:var(--sm-ink-70);
--text-inverse:var(--sm-white);
--border-hairline:var(--sm-ink-15);
--border-strong:var(--sm-ink);
--focus-ring:var(--sm-ink);

/* Sentimiento activo — Verde por defecto (B2B). Se cambia por pieza con [data-sentiment]. */
--sentiment-1:var(--sm-verd-1);
--sentiment-2:var(--sm-verd-2);
--accent:var(--sentiment-1);
--accent-hover:var(--sentiment-2);
--on-accent:var(--sm-white);
}
[data-sentiment="verd"]{--sentiment-1:var(--sm-verd-1);--sentiment-2:var(--sm-verd-2)}
[data-sentiment="burdeus"]{--sentiment-1:var(--sm-burdeus-1);--sentiment-2:var(--sm-burdeus-2)}
[data-sentiment="marro"]{--sentiment-1:var(--sm-marro-1);--sentiment-2:var(--sm-marro-2)}
[data-sentiment="condol"]{--sentiment-1:var(--sm-ink);--sentiment-2:var(--sm-ink-70)}

:root{--font-serif:"Fraunces",Georgia,serif;--font-sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#fff;color:#1c1d1d;font:400 16px/1.6 Arial,Helvetica,sans-serif}img{max-width:100%}h1,h2,h3,p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:4px}[hidden]{display:none!important}
.skip-link{position:absolute;top:-100px;left:16px;z-index:200;background:#fff;color:#1c1d1d;padding:12px}.skip-link:focus{top:16px}
.empresa-header{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;padding:28px clamp(24px,4vw,56px);color:#fff;z-index:5;font-family:var(--font-sans)}.empresa-header img{height:83px;width:auto}.empresa-header summary{cursor:pointer;min-height:44px;padding:12px 0}.empresa-header nav{position:absolute;top:120px;left:24px;max-width:calc(100vw - 48px);background:#293b38;display:flex;flex-direction:column;padding:24px;gap:12px}.empresa-header nav a{padding:6px;min-height:44px}.header-actions{justify-self:end;display:flex;align-items:center;gap:16px}.language-buttons{display:flex;gap:6px}.language-buttons button{background:none;color:inherit;border:0;padding:10px;min-height:44px;cursor:pointer}.language-buttons [aria-pressed=true]{text-decoration:underline}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 30px;border:1px solid currentColor;color:inherit;text-decoration:none;font:400 14px/1.4 var(--font-sans);letter-spacing:.08em;text-align:center}.header-cta{font-size:12px;padding:10px 16px}
.empresa .ambient-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}.empresa .video-toggle{position:absolute;left:24px;bottom:16px;z-index:3;border:1px solid #fff;background:#1c1d1d;color:#fff;padding:8px 12px;font:12px var(--font-sans);cursor:pointer}.video-panel{position:relative}.empresa #contact-form{width:100%;font-family:var(--font-sans);text-align:left}.empresa fieldset{border:0;padding:0;margin:24px 0;display:grid;gap:10px;min-width:0}.empresa label{margin-top:12px}.empresa input,.empresa select,.empresa textarea{width:100%;padding:12px;background:#fff;color:#1c1d1d;border:1px solid #777;border-radius:0;min-width:0}.empresa #contact-status{padding:16px;background:#f6f3ee;border:1px solid #777}.empresa #contact-submit{padding:14px;border:1px solid #1c1d1d;background:#1c1d1d;color:white;opacity:.65}.empresa legend{font-size:20px}.empresa #contact-privacy,.legal-note{font:14px/1.6 var(--font-sans)}.legal-note{text-align:center;margin-top:16px}.top-link{display:block;text-align:center;padding:24px;font-family:var(--font-sans)}
@media(max-width:839px){.empresa-header{padding:20px 24px;gap:8px;grid-template-columns:1fr auto 1fr}.empresa-header img{height:64px}.header-actions{flex-direction:column;gap:0}.header-cta{display:none}.empresa footer>div{display:flex!important;flex-direction:column;align-items:center;gap:24px;text-align:center}.empresa footer nav{justify-content:center!important}.empresa [data-screen-label="01 Hero"] h1{font-size:clamp(34px,9vw,56px)!important}.empresa #propuesta>div{padding-top:64px}.empresa #propuesta>div>div:nth-child(2){padding-top:300px;padding-bottom:64px}}
@media(prefers-reduced-motion:reduce){.ambient-video{display:none}}

/* Background controls remain available to keyboard and assistive technology. */
.empresa .video-toggle:not(:focus-visible){position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}