/* Promptea — layout: columna editorial de 72rem, bloques alternos a sangre, motivo de "prompt" (mono + caret) como firma */
:root{
  --bg:#F4F6F9; --surface:#FFFFFF; --ink:#0E1630; --muted:#55607A; --line:#DCE1EA;
  --accent:#2347FF; --accent-ink:#FFFFFF; --soft:#E7EBFF; --mark:#FFD84D; --mark-ink:#0E1630;
  --ok:#0F7B4E; --warn:#A35B00; --warn-bg:#FFF3DC; --ok-bg:#E2F5EC;
  --f-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --f-body:"Figtree", "Segoe UI", system-ui, sans-serif;
  --f-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --wrap:72rem; --r:14px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0B1020; --surface:#131A30; --ink:#EEF1F8; --muted:#9AA4BE; --line:#252E48;
  --accent:#7D92FF; --accent-ink:#0B1020; --soft:#1A2347; --mark:#FFD84D; --mark-ink:#0E1630;
  --ok:#5BD69E; --warn:#FFB84D; --warn-bg:#2E2412; --ok-bg:#12291F; color-scheme:dark;}}
:root[data-theme="dark"]{
  --bg:#0B1020; --surface:#131A30; --ink:#EEF1F8; --muted:#9AA4BE; --line:#252E48;
  --accent:#7D92FF; --accent-ink:#0B1020; --soft:#1A2347; --mark:#FFD84D; --mark-ink:#0E1630;
  --ok:#5BD69E; --warn:#FFB84D; --warn-bg:#2E2412; --ok-bg:#12291F; color-scheme:dark;}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--accent)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--f-display);line-height:1.08;letter-spacing:-.02em;text-wrap:balance;margin:0}
h1{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:700}
h2{font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:700}
h3{font-size:1.3rem;font-weight:600;letter-spacing:-.01em}
p{margin:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.measure{max-width:62ch}
.lead{font-size:1.2rem;color:var(--muted)}
.eyebrow{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:500}
.mark{background:linear-gradient(transparent 58%,var(--mark) 58%);color:inherit;padding-inline:.08em}
.mono{font-family:var(--f-mono)}
.num{font-variant-numeric:tabular-nums}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.25rem}
.logo{font-family:var(--f-mono);font-weight:700;font-size:1.2rem;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:.35rem}
.logo b{color:var(--accent)}
.caret{display:inline-block;width:.55em;height:1.05em;background:var(--accent);vertical-align:-.15em;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
nav.main ul{display:flex;gap:.25rem;list-style:none;margin:0;padding:0;align-items:center}
nav.main a{display:block;padding:.5rem .75rem;border-radius:8px;color:var(--ink);text-decoration:none;font-weight:500;font-size:.97rem}
nav.main a:hover{background:var(--soft)}
nav.main a[aria-current="page"]{color:var(--accent);background:var(--soft)}
nav.main a.cta{background:var(--accent);color:var(--accent-ink);margin-left:.5rem}
nav.main a.cta:hover{filter:brightness(1.08)}
.menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:.45rem .7rem;font:500 .95rem var(--f-body);cursor:pointer}
@media (max-width:900px){
  .menu-btn{display:block}
  nav.main{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);display:none}
  nav.main.open{display:block}
  nav.main ul{flex-direction:column;align-items:stretch;padding:.75rem clamp(16px,4vw,32px) 1rem}
  nav.main a.cta{margin:.5rem 0 0;text-align:center}
}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.25rem;border-radius:10px;font-weight:600;text-decoration:none;border:1.5px solid transparent;font-size:1rem;cursor:pointer;font-family:var(--f-body)}
.btn-primary{background:var(--accent);color:var(--accent-ink)}
.btn-primary:hover{filter:brightness(1.08)}
.btn-ghost{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-ghost:hover{background:var(--ink);color:var(--bg)}
.actions{display:flex;flex-wrap:wrap;gap:.75rem}

/* sections */
section{padding-block:clamp(3.5rem,8vw,6rem)}
.band{background:var(--surface);border-block:1px solid var(--line)}
.ink-band{background:var(--ink);color:var(--bg)}
.ink-band .eyebrow{color:var(--mark)}
.ink-band .lead,.ink-band p{color:color-mix(in srgb,var(--bg) 80%,var(--ink))}
.sec-head{display:grid;gap:.9rem;margin-bottom:2.5rem;max-width:46rem}

/* hero */
.hero{padding-block:clamp(3rem,7vw,5.5rem) clamp(3rem,6vw,4.5rem)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.hero-grid>*{min-width:0}
.hero h1 .caret{width:.35em;height:.8em;vertical-align:-.04em;margin-left:.08em}
.hero .lead{margin-block:1.4rem 2rem;max-width:36rem}
.page-hero{padding-block:clamp(3rem,6vw,4.5rem) clamp(2rem,4vw,3rem)}
.page-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-top:.8rem}
.page-hero .lead{margin-top:1.2rem;max-width:44rem}
.crumbs{font-family:var(--f-mono);font-size:.8rem;color:var(--muted)}
.crumbs a{color:var(--muted)}
@media (max-width:860px){.hero-grid{grid-template-columns:1fr}}

/* prompt console (signature element) */
.console{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 24px 60px -30px color-mix(in srgb,var(--accent) 45%,transparent);font-family:var(--f-mono);font-size:.88rem;overflow:hidden}
.console-bar{display:flex;gap:.4rem;align-items:center;padding:.7rem 1rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.75rem}
.console-bar i{width:.65rem;height:.65rem;border-radius:50%;background:var(--line);display:inline-block}
.console-body{padding:1.1rem 1.2rem 1.3rem;display:grid;gap:.8rem}
.console .q{color:var(--ink)}
.console .q::before{content:"> ";color:var(--accent);font-weight:700}
.console .a{color:var(--muted);display:grid;gap:.35rem}
.console .a span::before{content:"✓ ";color:var(--ok)}
.console .a strong{color:var(--ink);font-weight:600}

/* service cards */
.svc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.svc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.75rem;display:grid;gap:.85rem;align-content:start;text-decoration:none;color:var(--ink);transition:border-color .2s, transform .2s}
.svc:hover{border-color:var(--accent);transform:translateY(-2px)}
.svc .tag{font-family:var(--f-mono);font-size:.75rem;color:var(--muted)}
.svc p{color:var(--muted)}
.svc ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}
.svc li{font-size:.82rem;padding:.25rem .6rem;border-radius:99px;background:var(--soft);color:var(--ink)}
.svc .go{font-weight:600;color:var(--accent)}
.svc.featured{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.svc.featured p,.svc.featured .tag{color:color-mix(in srgb,var(--bg) 75%,var(--ink))}
.svc.featured li{background:color-mix(in srgb,var(--bg) 14%,var(--ink));color:var(--bg)}
.svc.featured .go{color:var(--mark)}
@media (max-width:760px){.svc-grid{grid-template-columns:1fr}}

/* generic grids */
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2.5rem}
.grid-3>*,.grid-2>*{min-width:0}
@media (max-width:860px){.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}}
.item{display:grid;gap:.5rem;align-content:start}
.item p{color:var(--muted)}
.item h3{display:flex;gap:.6rem;align-items:baseline}
.ink-band .item p{color:color-mix(in srgb,var(--bg) 72%,var(--ink))}
.box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.5rem}

/* steps — real sequence */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;counter-reset:s}
.steps li{counter-increment:s;border-top:2px solid var(--ink);padding-top:1rem;display:grid;gap:.45rem;align-content:start;min-width:0}
.steps li::before{content:"paso " counter(s);font-family:var(--f-mono);font-size:.78rem;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}
.steps p{color:var(--muted);font-size:.97rem}
.ink-band .steps li{border-color:var(--mark)}
.ink-band .steps li::before{color:var(--mark)}
@media (max-width:860px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

/* plans */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:stretch}
.plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.75rem;display:flex;flex-direction:column;gap:1rem;min-width:0}
.plan.pick{border:2px solid var(--accent)}
.plan .badge{align-self:flex-start;font-family:var(--f-mono);font-size:.72rem;background:var(--accent);color:var(--accent-ink);padding:.2rem .55rem;border-radius:6px}
.plan .price{font-family:var(--f-display);font-size:2.2rem;font-weight:700;letter-spacing:-.02em}
.plan .price small{font-family:var(--f-body);font-size:.9rem;font-weight:500;color:var(--muted);letter-spacing:0}
.plan ul{margin:0;padding:0;list-style:none;display:grid;gap:.5rem;flex:1}
.plan li{padding-left:1.4rem;position:relative;font-size:.97rem}
.plan li::before{content:"→";position:absolute;left:0;color:var(--accent);font-family:var(--f-mono)}
.plan .btn{justify-content:center}
@media (max-width:900px){.plans{grid-template-columns:1fr}}
.note{font-size:.88rem;color:var(--muted)}

/* metric strip */
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.metric{background:var(--surface);padding:1.4rem;display:grid;gap:.3rem}
.metric .v{font-family:var(--f-mono);font-size:1.6rem;font-weight:700;color:var(--accent)}
.metric .k{font-weight:600}
.metric p{color:var(--muted);font-size:.9rem}
@media (max-width:760px){.metrics{grid-template-columns:1fr}}

/* tables */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
table{border-collapse:collapse;width:100%;font-size:.94rem;min-width:40rem}
th,td{text-align:left;padding:.8rem 1rem;border-bottom:1px solid var(--line);vertical-align:top}
thead th{font-family:var(--f-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:500;background:color-mix(in srgb,var(--soft) 55%,var(--surface))}
tbody tr:last-child td{border-bottom:0}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
td.dash{color:var(--muted);text-align:right}
tbody th{font-weight:600}

/* status */
.status{display:grid;grid-template-columns:auto 1fr;gap:1rem 1.25rem;padding:1.5rem;border-radius:var(--r);border:1px solid var(--line);background:var(--surface)}
.pill{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--f-mono);font-size:.74rem;font-weight:600;padding:.25rem .6rem;border-radius:99px;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}
.pill::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor}
.pill.warn{background:var(--warn-bg);color:var(--warn)}
.pill.ok{background:var(--ok-bg);color:var(--ok)}
.pill.info{background:var(--soft);color:var(--accent)}
.status-list{display:grid;gap:1rem;margin:0;padding:0;list-style:none}
.status-list li{display:grid;grid-template-columns:9rem 1fr;gap:1rem;align-items:start;padding-bottom:1rem;border-bottom:1px dashed var(--line)}
.status-list li:last-child{border-bottom:0;padding-bottom:0}
.status-list p{color:var(--muted);font-size:.97rem}
.status-list strong{color:var(--ink)}
@media (max-width:600px){.status-list li{grid-template-columns:1fr;gap:.4rem}}

/* segments */
.segs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}
.seg{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.1rem;display:grid;gap:.2rem;min-width:0}
.seg .s{font-family:var(--f-mono);font-size:.74rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.seg .e{font-size:.9rem;color:var(--muted)}
.seg .amt{font-family:var(--f-display);font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
@media (max-width:960px){.segs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.segs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* checklist */
.checks{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.checks li{padding-left:1.8rem;position:relative}
.checks li::before{content:"";position:absolute;left:0;top:.35em;width:1.05rem;height:1.05rem;border-radius:4px;background:var(--accent);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' stroke='black' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat, linear-gradient(#000 0 0)}
.checks li::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' stroke='black' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' stroke='black' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}

/* SERP mock */
.serp{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.3rem;display:grid;gap:1rem;font-size:.92rem}
.serp .bar{border:1px solid var(--line);border-radius:99px;padding:.55rem 1rem;color:var(--muted);font-family:var(--f-mono);font-size:.82rem}
.serp .res{display:grid;gap:.15rem}
.serp .url{font-size:.78rem;color:var(--muted)}
.serp .t{color:var(--accent);font-size:1.05rem;font-weight:600}
.serp .d{color:var(--muted)}
.serp .res.you{outline:2px dashed var(--mark);outline-offset:6px;border-radius:4px}
.serp .ad{font-weight:700;color:var(--ink);font-size:.78rem}

/* faq */
.faq{display:grid;gap:.6rem;max-width:52rem}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 1.2rem}
.faq summary{cursor:pointer;padding:1rem 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--f-mono);color:var(--accent);font-size:1.2rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{padding-bottom:1.1rem;color:var(--muted)}

/* cta band */
.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.cta-band h2{max-width:34rem}
.cta-band .btn-primary{background:var(--mark);color:var(--mark-ink)}

/* form */
form.contact{display:grid;gap:1rem}
.field{display:grid;gap:.35rem}
.field label{font-weight:600;font-size:.92rem}
.field input,.field select,.field textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.75rem .9rem;width:100%}
.field textarea{min-height:8rem;resize:vertical}
.row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:600px){.row-2{grid-template-columns:1fr}}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chips label{display:inline-flex;gap:.4rem;align-items:center;border:1px solid var(--line);border-radius:99px;padding:.4rem .8rem;font-weight:500;cursor:pointer;background:var(--bg)}
.chips input{accent-color:var(--accent)}
.form-ok{background:var(--ok-bg);color:var(--ok);padding:1rem;border-radius:10px;font-weight:600}
.copy-line{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.copy-line code{font-family:var(--f-mono);font-size:.95rem;user-select:all}
.copy{font:500 .8rem var(--f-mono);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:.25rem .55rem;cursor:pointer}

/* footer */
footer{border-top:1px solid var(--line);padding-block:3rem 2.5rem;font-size:.93rem;color:var(--muted)}
footer .cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2rem}
footer .cols>*{min-width:0}
footer h4{font-family:var(--f-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin:0 0 .8rem;font-weight:600}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--accent)}
footer .legal{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.84rem}
@media (max-width:760px){footer .cols{grid-template-columns:1fr 1fr}}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.status>.pill{align-self:start}@media (max-width:600px){.status{grid-template-columns:1fr}}
.status-list .pill{justify-self:start}

/* redes sociales */
.socials{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.socials a{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .8rem .45rem .45rem;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--ink);text-decoration:none;font-weight:500;font-size:.93rem}
.socials a:hover{border-color:var(--accent);color:var(--accent)}
.socials .ini{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--soft);color:var(--accent);font:700 .68rem var(--f-mono);text-transform:uppercase}
.socials.compact a{font-size:.85rem;padding:.3rem .7rem .3rem .3rem}
.socials.compact .ini{width:1.4rem;height:1.4rem;font-size:.6rem}
.follow{margin-top:2rem;display:grid;gap:.2rem}
.follow h4{margin-bottom:.4rem}
a.mail{text-decoration:none;color:var(--accent)}
.chips input{width:auto;padding:0;border:0;background:none}.chips label{white-space:nowrap}
/* enlace "Ver Kit Digital" en la tarjeta destacada: tono ámbar oscuro */
:root{--feat-go:#C98A00}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--feat-go:#7A4E00}}
:root[data-theme="dark"]{--feat-go:#7A4E00}
.svc.featured .go{color:var(--feat-go)}
/* enlace "Ver Kit Digital": tono dorado más oscuro, legible en ambos temas */
:root{--kit-link:#D4A017}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--kit-link:#8A5A00}}
:root[data-theme="dark"]{--kit-link:#8A5A00}
.svc.featured .go{color:var(--kit-link)}

/* Paleta Promptea: azul (principal) + naranja (destacados) + rosa suave (fondos) */
:root{
  --orange:#F26A1B; --pink:#FDEBEF; --pink-line:#F6D3DC;
  --mark:#FF8A4C; --mark-ink:#0E1630; --mark-hl:#FFC6A3; --kit-link:#FF8A4C;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --orange:#FF8A4C; --pink:#1E1729; --pink-line:#33263F;
  --mark:#FF8A4C; --mark-ink:#0B1020; --mark-hl:#8A3B12; --kit-link:#B4480F;}}
:root[data-theme="dark"]{
  --orange:#FF8A4C; --pink:#1E1729; --pink-line:#33263F;
  --mark:#FF8A4C; --mark-ink:#0B1020; --mark-hl:#8A3B12; --kit-link:#B4480F;}
.mark{background:linear-gradient(transparent 58%,var(--mark-hl) 58%)}
.band{background:var(--pink);border-color:var(--pink-line)}
.band .box,.band .table-wrap,.band .faq details,.band .plan,.band .svc:not(.featured),.band .metric{background:var(--surface)}
.eyebrow{color:var(--orange)}
.steps li::before{color:var(--orange)}
.plan li::before{color:var(--orange)}
.plan .badge{background:var(--orange);color:#fff}
.hero .eyebrow,.page-hero .crumbs{color:var(--orange)}
.svc .go{color:var(--accent)}
.svc.featured .go{color:var(--kit-link)}

/* palabras clave destacadas con fondo de color */
:root{--hl-o-bg:#F05A28;--hl-o-ink:#0A1F44;--hl-s-bg:#FFD3C2;--hl-s-ink:#0A1F44;--hl-n-bg:#0A1F44;--hl-n-ink:#FFFFFF}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--hl-s-bg:#5A2A1A;--hl-s-ink:#FFE6DB;--hl-n-bg:#DCE3F2;--hl-n-ink:#0A1F44}}
:root[data-theme="dark"]{--hl-s-bg:#5A2A1A;--hl-s-ink:#FFE6DB;--hl-n-bg:#DCE3F2;--hl-n-ink:#0A1F44}
.hl{padding:.02em .3em;border-radius:.3em;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:inherit}
.hl-o{background:var(--hl-o-bg);color:var(--hl-o-ink)}
.hl-s{background:var(--hl-s-bg);color:var(--hl-s-ink)}
.hl-n{background:var(--hl-n-bg);color:var(--hl-n-ink)}
h1 .hl,h2 .hl{padding:0 .18em;border-radius:.18em}
.ink-band .hl-o{background:var(--hl-o-bg);color:var(--hl-o-ink)}
.lead .hl{font-weight:500}
.hl.hl-o{color:var(--hl-o-ink)!important}.hl.hl-s{color:var(--hl-s-ink)!important}.hl.hl-n{color:var(--hl-n-ink)!important}
[hidden]{display:none!important}
section[id]{scroll-margin-top:5.5rem}
/* aviso: orden de llegada */
.fcfs{padding-block:0 clamp(2rem,4vw,3rem)}
.fcfs-box{display:grid;grid-template-columns:auto 1fr auto;gap:1.25rem 1.75rem;align-items:center;background:var(--ink);color:var(--bg);border-radius:var(--r);padding:clamp(1.25rem,3vw,2rem);border-left:6px solid var(--brand-orange)}
.fcfs-box>*{min-width:0}
.fcfs-icon{width:3.5rem;height:3.5rem;border-radius:50%;background:var(--brand-orange);color:var(--navy);display:grid;place-items:center}
.fcfs-icon svg{width:2rem;height:2rem}
.fcfs-kicker{font-family:var(--f-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-orange);margin-bottom:.4rem}
.fcfs h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin-bottom:.6rem}
.fcfs p{color:color-mix(in srgb,var(--bg) 82%,var(--ink))}
.fcfs strong{color:var(--bg)}
@media (max-width:860px){.fcfs-box{grid-template-columns:1fr}.fcfs-cta{justify-self:start}}
.fcfs p.fcfs-kicker{color:var(--brand-orange)}
#kit-digital .fcfs{padding-block:clamp(1.5rem,3vw,2.25rem) 0}
.panel{scroll-margin-top:6rem}
/* fotos */
.photo{display:block;width:100%;height:auto;max-width:100%}
.figure .photo{border-radius:24px}
.figure:has(.photo){box-shadow:0 30px 60px -35px color-mix(in srgb,var(--navy) 55%,transparent)}
.photo-banner{padding-block:0 clamp(2.5rem,5vw,4rem)}
.photo-banner .banner{margin:0}
.thumb-photo{aspect-ratio:16/9;overflow:hidden}
.thumb-photo .photo{width:100%;height:100%;object-fit:cover;border-radius:0}
main>.fcfs:first-child{padding-top:clamp(1.5rem,3vw,2.25rem)}

/* ilustraciones */
.illu{display:block;width:100%;height:auto;max-width:100%}
.i-pink{fill:var(--pink)} .i-blue{fill:var(--accent)} .i-orange{fill:var(--orange)} .i-ink{fill:var(--ink)}
.i-surface{fill:var(--surface)} .i-none{fill:none} .i-line-fill{fill:var(--line)} .i-muted-fill{fill:var(--muted)}
.i-blue-soft{fill:color-mix(in srgb,var(--accent) 22%,var(--surface))}
.i-orange-soft{fill:color-mix(in srgb,var(--orange) 30%,var(--pink))}
.i-stroke{stroke:var(--line);stroke-width:2}
.i-stroke-blue{stroke:var(--accent);fill:none}
.illu text{font-family:var(--f-mono);font-weight:700}
.i-txt-dark{fill:var(--mark-ink);font-size:13px}
.i-txt-blue{fill:var(--accent);font-size:16px}
.i-txt-muted{fill:var(--muted);font-size:16px}
.i-txt-euro{fill:var(--surface);font-size:46px;font-family:var(--f-display)!important}
.i-txt-at{fill:var(--surface);font-size:24px}
.figure{border-radius:24px;overflow:hidden}
.svc .thumb{margin:-1.75rem -1.75rem .4rem;border-bottom:1px solid var(--line);background:var(--pink)}
.svc .thumb .illu{aspect-ratio:400/220;object-fit:cover}
.svc.featured .thumb{border-color:color-mix(in srgb,var(--bg) 14%,var(--ink))}
.svc{overflow:hidden}
.page-hero .hero-grid{align-items:center}
@media (max-width:860px){.page-hero .figure{max-width:30rem}}

/* ===== Identidad corporativa Promptea: navy #0A1F44 + naranja #F05A28 + blanco ===== */
:root{
  --bg:#F5F6FA; --surface:#FFFFFF; --ink:#0A1F44; --muted:#4F5B73; --line:#DDE1EA;
  --navy:#0A1F44; --brand-orange:#F05A28;
  --accent:#C9461B; --accent-ink:#FFFFFF;
  --orange:#F05A28; --soft:#FDEDE6; --pink:#FBF1EC; --pink-line:#F3DDD3;
  --mark:#F05A28; --mark-ink:#0A1F44; --mark-hl:#FFC4AE; --kit-link:#F05A28;
  --btn:#F05A28; --btn-ink:#0A1F44; --logo-ea:#0A1F44;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#071631; --surface:#0E2550; --ink:#F2F4F8; --muted:#A7B2C8; --line:#22386A;
  --navy:#9FB2DA; --accent:#FF7D52; --accent-ink:#071631;
  --orange:#FF7A4A; --soft:#2A2440; --pink:#0C2148; --pink-line:#1E3566;
  --mark:#F05A28; --mark-ink:#0A1F44; --mark-hl:#8E3414; --kit-link:#C9461B;
  --btn:#F05A28; --btn-ink:#0A1F44; --logo-ea:#FFFFFF; color-scheme:dark;}}
:root[data-theme="dark"]{
  --bg:#071631; --surface:#0E2550; --ink:#F2F4F8; --muted:#A7B2C8; --line:#22386A;
  --navy:#9FB2DA; --accent:#FF7D52; --accent-ink:#071631;
  --orange:#FF7A4A; --soft:#2A2440; --pink:#0C2148; --pink-line:#1E3566;
  --mark:#F05A28; --mark-ink:#0A1F44; --mark-hl:#8E3414; --kit-link:#C9461B;
  --btn:#F05A28; --btn-ink:#0A1F44; --logo-ea:#FFFFFF; color-scheme:dark;}
.btn-primary,.pnav a.cta{background:var(--btn);color:var(--btn-ink);font-weight:700}
.btn-primary:hover,.pnav a.cta:hover{filter:brightness(1.06)}
.cta-band .btn-primary{background:var(--btn);color:var(--btn-ink)}
.pnav a.cta[aria-current="page"]{outline-color:var(--btn)}
.plan.pick{border-color:var(--brand-orange)}
.plan .badge{background:var(--brand-orange);color:var(--navy)}
.svc li,.chips label{background:var(--soft)}
.caret{background:var(--brand-orange)}
.wordmark{display:block;height:1.55rem;width:auto}
footer .wordmark{height:1.4rem}
.lg-o{stroke:var(--brand-orange)} .lg-n{stroke:var(--logo-ea)} .lg-star{fill:var(--brand-orange)}
.ink-band .lg-n{stroke:var(--bg)}
/* ilustraciones: el azul pasa a navy corporativo */
.i-blue{fill:var(--navy)} .i-stroke-blue{stroke:var(--navy)} .i-txt-blue{fill:var(--navy)}
.i-blue-soft{fill:color-mix(in srgb,var(--navy) 16%,var(--surface))}
.illu rect[style*="stroke:var(--accent)"]{stroke:var(--navy)!important}

.top .wrap{flex-wrap:wrap}
.pnav ul{display:flex;gap:.25rem;list-style:none;margin:0;padding:0;align-items:center}
.pnav a{display:block;padding:.5rem .8rem;border-radius:8px;color:var(--ink);text-decoration:none;font-weight:500;font-size:.97rem;white-space:nowrap}
.pnav a:hover{background:var(--soft)}
.pnav a[aria-current="page"]{color:var(--accent);background:var(--soft);box-shadow:inset 0 -2px 0 var(--accent)}
.pnav a.cta{background:var(--accent);color:var(--accent-ink);margin-left:.4rem}
.pnav a.cta[aria-current="page"]{box-shadow:none;outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:900px){
  .top .wrap{padding-block:.6rem;gap:.4rem}
  .pnav{overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*clamp(16px,4vw,32px));padding-inline:clamp(16px,4vw,32px);width:calc(100% + 2*clamp(16px,4vw,32px))}
  .pnav::-webkit-scrollbar{display:none}
  .pnav a{padding:.45rem .7rem;font-size:.92rem}
}
nav.main.simple{display:block;position:static;background:none;border:0}
nav.main.simple ul{flex-direction:row;padding:0}
nav.main.simple a.cta{margin:0 0 0 .5rem}
body.on-home .home-link{display:none}
.jump{padding-block:0 clamp(2.5rem,6vw,4rem)}
.jump .eyebrow{margin-bottom:1rem}
.jump-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}
.jump-list a{display:grid;gap:.25rem;padding:1.1rem 1.1rem 1.2rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);text-decoration:none;height:100%;transition:border-color .2s,transform .2s}
.jump-list a:hover{border-color:var(--accent);transform:translateY(-2px)}
.jump-list .mono{font-size:.72rem;color:var(--accent)}
.jump-list strong{font-family:var(--f-display);font-size:1.25rem;letter-spacing:-.01em}
.jump-list strong::after{content:" →";color:var(--accent)}
.jump-list em{font-style:normal;color:var(--muted);font-size:.9rem}
@media (max-width:960px){.jump-list{grid-template-columns:repeat(2,minmax(0,1fr))}.jump-list li:last-child{grid-column:1/-1}}
@media (max-width:420px){.jump-list{grid-template-columns:1fr}}
.backbar{border-bottom:1px solid var(--line);background:var(--surface)}
.backbar .wrap{padding-block:.7rem}
.back{font-family:var(--f-mono);font-size:.88rem;font-weight:500;text-decoration:none;color:var(--accent)}
.back:hover{text-decoration:underline}
/* pestañas: el menú funciona como barra de pestañas */
nav.main a[aria-selected="true"]{color:var(--accent);background:var(--soft);box-shadow:inset 0 -2px 0 var(--accent)}
nav.main a.cta[aria-selected="true"]{background:var(--accent);color:var(--accent-ink);box-shadow:none;outline:2px solid var(--accent);outline-offset:2px}
.panel{animation:panelIn .25s ease-out}
@keyframes panelIn{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}

.skip{position:absolute;left:-999px;top:0}.skip:focus{left:1rem;top:1rem;z-index:50;background:var(--surface);padding:.5rem 1rem;border-radius:8px}