/* ---- landing: bloques propios ---- */
.op-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.op-rows li{display:grid;grid-template-columns:96px 1fr;gap:28px;padding:30px 0;border-bottom:1px solid var(--line);align-items:baseline}
.op-rows--steps li{grid-template-columns:96px 150px 1fr}
.op-rows__n{font:600 2.4rem/1 var(--font-mono);color:var(--brand)}
.op-rows__l{font:600 .9rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.op-rows p{margin:0;font-size:1.15rem;color:var(--ink-2);max-width:62ch}
.op-cols{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.op-cols > div{padding:34px 32px 8px 0;border-right:1px solid var(--line);min-width:0}
.op-cols > div + div{padding-left:32px}
.op-cols > div:last-child{border-right:0;padding-right:0}
.op-cols h3{margin:14px 0 10px}
.op-cols p{color:var(--ink-2);margin:0}
.op-shots{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px;align-items:start}
.op-shots .app-shot img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:left top}
.op-shots > *{min-width:0}
.op-evita h2{color:#fff;max-width:20ch;margin-bottom:40px}
.op-strike{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 48px}
.op-strike li{font-size:1.3rem;font-weight:600;color:#EDEFF2;text-decoration:line-through;text-decoration-color:rgba(176,221,99,.75);text-decoration-thickness:1.5px;padding:14px 0 14px 46px;border-bottom:1px solid var(--night-line);position:relative}
.op-strike li::before{content:"✕";position:absolute;left:0;top:14px;width:30px;height:30px;border-radius:50%;background:rgba(176,221,99,.18);color:var(--accent);font-size:.95rem;font-weight:700;line-height:30px;text-align:center;text-decoration:none}
.op-grid2{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.op-grid2 > div{padding:34px 40px 34px 0;border-bottom:1px solid var(--line);min-width:0}
.op-grid2 > div:nth-child(odd){border-right:1px solid var(--line)}
.op-grid2 > div:nth-child(even){padding-left:40px;padding-right:0}
.op-grid2 h3{margin-bottom:10px}
.op-grid2 p{margin:0;color:var(--ink-2)}
.op-kpi{margin-top:64px;align-items:center}
.op-big{font:900 clamp(3.2rem,7vw,5.2rem)/1 var(--font-display);letter-spacing:-.04em;color:var(--ink)}
.op-big::after{content:"";display:block;width:64px;height:6px;border-radius:3px;background:var(--accent);margin-top:14px}
.op-big__sub{font-size:1.15rem;font-weight:600;color:var(--ink);margin:16px 0 12px}
.op-closing{margin-top:64px;padding:40px;border-radius:20px;background:var(--brand-50)}
.op-closing__big{font:800 clamp(1.35rem,2.4vw,1.75rem)/1.25 var(--font-display);color:var(--ink);margin-bottom:12px;max-width:34ch}
.op-closing p{max-width:70ch;color:var(--ink-2)}
.op-closing p.op-closing__big{color:var(--ink)}
.op-contact{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;background:var(--night);color:#E3E5E8;border-radius:28px;padding:clamp(28px,5vw,64px)}
.op-contact > *{min-width:0}
.op-contact h2{color:#fff}
.op-contact .kicker{color:var(--on-night-accent)}
.op-contact .lead{color:#B9BDC4}
.op-contact__cal{margin-top:32px;padding:22px;border:1px solid var(--night-line);border-radius:16px}
.op-contact__cal p{margin:0 0 14px;color:#D6D9DE}
.op-contact__cal b{color:#fff}
.op-contact__alt{margin-top:22px;color:#9BA0A8;font-size:.95rem}
.op-contact__alt a{color:var(--on-night-accent)}
.op-contact .form{box-shadow:none}
@media (max-width:900px){
  .op-cols,.op-grid2,.op-shots,.op-strike,.op-contact{grid-template-columns:1fr}
  .op-cols > div,.op-cols > div + div{padding:26px 0;border-right:0;border-bottom:1px solid var(--line)}
  .op-cols > div:last-child{border-bottom:0}
  .op-grid2 > div,.op-grid2 > div:nth-child(even){padding:26px 0;border-right:0}
  .op-grid2 > div:nth-child(odd){border-right:0}
  .op-strike{gap:0}
}
@media (max-width:640px){
  .op-rows li,.op-rows--steps li{grid-template-columns:56px 1fr;gap:6px 16px;padding:24px 0}
  .op-rows--steps .op-rows__l{grid-column:2}
  .op-rows--steps p{grid-column:2}
  .op-rows__n{font-size:1.7rem}
  .op-rows p{font-size:1.02rem}
  .op-strike li{font-size:1.1rem}
  .op-closing{padding:26px}
}

.op-seg{padding:72px 0}
.op-seg .grid--4 .card{padding:20px}
.op-seg .card h4{margin:10px 0 0;font-size:1rem}

@media (max-width:640px){.op-seg .grid--4{grid-template-columns:1fr 1fr;gap:12px}.op-seg .card{padding:16px}.op-seg .card h4{font-size:.92rem}}

.op-faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:56px}
.op-faq .op-qa{padding:28px 0;border-bottom:1px solid var(--line);min-width:0}
.op-faq h3{font-size:1.12rem;margin-bottom:10px}
.op-faq p{margin:0;color:var(--ink-2)}
.op-faq p.pending{margin-top:4px}
@media (max-width:900px){.op-faq{grid-template-columns:1fr}}

.op-aq{padding:0 0 72px}
.op-aq__box{display:flex;align-items:center;gap:28px;padding:22px 28px;border:1px solid var(--line);border-radius:18px;background:#fff}
.op-aq__logo{height:40px;width:auto;flex:0 0 auto}
.op-aq__text{margin:0;flex:1;font-size:.98rem;color:var(--ink-2)}
.op-aq__text b{color:var(--ink)}
.op-aq__link{flex:0 0 auto;font-weight:600;color:#3171B7;text-decoration:none;white-space:nowrap}
.op-aq__link::after{content:" →"}
.op-aq__link:hover{text-decoration:underline}
@media (max-width:760px){.op-aq__box{flex-direction:column;align-items:flex-start;gap:14px;padding:22px}.op-aq__link{white-space:normal}}

.op-legal-check span{font-size:.8rem;line-height:1.5;color:var(--ink-3);font-style:italic}

.op-contact--wide{grid-template-columns:1fr;gap:28px}
.op-contact--wide .op-contact__text{max-width:760px}
.op-contact--wide .form{padding:clamp(22px,3vw,36px)}
.op-contact--wide .form__grid{grid-template-columns:1fr 1fr;gap:18px 22px}
.op-submit{display:flex;justify-content:flex-end}
.op-submit .btn{min-width:220px}
@media (max-width:640px){.op-contact--wide .form__grid{grid-template-columns:1fr}.op-submit .btn{width:100%}}
/* Solo versión one page */
.lang-switch{font:600 .8rem/1 var(--font-mono);letter-spacing:.08em;color:var(--ink-2);text-decoration:none;padding:9px 10px;border:1px solid var(--line);border-radius:8px;margin-right:4px}
.lang-switch:hover{color:var(--ink);border-color:var(--ink)}
@media (max-width:400px){.header .logo img{height:20px!important;width:auto!important}.header .header__cta a.lang-switch{padding:8px 6px;margin-right:0}.header .header__cta a.btn--sm{padding-left:10px;padding-right:10px}.header .header__cta{gap:6px}.header .header__in{gap:10px}}
.hd-short{display:none}
@media (max-width:560px){.hd-long{display:none}.hd-short{display:inline}}
main > section[id], #formulario{scroll-margin-top:84px}
.nav a.is-active{color:var(--ink);background:var(--bg-soft)}
.op-head{max-width:760px;margin-bottom:36px}
.op-head.center{margin-left:auto;margin-right:auto}
.op-method{margin-top:40px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.op-method > summary{cursor:pointer;list-style:none;padding:20px 56px 20px 24px;font-weight:700;position:relative}
.op-method > summary::-webkit-details-marker{display:none}
.op-method > summary::after{content:"";position:absolute;right:24px;top:50%;width:10px;height:10px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.op-method[open] > summary::after{transform:translateY(-30%) rotate(225deg)}
.op-method__body{padding:0 24px 24px}
.op-method__body > div:first-child{margin-bottom:24px}
/* cabecera sin apartados: los dos botones siempre visibles */
.header .nav{position:static;display:flex;flex-direction:row;align-items:center;margin-left:auto;padding:0;background:none;box-shadow:none;border:0;inset:auto}
.header .header__cta{margin:0;flex-direction:row}
@media (max-width:420px){.header .header__cta .btn--ghost{display:none}.header .logo img{height:26px}}
.op-next{margin-top:36px;align-items:center}
.op-next.center{justify-content:center}
.op-next .muted{margin-right:4px}
.op-down::after{content:" ↓"}
.hero .btn-row{align-items:center}
.hero .op-down{margin-left:6px}
.aq--compact{padding:80px 0}
.aq--compact .aq__brand{margin-bottom:40px;padding-bottom:28px}
.aq--compact .aq__figs{margin:48px 0 0}
.aq--compact .aq__grid{grid-template-columns:1fr}
.aq--compact .aq__bottom{grid-template-columns:1fr;margin-top:36px;gap:0}
.aq--compact .aq__bottom > div{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.aq--compact .aq__bottom .aq__kick{width:100%}
.aq--compact .aq__clients{margin:0}
.aq--compact .aq__bottom .aq__body{display:none}
.aq--compact .aq__btn{margin:0 0 0 auto}
@media (max-width:760px){.aq--compact .aq__btn{margin:8px 0 0}}
.faq-toggle-wrap{margin-top:20px}
.to-top{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:55;width:46px;height:46px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s,transform .2s}
.to-top.is-on{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{background:#2A2C30;color:var(--accent)}
.to-top svg{width:20px;height:20px}
@media (max-width:900px){.to-top{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}