/* Hogar Meta — estilos compartidos (misma estética que la portada original) */
:root { color-scheme:dark; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --bg:#111b26; --ink:#fff; --muted:rgba(255,255,255,.72); --soft:rgba(255,255,255,.55);
  --line:rgba(255,255,255,.22); --glass:rgba(255,255,255,.06); --glass-2:rgba(255,255,255,.11);
  --accent:#f3be7b; --teal:#28dad2; --err:#ffb4a2; }
*, *::before, *::after { box-sizing:border-box; }
html { margin:0; min-width:320px; background:var(--bg); }
body { margin:0; min-width:320px; min-height:100vh; overflow-x:hidden; background:transparent; color:var(--ink); line-height:1.5; }
a { color:inherit; }

/* Fondo animado (fijo para que funcione también en páginas largas) */
.bg { position:fixed; inset:0; z-index:0; overflow:hidden; isolation:isolate; background:var(--bg); pointer-events:none; }
.bg::before { content:""; position:absolute; inset:-35%; z-index:-2; background:radial-gradient(ellipse at 18% 30%, rgba(17,105,112,.95) 0 10%, transparent 38%),radial-gradient(ellipse at 84% 20%, rgba(171,104,63,.88) 0 8%, transparent 37%),radial-gradient(ellipse at 52% 92%, rgba(35,60,83,.95) 0 12%, transparent 42%); filter:blur(34px); animation:aurora 20s ease-in-out infinite alternate; }
.liquid { position:absolute; z-index:0; width:64vw; max-width:820px; aspect-ratio:1.35; border-radius:58% 42% 64% 36% / 46% 62% 38% 54%; filter:blur(22px); opacity:.58; mix-blend-mode:screen; will-change:transform,border-radius; }
.liquid-a { top:-24%; left:-18%; background:radial-gradient(ellipse at 42% 55%,rgba(40,218,210,.95),transparent 64%); animation:liquidA 11s ease-in-out infinite alternate; }
.liquid-b { right:-22%; bottom:-20%; background:radial-gradient(ellipse at 55% 45%,rgba(246,164,101,.9),transparent 66%); animation:liquidB 13s ease-in-out infinite alternate; }
.grain { position:absolute; inset:0; z-index:1; opacity:.1; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E"); mix-blend-mode:soft-light; }

/* Cabecera */
header.top { position:relative; z-index:2; padding:28px clamp(22px,5vw,76px); display:flex; justify-content:space-between; align-items:center; }
.brand { display:flex; align-items:center; gap:.7rem; color:#fff; text-decoration:none; font-size:.94rem; font-weight:700; letter-spacing:-.02em; }
.mark { width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.46); border-radius:50%; font-size:1rem; }
.back { color:rgba(255,255,255,.66); text-decoration:none; font-size:.82rem; transition:color .2s; }
.back:hover { color:#fff; }

/* Tipografía */
.kicker { margin:0 0 1.3rem; color:rgba(255,255,255,.68); font-size:.72rem; font-weight:800; letter-spacing:.22em; text-transform:uppercase; }
h1 { margin:0; font-size:clamp(4rem,14vw,11rem); line-height:.88; letter-spacing:-.045em; font-weight:700; text-wrap:balance; }
h1.mid { font-size:clamp(2.4rem,7vw,4.6rem); line-height:.98; letter-spacing:-.035em; }
.sub { margin:2rem auto 0; max-width:520px; color:rgba(255,255,255,.8); font-size:clamp(1rem,2.3vw,1.25rem); line-height:1.45; }
.sub small { display:block; margin-top:.5rem; font-size:.92rem; color:var(--soft); }
.status { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; margin:2.2rem auto 0; color:rgba(255,255,255,.88); font-size:.8rem; }
.pulse { width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 5px rgba(243,190,123,.15); }

/* Layout */
.wrap { position:relative; z-index:2; width:min(900px,calc(100% - 40px)); margin:0 auto; }
.hero { min-height:calc(100svh - 90px); display:flex; flex-direction:column; justify-content:center; text-align:center; padding:40px 0 60px; }
.page { padding:30px 0 70px; }
.center { text-align:center; }

/* Tarjetas de guías */
.guides { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:3rem auto 0; max-width:820px; text-align:left; }
.guide { display:block; padding:18px 18px 16px; border:1px solid var(--line); border-radius:20px; background:var(--glass); text-decoration:none; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transition:background .2s, border-color .2s, transform .2s; }
.guide:hover { background:var(--glass-2); border-color:rgba(255,255,255,.42); transform:translateY(-2px); }
.guide .tag { font-size:.66rem; font-weight:800; letter-spacing:.18em; color:var(--accent); }
.guide strong { display:block; margin:.45rem 0 .3rem; font-size:1.02rem; letter-spacing:-.01em; }
.guide span.d { font-size:.85rem; color:var(--muted); }
.guide .go { display:block; margin-top:.8rem; font-size:.78rem; color:#fff; opacity:.75; }

/* Panel / formulario */
.panel { margin:2.2rem auto 0; max-width:560px; padding:26px clamp(18px,4vw,30px); border:1px solid var(--line); border-radius:24px; background:rgba(17,27,38,.45); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); text-align:left; }
.panel h2 { margin:0 0 .4rem; font-size:1.25rem; letter-spacing:-.02em; }
.panel p.hint { margin:0 0 1.2rem; color:var(--muted); font-size:.92rem; }
.list { margin:1.6rem auto 0; max-width:560px; padding:0; list-style:none; text-align:left; }
.list li { position:relative; padding:.45rem 0 .45rem 1.7rem; color:rgba(255,255,255,.86); font-size:.97rem; border-bottom:1px solid rgba(255,255,255,.08); }
.list li::before { content:""; position:absolute; left:.2rem; top:.95rem; width:8px; height:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px rgba(243,190,123,.14); }

.field { margin:0 0 1rem; }
.field > label, .field > .lbl { display:block; margin:0 0 .4rem; font-size:.8rem; font-weight:700; letter-spacing:.02em; color:rgba(255,255,255,.86); }
.field input[type=text], .field input[type=email], .field input[type=tel], .field select, .field textarea {
  width:100%; padding:.8rem .9rem; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.07); color:#fff; font:inherit; font-size:16px; outline:none; transition:border-color .2s, background .2s; }
.field select option { color:#111b26; background:#fff; }
.field input:focus, .field select:focus, .field textarea:focus { border-color:rgba(255,255,255,.6); background:rgba(255,255,255,.1); }
.field .err { display:none; margin-top:.35rem; color:var(--err); font-size:.8rem; }
.field.bad .err { display:block; }
.field.bad input, .field.bad select { border-color:var(--err); }
.row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.tel { display:grid; grid-template-columns:110px 1fr; gap:8px; }

.choices { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.choice { position:relative; }
.choice input { position:absolute; opacity:0; inset:0; }
.choice span { display:block; height:100%; padding:.85rem .9rem; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.05); font-size:.92rem; cursor:pointer; transition:all .2s; }
.choice input:checked + span { border-color:var(--accent); background:rgba(243,190,123,.14); }
.choice input:focus-visible + span { outline:2px solid #fff; outline-offset:2px; }

.check { display:flex; gap:.65rem; align-items:flex-start; margin:.9rem 0; font-size:.85rem; color:rgba(255,255,255,.82); }
.check input { margin-top:.2rem; width:18px; height:18px; accent-color:var(--accent); flex:0 0 auto; }
.check a { color:#fff; }
.hp { position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }

.btn { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; width:100%; margin-top:.6rem; padding:.95rem 1.2rem; border:0; border-radius:999px; background:#fff; color:#111b26; font:inherit; font-weight:800; font-size:.95rem; cursor:pointer; text-decoration:none; transition:transform .15s, opacity .2s; }
.btn:hover { transform:translateY(-1px); }
.btn[disabled] { opacity:.55; cursor:wait; transform:none; }
.btn.ghost { background:transparent; color:#fff; border:1px solid var(--line); }
.msg { display:none; margin-top:1rem; padding:.85rem 1rem; border-radius:14px; font-size:.88rem; }
.msg.show { display:block; }
.msg.err { background:rgba(255,120,90,.14); border:1px solid rgba(255,150,120,.4); color:#ffd9cf; }
.msg.ok { background:rgba(40,218,210,.12); border:1px solid rgba(40,218,210,.38); }
.note { margin-top:.9rem; font-size:.76rem; color:var(--soft); }
.hidden { display:none !important; }

/* Textos legales */
.legal { max-width:760px; margin:0 auto; padding:10px 0 70px; }
.legal h1 { font-size:clamp(2.2rem,6vw,3.6rem); line-height:1; margin-bottom:1.4rem; }
.legal h2 { margin:2.2rem 0 .6rem; font-size:1.15rem; letter-spacing:-.01em; }
.legal p, .legal li { color:rgba(255,255,255,.84); font-size:.97rem; }
.legal ul { padding-left:1.2rem; }
.legal .box { padding:16px 18px; border:1px solid var(--line); border-radius:16px; background:var(--glass); }
.legal .upd { margin-top:2.5rem; color:var(--soft); font-size:.85rem; }

/* Pie */
footer.foot { position:relative; z-index:2; padding:26px clamp(22px,5vw,76px) 34px; display:flex; flex-wrap:wrap; gap:14px 22px; justify-content:space-between; align-items:center; font-size:.76rem; color:var(--soft); }
footer.foot nav { display:flex; flex-wrap:wrap; gap:8px 18px; }
footer.foot a { color:var(--soft); text-decoration:none; }
footer.foot a:hover { color:#fff; }
.universe-button { display:inline-flex; padding:.48rem .75rem; border:1px solid rgba(255,255,255,.22); border-radius:999px; background:rgba(255,255,255,.05); color:rgba(255,255,255,.68) !important; text-decoration:none; font-size:.7rem; font-weight:600; transition:background .2s ease, border-color .2s ease, color .2s ease; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.universe-button:hover { background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.42); color:#fff !important; }

@keyframes aurora { 0% { transform:translate3d(-3%,-2%,0) rotate(-4deg) scale(1); } 50% { transform:translate3d(2%,3%,0) rotate(5deg) scale(1.08); } 100% { transform:translate3d(-1%,1%,0) rotate(-2deg) scale(1.03); } }
@keyframes liquidA { 0% { transform:translate(-8%,4%) rotate(-15deg) scale(.9,.82); border-radius:58% 42% 64% 36% / 46% 62% 38% 54%; } 50% { transform:translate(18%,16%) rotate(18deg) scale(1.1,.96); border-radius:42% 58% 38% 62% / 63% 39% 61% 37%; } 100% { transform:translate(4%,-5%) rotate(3deg) scale(.98,1.1); border-radius:64% 36% 55% 45% / 38% 58% 42% 62%; } }
@keyframes liquidB { 0% { transform:translate(8%,3%) rotate(12deg) scale(1.06,.88); border-radius:42% 58% 38% 62% / 63% 39% 61% 37%; } 50% { transform:translate(-17%,-12%) rotate(-20deg) scale(.88,1.08); border-radius:60% 40% 56% 44% / 40% 62% 38% 60%; } 100% { transform:translate(-5%,8%) rotate(2deg) scale(1.12,.96); border-radius:36% 64% 46% 54% / 60% 42% 58% 40%; } }
@media (prefers-reduced-motion:reduce) { .bg::before, .liquid { animation:none; } }
@media (max-width:720px) { .guides { grid-template-columns:1fr; } }
@media (max-width:600px) { header.top { padding:20px 18px; } .wrap { width:calc(100% - 32px); } .row, .choices { grid-template-columns:1fr; } .tel { grid-template-columns:96px 1fr; } footer.foot { justify-content:center; text-align:center; } footer.foot nav { justify-content:center; } }

/* v2: guía directa + formulario corto */
.choice-btn { display:block; width:100%; padding:.85rem .9rem; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.05); color:#fff; font:inherit; font-size:.92rem; text-align:left; cursor:pointer; transition:all .2s; }
.choice-btn:hover { background:var(--glass-2); border-color:rgba(255,255,255,.42); }
.choice-btn.on { border-color:var(--accent); background:rgba(243,190,123,.14); }
.choice-btn[disabled]:not(.on) { opacity:.45; cursor:default; }
.btn.disabled { opacity:.55; pointer-events:none; }
.opt { font-weight:400; color:var(--soft); }
.money { display:grid; grid-template-columns:1fr 110px; gap:8px; }
.money input, .money select { width:100%; padding:.8rem .9rem; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.07); color:#fff; font:inherit; font-size:16px; }
.money select option { color:#111b26; }
.contact { margin:1.2rem 0 .4rem; padding:14px 16px 4px; border:1px dashed rgba(255,255,255,.28); border-radius:16px; background:rgba(255,255,255,.03); }
.contact > .check { margin-top:0; font-weight:600; color:#fff; }
.field.bad .check { color:var(--err); }
#hm-intent { margin-top:1.4rem; }
.field > label.check { display:flex; margin:.9rem 0; font-size:.85rem; font-weight:400; color:rgba(255,255,255,.82); letter-spacing:0; }

/* v3: pie siempre abajo, menú de cabecera */
body { display:flex; flex-direction:column; min-height:100vh; min-height:100svh; }
body > main { flex:1 0 auto; }
.hero { min-height:auto; flex:1 0 auto; }
.panel.center { text-align:center; }
.menu { position:relative; z-index:5; }
.menu summary { list-style:none; display:inline-flex; align-items:center; gap:.55rem; padding:.48rem .85rem; border:1px solid rgba(255,255,255,.22); border-radius:999px; background:rgba(255,255,255,.05); color:rgba(255,255,255,.8); font-size:.8rem; font-weight:600; cursor:pointer; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); transition:background .2s, border-color .2s; }
.menu summary::-webkit-details-marker { display:none; }
.menu summary:hover, .menu[open] summary { background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.42); color:#fff; }
.burger, .burger::before, .burger::after { display:block; width:14px; height:1.5px; background:currentColor; border-radius:2px; position:relative; }
.burger::before, .burger::after { content:""; position:absolute; left:0; }
.burger::before { top:-4px; } .burger::after { top:4px; }
.menu-pop { position:absolute; right:0; top:calc(100% + 8px); min-width:220px; padding:8px; border:1px solid var(--line); border-radius:16px; background:rgba(17,27,38,.92); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); display:flex; flex-direction:column; box-shadow:0 12px 40px rgba(0,0,0,.35); }
.menu-pop a, .menu-pop .soon { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:.6rem .7rem; border-radius:10px; color:#fff; text-decoration:none; font-size:.88rem; }
.menu-pop a:hover { background:rgba(255,255,255,.08); }
.menu-pop .soon { color:var(--soft); cursor:default; }
.menu-pop em { font-style:normal; font-size:.66rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--accent); }
header.top { z-index:10; }
.menu-pop { min-width:250px; background:rgba(17,27,38,.97); }
.menu-pop a, .menu-pop .soon { white-space:nowrap; }

/* v4: redes en el pie */
.foot .social{display:flex;gap:14px;align-items:center}
.foot .social a{color:inherit;opacity:.75;display:inline-flex;transition:opacity .2s,color .2s}
.foot .social a:hover{opacity:1;color:#f39a4a}

/* v5: aviso de cookies, botón-enlace, tablas legales */
.linkbtn { background:none; border:0; padding:0; font:inherit; color:var(--soft); cursor:pointer; text-decoration:none; }
.linkbtn:hover { color:#fff; }
.legal .linkbtn { color:var(--teal); text-decoration:underline; }
.cc { position:fixed; z-index:50; left:16px; right:16px; bottom:16px; max-width:460px; margin-left:auto; padding:18px 18px 16px; border:1px solid var(--line); border-radius:18px; background:rgba(17,27,38,.97); box-shadow:0 18px 50px rgba(0,0,0,.45); font-size:.86rem; color:var(--muted); backdrop-filter:blur(10px); }
.cc-t { margin:0 0 .35rem; color:#fff; font-weight:800; font-size:.95rem; }
.cc-d { margin:0; line-height:1.45; }
.cc-d a { color:var(--accent); }
.cc-opts { display:grid; gap:8px; margin:12px 0 2px; }
.cc-opts label { display:flex; align-items:center; gap:8px; color:#fff; }
.cc-opts span { margin-left:auto; color:var(--soft); font-size:.76rem; }
.cc-b { display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; margin-top:14px; }
.cc-btn { padding:.62rem .4rem; border-radius:999px; border:1px solid rgba(255,255,255,.5); background:transparent; color:#fff; font:inherit; font-weight:700; font-size:.8rem; cursor:pointer; }
.cc-btn:hover { background:rgba(255,255,255,.1); }
.tbl { width:100%; border-collapse:collapse; margin:1rem 0; font-size:.86rem; }
.tbl th, .tbl td { text-align:left; vertical-align:top; padding:.55rem .6rem; border-bottom:1px solid var(--line); }
.tbl th { color:#fff; }
@media (max-width:600px) { .tbl { display:block; overflow-x:auto; } }
/* v6: logotipo */
.brand .logo { height:34px; width:auto; display:block; }
.cc, .menu-pop { }

/* v7: cabecera Empresas, portada, calculadoras, blog, empresas */
.top-r { display:flex; align-items:center; gap:10px; }
.biz { padding:.42rem .85rem; border-radius:999px; border:1px solid var(--accent); color:var(--accent); font-size:.78rem; font-weight:800; letter-spacing:.02em; text-decoration:none; background:rgba(243,190,123,.08); transition:background .2s,color .2s; }
.biz:hover { background:var(--accent); color:#111b26; }
.cta-row { display:flex; justify-content:center; margin-top:2.2rem; }
.btn.cta { width:auto; padding:1rem 1.8rem; }
.tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:2.6rem auto 0; max-width:820px; text-align:left; }
.tile { display:block; padding:18px; border:1px solid var(--line); border-radius:20px; background:var(--glass); text-decoration:none; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transition:background .2s,transform .2s; }
.tile:hover { background:var(--glass-2); transform:translateY(-2px); }
.tile .tag, .post-card .tag { font-size:.66rem; font-weight:800; letter-spacing:.18em; color:var(--accent); }
.tile strong, .post-card strong { display:block; margin:.45rem 0 .3rem; font-size:1.02rem; letter-spacing:-.01em; }
.tile .d, .post-card .d { font-size:.85rem; color:var(--muted); }
.center { text-align:center; }
.center-note { text-align:center; margin-top:2rem; }
.crumbs { font-size:.78rem; color:var(--soft); margin:0 0 1.6rem; }
.crumbs a { color:var(--soft); text-decoration:none; } .crumbs a:hover { color:#fff; }
.calc { max-width:640px; }
.calc .field input[type=text] { width:100%; }
.res { margin:.6rem 0 0; padding:14px 16px; border-radius:16px; background:rgba(255,255,255,.06); }
.res .r { display:flex; justify-content:space-between; gap:12px; padding:.45rem 0; border-bottom:1px solid rgba(255,255,255,.08); font-size:.92rem; color:var(--muted); }
.res .r span:last-child { color:#fff; font-variant-numeric:tabular-nums; white-space:nowrap; }
.res .r.total { color:#fff; font-weight:800; border-bottom-color:rgba(255,255,255,.22); }
.res .r.total span:last-child { color:var(--accent); font-size:1.05rem; }
.res .pct { margin:.7rem 0 0; font-size:.82rem; color:var(--soft); }
.res .range { text-align:center; padding:.4rem 0 .8rem; } .res .range span { display:block; font-size:.8rem; color:var(--soft); } .res .range strong { font-size:1.6rem; color:var(--accent); letter-spacing:-.02em; }
.choices.three { grid-template-columns:repeat(3,1fr); }
.pill { display:flex; align-items:center; justify-content:center; gap:.4rem; padding:.7rem; border:1px solid var(--line); border-radius:12px; cursor:pointer; font-size:.88rem; }
.pill:has(input:checked) { border-color:var(--accent); background:rgba(243,190,123,.12); }
.pill input { accent-color:#f3be7b; }
.cta-panel .btn + .btn { margin-top:.6rem; }
.prose { max-width:680px; margin:3rem auto 0; color:rgba(255,255,255,.86); font-size:1rem; line-height:1.7; }
.prose h2 { margin:2.2rem 0 .7rem; color:#fff; font-size:1.35rem; letter-spacing:-.02em; line-height:1.25; }
.prose a { color:var(--accent); }
.prose ul { padding-left:1.2rem; } .prose li { margin:.35rem 0; }
.prose .lead { font-size:1.12rem; color:#fff; }
.post h1.mid { text-align:left; font-size:clamp(2rem,6vw,3.4rem); }
.post .kicker { text-align:left; }
.byline { color:var(--soft); font-size:.85rem; margin:1rem 0 1.6rem; }
.callout { margin:1.4rem 0; padding:16px 18px; border-left:3px solid var(--accent); background:rgba(243,190,123,.08); border-radius:0 14px 14px 0; }
.cta-inline { margin:2rem 0; padding:20px; border:1px solid var(--line); border-radius:20px; background:rgba(17,27,38,.5); }
.cta-inline p { margin:0 0 .4rem; }
.faq { border-bottom:1px solid var(--line); padding:.2rem 0; }
.faq summary { cursor:pointer; padding:.8rem 0; font-weight:700; color:#fff; }
.faq p { margin:0 0 1rem; color:var(--muted); }
.posts { display:grid; gap:14px; max-width:720px; margin:2.6rem auto 0; }
.post-card { display:block; padding:20px; border:1px solid var(--line); border-radius:20px; background:var(--glass); text-decoration:none; transition:background .2s; }
.post-card:hover { background:var(--glass-2); }
.post-card .meta { display:block; margin-top:.7rem; font-size:.76rem; color:var(--soft); }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:2.6rem 0 0; }
.step { padding:18px; border:1px solid var(--line); border-radius:20px; background:var(--glass); }
.step .n { font-weight:800; color:var(--accent); font-size:.8rem; } .step strong { display:block; margin:.4rem 0; } .step p { margin:0; font-size:.88rem; color:var(--muted); }
.panel.wide { max-width:820px; } .panel.wide h2 + .hint { margin-bottom:1.4rem; }
@media (max-width:700px) { .tiles, .steps { grid-template-columns:1fr; } .choices.three { grid-template-columns:1fr 1fr 1fr; } .biz { padding:.38rem .7rem; font-size:.72rem; } }

/* v8: landings con dos opciones, plazas de empresas, márgenes móviles */
.cta-row.two { gap:10px; flex-wrap:wrap; }
.cta-row.two .btn { width:auto; margin-top:0; }
.btn.ghost.cta { padding:1rem 1.6rem; }
.sec-t { margin:3.4rem 0 .3rem; text-align:center; font-size:clamp(1.4rem,4vw,1.9rem); letter-spacing:-.02em; scroll-margin-top:20px; }
.sec-s { margin:0 auto; max-width:520px; text-align:center; color:var(--muted); font-size:.95rem; }
.plazas { display:grid; grid-template-columns:1fr 1fr; gap:14px; max-width:640px; margin:2.6rem auto 0; }
.plaza { padding:20px; border:1px solid var(--line); border-radius:20px; background:var(--glass); text-align:center; }
.plaza.premium { border-color:var(--accent); background:rgba(243,190,123,.08); }
.plaza .tag { font-size:.66rem; font-weight:800; letter-spacing:.18em; color:var(--accent); }
.plaza strong { display:block; margin:.45rem 0 .3rem; font-size:1.15rem; }
.plaza p { margin:0; font-size:.86rem; color:var(--muted); }
#solicitar { scroll-margin-top:20px; }
@media (max-width:700px) {
  .prose { padding:0 8px; }
  .prose.landing h2, .prose.landing .faq summary { text-align:center; }
  .plazas { grid-template-columns:1fr; }
}

/* v9: blog con imágenes */
.post-card.has-img { padding:0; overflow:hidden; display:grid; grid-template-columns:240px 1fr; }
.post-card.has-img img { width:100%; height:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.post-card .pc-b { display:block; padding:18px 20px; }
.post-hero { margin:0 0 1.8rem; }
.post-hero img, .post-fig img { width:100%; height:auto; display:block; border-radius:18px; }
.post-fig { margin:1.8rem 0; }
.post-fig.tall img { max-width:420px; margin:0 auto; }
.post-fig figcaption { margin-top:.6rem; text-align:center; font-size:.82rem; color:var(--soft); }
.posts.related { margin:1rem 0 0; max-width:none; }
.prose .tbl { width:100%; }
@media (max-width:700px) { .post-card.has-img { grid-template-columns:1fr; } .post-card.has-img img { height:auto; } }

/* v10: formulario de búsqueda */
.field textarea { resize:vertical; min-height:84px; font-family:inherit; }
#f-compra.hidden { display:none; }
/* v11: landings más simples y tarjetas centradas en móvil */
.alt-link { margin:.9rem 0 0; font-size:.9rem; }
.alt-link a { color:var(--muted); text-decoration:underline; text-underline-offset:3px; }
.alt-link a:hover { color:#fff; }
.prose details.faq p { color:rgba(255,255,255,.8); }
@media (max-width:700px) { .tiles .tile { text-align:center; } }