/* Ajustes de integración; la composición y los estilos originales siguen en styles.css. */
:root{--ink:var(--espavia-ink);font-family:var(--espavia-font)}
.header nav{gap:28px}.header nav .nav-demo{border:1px solid var(--ink);padding:12px 17px;display:flex;align-items:center;gap:12px;min-height:44px;transition:background .2s,color .2s}
.header nav .nav-demo:after{display:none}.header nav .nav-demo:hover{background:var(--ink);color:#fff}
.hero-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.demo-action{gap:20px}.button-outline{background:transparent;color:var(--ink)}.button-outline:hover{color:#fff}.proposal-slot{display:block;margin-top:14px}
@media(max-width:1100px){.header nav{gap:18px}.header nav .nav-demo{font-size:12px;padding-inline:12px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:28px}.hero-actions{flex-wrap:wrap}}
@media(max-width:920px){
 .header-inner{min-height:78px}.menu-toggle{display:flex;align-items:center;gap:12px;background:none;border:0;padding:12px 0 12px 14px;min-height:44px;color:var(--ink);font-size:.875rem;flex-shrink:0}
 .menu-icon{display:block;width:20px;height:10px;border-top:1px solid;border-bottom:1px solid;position:relative}
 .menu-toggle[aria-expanded=true] .menu-icon{border:0}.menu-toggle[aria-expanded=true] .menu-icon:before,.menu-toggle[aria-expanded=true] .menu-icon:after{content:"";position:absolute;left:0;top:4px;width:20px;height:1px;background:currentColor;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-icon:after{transform:rotate(-45deg)}
 .header nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:16px 32px 24px;border-bottom:1px solid var(--line);gap:0}
 .header nav.open{display:flex;flex-direction:column;align-items:stretch}.header nav a{font-size:1.2rem;padding:16px 0}.header nav a:after{display:none}.header nav .nav-demo{font-size:1rem;margin-top:12px;padding:14px 16px;justify-content:space-between}
}
@media(max-width:640px){.hero-actions{display:grid;width:100%;margin-top:28px;gap:12px}.hero-actions .button{margin:0;width:100%}.header nav{padding-inline:20px}}
