/* Iber Inversora (es-ES). Mobile-first, one accent, local fonts only. */

/* 1. fonts */
@font-face{font-family:"Montserrat";font-weight:800;font-style:normal;font-display:swap;src:url("fonts/Montserrat-ExtraBold.woff") format("woff"),url("fonts/Montserrat-ExtraBold.ttf") format("truetype")}
@font-face{font-family:"Montserrat Fallback";font-weight:800;src:local("Arial Bold"),local("Arial-BoldMT"),local("Roboto Bold"),local("Helvetica Neue Bold");size-adjust:112%;ascent-override:97%;descent-override:25%;line-gap-override:0%}

/* 2. tokens */
:root{
  color-scheme:light;
  --bg:#f4f8fc;--bg-0:#e3eef7;--bg-2:#edf4fa;--bg-hero-top:#eaf3fa;
  --panel:#ffffff;--panel-2:#f1f7fc;
  --line:#d3e1ee;--line-2:#b4c9dd;
  --text-0:#071326;--text:#0b1b33;--text-2:#334a66;--muted:#52657f;--placeholder:#52657f;
  --accent:#1743d9;--accent-rgb:23,67,217;--accent-dark:#1232b8;--accent-2:#6c8cff;--on-accent:#ffffff;
  --celeste:#74acdf;--celeste-rgb:116,172,223;--celeste-text:#1b64a8;
  --tint:#e8f3fb;--tint-2:#d6e8f6;
  --error:#b3172f;--error-tint:#fdeef0;
  --ink:#0a2a5e;--ink-rgb:10,42,94;--ink-text:#c9d8ee;--ink-text-2:#a3b5d1;
  --tile:#000000;
  --r-chip:4px;--r-ctl:6px;--r-card:10px;--r-plate:14px;--r-tile:20px;
  --shadow-header:0 10px 30px -18px rgba(var(--ink-rgb),.35);
  --shadow-float:0 24px 50px -24px rgba(var(--ink-rgb),.4);
  --shadow-card:0 30px 60px -36px rgba(var(--ink-rgb),.45),0 0 0 6px rgba(var(--celeste-rgb),.22);
  --shadow-card-bay:0 30px 60px -30px rgba(0,0,0,.6),0 0 0 6px rgba(var(--celeste-rgb),.22);
  --shadow-panel:0 24px 48px -32px rgba(var(--ink-rgb),.35);
  --shadow-tile:0 30px 60px -36px rgba(var(--ink-rgb),.45);
  --shadow-btn:0 1px 0 var(--accent-dark),0 14px 28px -14px rgba(var(--accent-rgb),.6);
  --shadow-hover:0 26px 40px -30px rgba(var(--accent-rgb),.5);
  --ring:0 0 0 3px rgba(var(--accent-rgb),.18);
  --font-display:"Montserrat","Montserrat Fallback",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --fs-h1:clamp(22px,6.2vw,26px);--lh-h1:1.15;--ls-h1:-.02em;
  --fs-h2:clamp(24px,6vw,28px);--lh-h2:1.12;--ls-h2:-.02em;
  --fs-bay:clamp(22px,6.2vw,26px);
  --fs-sum:clamp(26px,2.35vw,30px);--lh-sum:1.1;
  --fs-lead:17px;--lh-lead:1.4;
  --fs-h3:17px;--fs-body:16px;--lh-body:1.55;--fs-quote:15.5px;
  --fs-small:13.5px;--fs-note:13px;--fs-chip:12.5px;--fs-legal:13px;
  --fs-btn:15px;--fs-btn-form:17px;--fs-input:16px;
  --wrap:1180px;--gutter:16px;--hdr:56px;--sec:56px;--sec-tight:48px;--scroll-pad:68px;
  --field-h:54px;--btn-h:56px;
  --ease:cubic-bezier(.16,1,.3,1);--ease-io:cubic-bezier(.65,0,.35,1);
  --t-reveal:.6s;--orbit-1:48s;--orbit-2:64s;--orbit-3:90s;
  --reveal-y:12px;
  --z-deco:0;--z-content:1;--z-card:2;--z-sticky:40;--z-header:50;--z-scrim:55;--z-menu:60;
}
@media (min-width:761px){:root{
  --gutter:24px;--hdr:64px;--sec:80px;--sec-tight:64px;--scroll-pad:76px;
  --fs-h1:clamp(30px,2.8vw,36px);--lh-h1:1.1;
  --fs-h2:clamp(26px,2.6vw,34px);
  --fs-bay:clamp(26px,2.5vw,32px);
  --fs-lead:19px;--lh-lead:1.5;--fs-h3:19px;--fs-body:16.5px;--lh-body:1.6;
  --fs-btn-form:16px;--field-h:52px;--btn-h:54px;--reveal-y:16px;
}}
@media (min-width:1081px){:root{--sec:96px;--sec-tight:72px}}
@media (max-width:360px){:root{--gutter:14px}}

/* 3. base */
*,*::before,*::after{box-sizing:border-box}
html{font-synthesis:none;-webkit-text-size-adjust:100%;scroll-padding-top:var(--scroll-pad)}
body{margin:0;background:var(--bg);color:var(--text);font:400 var(--fs-body)/var(--lh-body) var(--font-body);overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,p,figure,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
img,video{display:block;max-width:100%;height:auto}
svg{display:inline-block;vertical-align:middle;flex:0 0 auto}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
b,strong{font-weight:800}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding:var(--sec) 0}
.section--alt{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
section[id]{scroll-margin-top:0}
.scroll-sentinel{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}

/* 4. typography */
.sec-title{font:800 var(--fs-h2)/var(--lh-h2) var(--font-display);letter-spacing:var(--ls-h2);color:var(--text-0);text-wrap:pretty;max-width:720px}
.orbit-mark{display:block;width:56px;height:10px;margin:14px 0 20px}
.section-lead{color:var(--text-2);max-width:720px}
.section-head{margin-bottom:28px}

/* 5. header, menu, scrim */
.site-header{position:sticky;top:0;z-index:var(--z-header);height:var(--hdr);background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);transition:box-shadow .3s}
.site-header.scrolled{box-shadow:var(--shadow-header)}
.site-header__row{display:flex;align-items:center;gap:32px;height:100%}
.logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--text-0);text-decoration:none}
.logo .mark{width:28px;height:28px}
.wordmark{font:800 17px/1 var(--font-display);letter-spacing:-.01em;white-space:nowrap}
.wordmark b{color:var(--accent);font-weight:inherit}
.needle{transform-box:view-box;transform-origin:16px 16px}
.needle.spin{animation:spin 2.4s linear 1}
.site-nav,.site-header .site-header__cta{display:none}
.nav-toggle{margin-left:auto;width:44px;height:44px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-ctl)}
.nav-toggle__bar{display:block;width:18px;height:1.6px;background:var(--text-0);border-radius:1px;transition:transform .24s var(--ease),opacity .24s}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(1){transform:translateY(6.6px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(3){transform:translateY(-6.6px) rotate(-45deg)}
.nav-scrim{position:fixed;inset:var(--hdr) 0 0;background:rgba(var(--ink-rgb),.32);z-index:var(--z-scrim)}
.nav-panel{position:fixed;top:var(--hdr);left:0;right:0;z-index:var(--z-menu);background:var(--panel);border-bottom:1px solid var(--line);box-shadow:var(--shadow-float);padding:8px var(--gutter) 20px;animation:panelIn .24s var(--ease)}
.nav-panel__list a{display:flex;align-items:center;min-height:56px;font:600 18px/1.2 var(--font-body);color:var(--text-0);text-decoration:none;border-bottom:1px solid var(--line)}
.nav-panel .btn{margin-top:16px}
html.menu-open{overflow:hidden}
@media (min-width:1081px){
  .site-nav{display:flex;gap:4px;margin-inline:auto}
  .site-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 10px;border-radius:var(--r-ctl);font:500 14.5px/1 var(--font-body);color:var(--text-2);text-decoration:none;transition:color .16s}
  .site-nav a:hover{color:var(--accent)}
  .site-header .site-header__cta{display:inline-flex}
  .nav-toggle,.nav-panel,.nav-scrim{display:none}
}

/* 6. buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:var(--r-ctl);border:1.5px solid transparent;font:800 var(--fs-btn)/1.1 var(--font-display);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .16s,color .16s,border-color .16s,transform .2s var(--ease),box-shadow .2s}
.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-btn)}
.btn-primary:hover{background:var(--accent-dark)}
.btn-ghost{background:var(--panel);color:var(--accent-dark);border-color:var(--accent)}
.btn-ghost:hover{background:var(--tint)}
.btn-sm{min-height:40px;padding:0 16px;font-size:14px}
.btn-block{width:100%}
.btn:active{transform:translateY(1px)}
.btn .arr{width:18px;height:18px;transition:transform .2s var(--ease)}
.btn:hover .arr{transform:translateX(3px)}

/* 7. form controls (classes of the untouched form markup) and JS states */
.lf-form{display:flex;flex-direction:column;gap:12px;position:relative;min-height:320px;margin:0}
.lf-form>.form__input,.lf-form>.lf-phone{order:1}
.lf-form>.lf-msg{order:2}
.lf-form>.lf-btn{order:3}
.form__input{height:var(--field-h);width:100%;margin:0;padding:0 16px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--r-ctl);font:400 var(--fs-input)/1.3 var(--font-body);color:var(--text);appearance:none;-webkit-appearance:none;scroll-margin-top:72px;transition:border-color .16s,background .16s,box-shadow .16s}
.form__input::placeholder{color:var(--placeholder);opacity:1}
.form__input:focus{outline:none;background:var(--panel);border-color:var(--accent);box-shadow:var(--ring)}
.form__input:not(:placeholder-shown){background:var(--panel)}
.lf-phone{display:flex;align-items:center;height:var(--field-h);background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--r-ctl);transition:border-color .16s,background .16s,box-shadow .16s}
.lf-phone__code{display:flex;align-items:center;flex:0 0 auto;height:24px;padding:0 10px 0 16px;margin-right:2px;border-right:1px solid var(--line-2);font:600 15px/1 var(--font-body);color:var(--text-2);white-space:nowrap;user-select:none}
.lf-phone .form__input,.lf-phone .form__input:focus,.lf-phone .form__input:not(:placeholder-shown){flex:1;min-width:0;height:100%;background:transparent;border:0;border-radius:0;padding-left:12px;box-shadow:none}
.lf-phone:focus-within{background:var(--panel);border-color:var(--accent);box-shadow:var(--ring)}
.lf-phone:has(.form__input:not(:placeholder-shown)){background:var(--panel)}
.form__btn{height:var(--btn-h);width:100%;margin:0;padding:0 16px;border:0;border-radius:var(--r-ctl);background:var(--accent);color:var(--on-accent);font:800 var(--fs-btn-form)/1 var(--font-display);letter-spacing:-.01em;box-shadow:var(--shadow-btn);cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .16s,transform .2s var(--ease)}
.form__btn:hover{background:var(--accent-dark)}
.form__btn:active{transform:translateY(1px)}
.form__btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.lf-form:not(.is-busy) .lf-btn{animation:ctaPulse 2.4s ease-out 1.2s infinite}
.lf-form .lf-btn:hover,.lf-form .lf-btn:focus-visible{animation-play-state:paused}
/* busy: form-submit.js sets .is-busy on <form> and disabled on .lf-btn; nothing dims the form itself */
.lf-form.is-busy{cursor:progress}
.lf-form.is-busy .form__input,.lf-form.is-busy .lf-phone{opacity:.6;pointer-events:none}
.lf-form.is-busy .lf-btn{cursor:progress;background-image:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}
/* error: JS rewrites className to "lf-msg lf-msg--err" and toggles hidden */
.lf-msg{margin:0;font:500 14px/1.45 var(--font-body)}
.lf-msg[hidden]{display:none}
.lf-msg--err{position:relative;color:var(--error);background:var(--error-tint);border-radius:var(--r-ctl);padding:10px 12px 10px 38px;animation:slideIn .24s var(--ease)}
.lf-msg--err::before{content:"!";position:absolute;left:12px;top:11px;width:18px;height:18px;border-radius:50%;background:var(--error);color:#fff;font:800 12px/18px var(--font-body);text-align:center}
/* done: JS replaces the form content with <div class="lf-done">; .is-busy stays on the form only on a live success */
.lf-form .lf-done{flex:1;position:relative;z-index:0;display:grid;place-content:center;text-align:center;padding:28px 20px;background:var(--tint);border:1px solid var(--tint-2);border-radius:var(--r-card);color:var(--text);font:500 17px/1.5 var(--font-body)}
.lf-form.is-busy .lf-done{animation:popIn .4s var(--ease)}
.lf-form.is-busy .lf-done::before,.lf-form.is-busy .lf-done::after{content:"";position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:1.5px solid var(--celeste);z-index:-1;pointer-events:none;animation:ping 2.4s ease-out 3 both}
.lf-form.is-busy .lf-done::after{width:160px;height:160px;margin:-80px 0 0 -80px;border-color:var(--accent);animation-delay:.8s}
.timer_form{display:inline-block;min-width:5.2ch;padding:0 .35em;margin-left:.15em;border-radius:var(--r-ctl);background:var(--celeste);color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;line-height:1.25;vertical-align:baseline}

/* 8. lead card (everything outside the <form>) */
.lead-card{position:relative;z-index:var(--z-card);background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-plate);box-shadow:var(--shadow-card);scroll-margin-top:68px}
.lead-card::before,.lead-card::after{content:"";position:absolute;width:16px;height:16px;pointer-events:none}
.lead-card::before{left:-7px;top:-7px;border-left:2px solid var(--accent);border-top:2px solid var(--accent)}
.lead-card::after{right:-7px;bottom:-7px;border-right:2px solid var(--celeste);border-bottom:2px solid var(--celeste)}
.lead-card--bay{box-shadow:var(--shadow-card-bay)}
.lead-body{padding:16px 16px 18px}
.lead-title{font:800 18px/1.2 var(--font-display);letter-spacing:-.02em;color:var(--text-0);margin:0 0 4px}
.lead-sub{font-size:14.5px;line-height:1.4;color:var(--muted);margin:0 0 18px}
.lead-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0;font-size:var(--fs-note);line-height:1.4;color:var(--muted);text-align:center}
.lead-note .lock{width:14px;height:14px;color:var(--celeste-text)}
.lead-card--hero .lead-title,.lead-card--hero .lead-sub{display:none}
.js .lock *{stroke-dasharray:1;stroke-dashoffset:1}
.in .lock rect{animation:draw .7s var(--ease) .1s forwards}
.in .lock path:first-child{animation:draw .6s var(--ease) .5s forwards}
.in .lock path:last-child{animation:draw .3s var(--ease) .95s forwards}
@media (min-width:761px){
  .lead-body{padding:24px 24px 22px}
  .lead-title{font-size:22px}
  .lead-card--hero .lead-title,.lead-card--hero .lead-sub{display:block}
  .lf-form{min-height:310px}
}

/* 9. hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--bg-hero-top) 0,var(--bg) 560px);padding:20px 0 28px}
.hero-arcs{position:absolute;width:420px;height:420px;right:-200px;top:-150px;opacity:.3;pointer-events:none}
.hero__grid{position:relative;z-index:var(--z-content);display:grid;gap:0}
.hero h1{font:800 var(--fs-h1)/var(--lh-h1) var(--font-display);letter-spacing:var(--ls-h1);color:var(--text-0);text-wrap:pretty;hyphens:manual;margin:0 0 12px}
.hero-lead{display:block;font:400 var(--fs-lead)/var(--lh-lead) var(--font-body);color:var(--text-2);margin:0 0 20px}
.hero-lead__sum{font:800 var(--fs-lead)/var(--lh-lead) var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums}
.media{margin:0}
.media--hero{display:none}
@media (min-width:761px){
  .hero{padding:40px 0 48px}
  .hero-arcs{width:800px;height:800px;right:-220px;top:-300px;opacity:.35}
  .hero h1{margin-bottom:28px}
  .hero__bento{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
  .hero-lead{display:flex;flex-direction:column;justify-content:space-between;gap:12px;position:relative;overflow:hidden;margin:0;padding:24px;background:var(--ink);color:var(--ink-text);border-radius:var(--r-tile);box-shadow:var(--shadow-tile);font-size:15px;line-height:1.4}
  .hero-lead::after{content:"";position:absolute;width:320px;height:320px;right:-120px;bottom:-160px;border-radius:50%;border:1px solid var(--celeste);opacity:.25;pointer-events:none}
  .hero-lead__sum{font-size:var(--fs-sum);line-height:var(--lh-sum);letter-spacing:-.02em;color:#fff;text-wrap:balance}
  .media--hero{display:block;align-self:start;animation:tileIn .7s var(--ease) .12s both}
  .lead-card--hero{max-width:520px;margin-top:32px}
}
@media (min-width:1081px){
  .hero{padding:56px 0 64px}
  .hero__grid{grid-template-columns:minmax(0,1.15fr) 440px;gap:56px;align-items:center}
  .hero__bento{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
  .hero-lead{padding:28px}
  .lead-card--hero{max-width:none;margin-top:0}
}

/* 10. referentes */
.reviews{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter);padding-bottom:8px;scroll-padding-inline:var(--gutter);overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.review{flex:0 0 min(333px,78vw);scroll-snap-align:start;display:flex;flex-direction:column;gap:14px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);transition:border-color .2s,transform .2s var(--ease),box-shadow .2s}
.review__head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}
.review__head img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid var(--line-2)}
.review__name{font:600 15.5px/1.3 var(--font-body);color:var(--text-0)}
.review__role{font-size:var(--fs-small);line-height:1.4;color:var(--muted);margin-top:2px}
.review__text{font-size:var(--fs-quote);line-height:1.55;color:var(--text-2);overflow-wrap:anywhere}
@media (min-width:761px){
  .section-head{margin-bottom:40px}
  .reviews{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-inline:0;padding:0;overflow:visible;scroll-snap-type:none}
  .review{flex:none}
  .review__text{line-height:1.6}
}
@media (min-width:761px) and (max-width:1080px){
  .review--featured{grid-column:1/-1;display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:20px;row-gap:12px;align-items:start}
  .review--featured .review__head{display:contents}
  .review--featured .review__head img{width:64px;height:64px;grid-row:1/3;border:0;box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--celeste)}
  .review--featured .review__text{grid-column:2}
}
@media (min-width:1081px){
  .reviews{grid-template-columns:1.15fr 1fr 1fr;grid-auto-rows:1fr}
  .review--featured{grid-column:1;grid-row:1/3;padding:32px}
  .review--featured .review__head{grid-template-columns:64px minmax(0,1fr);gap:16px;margin-top:auto}
  .review--featured .review__head img{width:64px;height:64px;border:0;box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--celeste)}
  .review--featured .review__name{font:800 17px/1.3 var(--font-display);letter-spacing:-.01em}
  .review--featured .review__text{order:-1;font:500 20px/1.45 var(--font-body);color:var(--text-0);margin-bottom:24px}
}
@media (min-width:1081px) and (hover:hover) and (pointer:fine){
  .review:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-3px)}
}

/* 11. operaciones: live feed */
.feed__grid{display:grid;gap:28px}
.feed__copy p{color:var(--text-2)}
.feed{--row-h:64px;--rows:5;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-panel);overflow:hidden}
.feed__head{display:flex;align-items:center;height:48px;padding:0 16px;border-bottom:1px solid var(--line)}
.live{position:relative;display:inline-flex;align-items:center;min-height:20px;padding-left:28px;font:600 var(--fs-chip)/1 var(--font-body);color:var(--text-2)}
.live::before{content:"";position:absolute;left:6px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--accent)}
.live::after{content:"";position:absolute;left:0;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;border:1.5px solid var(--celeste);animation:ping 2.4s ease-out infinite}
.feed__viewport{height:calc(var(--row-h)*var(--rows));padding:0 16px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 20px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 20px,#000 calc(100% - 28px),transparent 100%)}
.feed__list{transition:transform .4s var(--ease);will-change:transform}
.op{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:var(--row-h);padding:10px 0}
.op+.op{box-shadow:inset 0 1px 0 var(--line)}
.op.is-new{animation:feedIn .4s var(--ease) both}
.op.is-out{opacity:0;transition:opacity .4s var(--ease)}
.op__glyph{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--tint);color:var(--celeste-text)}
.op__glyph svg{width:18px;height:18px}
.op__glyph--ret{background:transparent;border:1px solid var(--line-2);color:var(--text-2)}
.op__who{display:flex;flex-direction:column;gap:4px;min-width:0}
.op__line{font-size:15.5px;line-height:1.3;color:var(--text-2)}
.op__name{font-weight:600;color:var(--text-0)}
.op__meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px}
.chip{display:inline-block;padding:3px 8px;border-radius:var(--r-chip);font:600 var(--fs-chip)/1 var(--font-body)}
.chip--dep{background:var(--tint);color:var(--celeste-text)}
.chip--ret{padding:2px 7px;background:transparent;border:1px solid var(--line-2);color:var(--text-2)}
.op__time{font-size:var(--fs-note);color:var(--muted);white-space:nowrap}
.op__sum{text-align:right;white-space:nowrap;line-height:1}
.op__sum b{font:800 16px/1 var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--text-0)}
.op__sum span{font-size:var(--fs-chip);color:var(--muted)}
@media (max-width:360px){.op__sum span{display:block;margin-top:5px}}
@media (min-width:761px){
  .feed{--rows:6;border-radius:var(--r-plate);max-width:640px}
  .feed__head{padding:0 20px}
  .feed__viewport{padding:0 20px}
  .feed__copy p{max-width:60ch}
  .op__sum b{font-size:17px}
}
@media (min-width:1081px){
  .feed__grid{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:56px;align-items:start}
  .feed{max-width:none}
}

/* 12. faq */
.faq__grid{display:grid;gap:0}
.faq__aside{display:contents}
.faq__aside .sec-title{order:0}
.faq__aside .orbit-mark{order:1}
.faq__list{order:2}
.faq__cta{order:3;margin-top:24px;width:100%}
.faq-item{border-top:1px solid var(--line)}
.faq-item:last-of-type{border-bottom:1px solid var(--line)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;font:600 16px/1.3 var(--font-body);color:var(--text-0);list-style:none;cursor:pointer}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{content:""}
.faq-item summary .arr{width:18px;height:18px;color:var(--muted);transform:rotate(90deg);transition:transform .32s var(--ease-io),color .16s}
.faq-item[open]>summary .arr{transform:rotate(-90deg);color:var(--accent)}
.faq-item summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.faq-body{padding:0 0 28px}
.faq-body p{color:var(--text-2)}
.faq-item[open]>.faq-body{animation:bodyIn .28s var(--ease)}
.media--faq{width:100%;max-width:320px;margin:16px auto 0}
.media--faq figcaption{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:var(--fs-small);color:var(--muted)}
.media--faq figcaption .lock{width:16px;height:16px;color:var(--celeste-text)}
@media (min-width:1081px){
  .faq__grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px;align-items:start}
  .faq__aside{display:block;position:sticky;top:96px}
  .faq__cta{margin-top:28px;width:auto}
  .faq-item summary{min-height:64px;padding:18px 0;font-size:17px}
  .faq-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
  .faq-body p{max-width:60ch}
  .faq-body--text{display:block;max-width:620px}
  .media--faq{width:300px;max-width:none;margin:0}
}

/* 13. media tiles, orbits */
.media-tile{position:relative;aspect-ratio:1/1;overflow:hidden;isolation:isolate;border-radius:var(--r-tile);background:var(--tile)}
.media-tile>video,.media-tile>img{display:block;width:100%;height:100%;object-fit:cover}
.media-tile::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 0 48px 12px rgba(0,0,0,.55)}
.media-tile--hielo{display:grid;place-items:center;background:var(--tint);border:1px solid var(--line)}
.media-tile--hielo::after{display:none}
.media-tile--hielo .orbits{width:120%;left:-10%;top:-10%;opacity:.9;color:var(--celeste)}
.media-tile--hielo .mark{position:relative;z-index:1;width:64px;height:64px}
.orbits{position:absolute;aspect-ratio:1;pointer-events:none;z-index:var(--z-deco)}
.orbits svg{position:absolute;inset:0;width:100%;height:100%}
.orbits__sat{animation:spin var(--orbit-1) linear infinite;transform-origin:50% 50%}
.orbits__sat--2{animation-duration:var(--orbit-2);animation-direction:reverse}
.orbits__sat--3{animation-duration:var(--orbit-3)}
.orbits.is-paused .orbits__sat{animation-play-state:paused}
@media (min-width:761px){.media-tile{box-shadow:var(--shadow-tile)}.media-tile--hielo{box-shadow:none}}

/* 14. registro: ink bay */
.section--registro{padding:var(--sec-tight) 0}
.bay{position:relative;overflow:hidden;isolation:isolate;margin-inline:calc(-1*var(--gutter));padding:28px var(--gutter) 24px;background:var(--ink);color:var(--ink-text);border-radius:0}
.bay .orbits{width:420px;right:-200px;top:-160px;opacity:.3;color:var(--celeste)}
.bay .orbits__sat--2{color:var(--accent-2)}
.bay__copy{position:relative;z-index:var(--z-content);margin-bottom:20px}
.bay__title{font:800 var(--fs-bay)/1.2 var(--font-display);letter-spacing:-.02em;color:#fff;text-wrap:pretty}
@media (min-width:761px){
  .bay{margin-inline:0;padding:40px 32px;border-radius:var(--r-plate)}
  .bay .orbits{width:480px;right:-180px;top:-160px;opacity:.35}
  .lead-card--bay{max-width:520px}
}
@media (min-width:1081px){
  .bay{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:56px;align-items:center;padding:56px}
  .bay .orbits{width:560px;left:-140px;right:auto;top:auto;bottom:-220px;opacity:.45}
  .bay__copy{margin:0}
  .lead-card--bay{max-width:none}
}

/* 15. footer */
.site-footer{background:var(--bg-0);border-top:1px solid var(--line);color:var(--text-2);padding:40px 0 calc(28px + 76px)}
.footer__row{display:grid;gap:12px}
.footer__nav{display:flex;flex-direction:column}
.footer__nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14.5px;color:var(--text-2);text-decoration:none;transition:color .16s}
.footer__nav a:hover{color:var(--accent)}
.footer__legal{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:var(--fs-legal);line-height:1.5;color:var(--muted)}
.disclaimer{max-width:720px;margin-top:8px}
@media (min-width:761px){
  .site-footer{padding:48px 0 28px}
  .footer__row{grid-template-columns:auto 1fr;gap:40px;align-items:center}
  .footer__nav{flex-direction:row;justify-content:flex-end;gap:24px}
}

/* 16. sticky CTA (mobile only) */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sticky);padding:10px 16px calc(10px + max(10px,env(safe-area-inset-bottom)));background:rgba(255,255,255,.96);border-top:1px solid var(--line);transform:translateY(110%);visibility:hidden;transition:transform .3s var(--ease),visibility 0s .3s}
.sticky-cta.is-on{transform:none;visibility:visible;transition-delay:0s}
.sticky-cta .btn{font-size:16px}
@media (min-width:761px){.sticky-cta{display:none}}

/* 17. reveal */
.js .reveal{opacity:0}
.js .reveal.in{opacity:1;animation:revealIn var(--t-reveal) var(--ease) backwards;animation-delay:calc(var(--i,0)*60ms)}

/* 18. keyframes */
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes ping{0%{transform:scale(.35);opacity:1}100%{transform:scale(1);opacity:0}}
@keyframes ctaPulse{0%{box-shadow:var(--shadow-btn),0 0 0 0 rgba(var(--accent-rgb),.45)}70%,100%{box-shadow:var(--shadow-btn),0 0 0 14px rgba(var(--accent-rgb),0)}}
@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes slideIn{from{opacity:0;transform:translateY(-4px)}}
@keyframes popIn{from{opacity:0;transform:scale(.97) translateY(6px)}}
@keyframes bodyIn{from{opacity:0;transform:translateY(6px)}}
@keyframes feedIn{from{opacity:0;transform:translateY(-8px)}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes revealIn{from{opacity:0;transform:translateY(var(--reveal-y))}}
@keyframes tileIn{from{opacity:0;transform:translateY(24px)}}
@keyframes panelIn{from{opacity:0;transform:translateY(-8px)}}

/* 19. reduced motion: no loops, no reveal, static feed and lock */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal{opacity:1}
  .js .lock *{stroke-dashoffset:0}
  .live::after{display:none}
}

/* 20. owner 2026-11-09: saturated header with Argentina cue, feed highlights, photo avatars */
.site-header{background:linear-gradient(90deg,#1239c4 0%,var(--accent) 48%,#1f5be6 100%);border-bottom:1px solid rgba(255,255,255,.14)}
.site-header::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#fcd116 0 50%,#003893 50% 75%,#ce1126 75%)}
.site-header.scrolled{box-shadow:0 12px 30px -16px rgba(var(--ink-rgb),.6)}
.site-header__row{gap:14px}
.site-header .logo{color:#fff}
.site-header .wordmark b{color:#a9d4f5}
.mark{color:var(--accent)}
.site-header .mark{color:#fff}
.site-nav a{color:rgba(255,255,255,.84)}
.site-nav a:hover{color:#fff}
.site-header .btn-primary{background:#fff;color:var(--accent-dark);border-color:#fff;box-shadow:0 10px 24px -14px rgba(0,0,0,.45)}
.site-header .btn-primary:hover{background:#e8f3fb;color:var(--accent-dark)}
.site-header .nav-toggle{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.38)}
.site-header .nav-toggle__bar{background:#fff}
.geo-chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;font:600 12.5px/1 var(--font-body);white-space:nowrap}
.geo-chip__flag{width:20px;height:20px;flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.geo-chip__text{display:none;padding-right:4px}
@media (min-width:761px){.geo-chip{padding:0 10px 0 6px}.geo-chip__text{display:inline}}
@media (min-width:1081px){.site-header__row{gap:28px}.geo-chip{margin-left:-12px}}
#operaciones{position:relative;overflow:hidden}
.orbits--feed{width:360px;right:-190px;top:-70px;opacity:.5;color:var(--celeste)}
.orbits--feed .orbits__sat--2{color:var(--accent-2)}
@media (min-width:761px){.orbits--feed{width:520px;right:-230px;top:-150px;opacity:.55}}
@media (min-width:1081px){.orbits--feed{left:-260px;right:auto;top:auto;bottom:-280px;width:620px;opacity:.5}}
#operaciones .feed__grid{position:relative;z-index:var(--z-content)}
.feed__hl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.hl{display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px;border-radius:var(--r-card);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-panel)}
.hl--accent{background:linear-gradient(135deg,var(--ink) 0%,#143f8f 100%);border-color:transparent;color:#fff}
.hl__label{font:600 var(--fs-chip)/1.25 var(--font-body);color:var(--muted)}
.hl--accent .hl__label{color:var(--ink-text)}
.hl__row{display:flex;align-items:center;gap:10px;min-width:0}
.hl__avatar{width:40px;height:40px;flex:none;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--line)}
.hl--accent .hl__avatar{box-shadow:0 0 0 2px rgba(255,255,255,.28)}
.hl__who{display:flex;flex-direction:column;gap:2px;line-height:1.2;min-width:0}
.hl__who b{font-size:15px;color:var(--text-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hl__who span{font-size:var(--fs-note);color:var(--muted)}
.hl--accent .hl__who b{color:#fff}
.hl--accent .hl__who span{color:var(--ink-text)}
.hl__sum{font:800 clamp(17px,4.4vw,22px)/1 var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--text-0);white-space:nowrap}
.hl__sum span{font:600 var(--fs-chip)/1 var(--font-body);color:var(--muted)}
.hl--accent .hl__sum{color:#fff}
.hl--accent .hl__sum span{color:var(--ink-text)}
@media (min-width:761px){.feed__hl{max-width:640px;gap:16px}.hl{padding:16px 18px}}
@media (min-width:1081px){.feed__hl{grid-template-columns:1fr 1fr;max-width:none;margin-top:28px}}
.feed__head{justify-content:space-between}
.feed__legend{display:inline-flex;align-items:center;gap:6px;font:500 var(--fs-note)/1 var(--font-body);color:var(--muted)}
.feed__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--celeste);margin-left:8px}
.feed__dot--ret{background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--line-2)}
.feed__dot:first-child{margin-left:0}
.op__glyph--photo{position:relative;background:none;border:0;overflow:visible}
.op__glyph--photo img{display:block;width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--line)}
.op__badge{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--tint);color:var(--celeste-text);box-shadow:0 0 0 2px var(--panel)}
.op__badge svg{width:10px;height:10px}
.op__glyph--ret .op__badge{background:var(--panel);color:var(--text-2);box-shadow:0 0 0 2px var(--panel),inset 0 0 0 1px var(--line-2)}
.op--ret .op__sum b{color:var(--accent)}
@media (prefers-reduced-motion:reduce){.orbits--feed .orbits__sat{animation:none}}

/* 21. owner 2026-11-09: video loops on brand navy instead of black (black of the mp4 is screened away) */
.media-tile:not(.media-tile--hielo){background:linear-gradient(145deg,#0a2a5e 0%,#143f8f 58%,#1743d9 100%)}
.media-tile video,.media-tile>img{mix-blend-mode:screen}