/* Popwebsites · funnel v6 — shared base (landing, aplicación, agenda) */
:root{
  --bg:#0F0F12; --fg:#F6F4EE; --muted:#A9A7A1; --muted-2:#CFCDC6;
  --rule:rgba(246,244,238,.14); --rule-2:rgba(246,244,238,.24);
  --pop:#FF3B2F; --paper:#F6F4EE; --paper-2:#ECE9E0; --ink:#0F0F12; --ink-2:#5E5C57; --panel:#18181C;
  --f-display:"Bricolage Grotesque","Arial Narrow",Arial,sans-serif;
  --f-serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --f-text:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
  --f-mono:"Geist Mono",ui-monospace,Menlo,Consolas,monospace;
  --max:1240px; --gut:clamp(16px,5vw,64px);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-text);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--pop);outline-offset:3px}
[hidden]{display:none!important}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.label{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}
.label.with-dot{display:flex;align-items:center;gap:10px}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pop);flex:none}
.serif{font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:-.005em;text-transform:none}

.logo{color:var(--fg);text-decoration:none;font-family:var(--f-display);font-variation-settings:"wdth" 82;font-size:24px;letter-spacing:-.03em;line-height:1;white-space:nowrap}
.logo b{font-weight:800}
.logo span{font-weight:400}
.logo i{display:inline-block;width:.6em;height:.6em;border-radius:50%;background:var(--pop);margin:0 .02em;font-style:normal}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--fg);color:var(--ink);text-decoration:none;font-family:var(--f-text);font-weight:600;font-size:18px;line-height:1;padding:21px 30px;border-radius:999px;border:0;cursor:pointer;white-space:nowrap;transition:background .15s,transform .15s,opacity .15s}
.btn:hover{background:#fff}
.btn:active{transform:translateY(1px)}
.btn .dot{width:10px;height:10px}
.btn .arr{font-family:var(--f-mono);font-weight:400}
.btn[aria-disabled="true"],.btn:disabled{opacity:.38;cursor:not-allowed}
.btn-line{background:transparent;color:var(--fg);border:1px solid var(--rule-2)}
.btn-line:hover{background:rgba(246,244,238,.08)}
.btn-ink{background:var(--ink);color:var(--paper)}
.btn-ink:hover{background:#000}

.h-display{font-family:var(--f-display);font-weight:800;font-variation-settings:"wdth" 75,"opsz" 96;text-transform:uppercase;line-height:.88;letter-spacing:-.01em;margin:0}
.h2{font-family:var(--f-display);font-weight:700;font-variation-settings:"wdth" 85,"opsz" 96;font-size:clamp(34px,4.6vw,66px);line-height:.98;letter-spacing:-.035em;margin:14px 0 0;text-wrap:balance}

.site-head{border-bottom:1px solid var(--rule)}
.site-head .wrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-foot{border-top:1px solid var(--rule)}
.site-foot .wrap{padding-block:28px;display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted)}
.site-foot .logo{font-size:20px}
.site-foot a.mail{color:var(--fg);font-family:var(--f-mono);font-size:13px;text-decoration:none}
.site-foot nav{display:flex;gap:18px;flex-wrap:wrap}
.site-foot nav a{color:var(--muted);text-decoration:none}
.site-foot nav a:hover{color:var(--fg)}

/* video player (click to play with sound) */
.player{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--rule);aspect-ratio:16/9;background:var(--panel)}
.player video,.player img.poster{width:100%;height:100%;object-fit:cover}
.player .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,15,18,.82) 0%,rgba(15,15,18,0) 42%);pointer-events:none}
.player .cap{position:absolute;top:0;left:0;right:0;padding:clamp(14px,2.6vw,28px);display:flex;flex-direction:column;gap:6px;pointer-events:none}
.player .cap b{font-family:var(--f-display);font-variation-settings:"wdth" 85;font-weight:700;font-size:clamp(17px,2vw,28px);letter-spacing:-.025em;line-height:1.05}
.player .cap .label{color:var(--muted-2)}
.player .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(64px,7vw,96px);height:clamp(64px,7vw,96px);border-radius:50%;border:0;background:var(--fg);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 0 10px rgba(246,244,238,.18);transition:transform .2s}
.player .play:hover{transform:translate(-50%,-50%) scale(1.06)}
.player .play svg{width:34%;height:34%;margin-left:6%}
.player.is-playing .shade,.player.is-playing .cap,.player.is-playing .play{display:none}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}