/* =================================================================
   Servicios WordPress · Ayuda WordPress  (versión de producción)
   Concepto "doctor": triaje por síntomas.
   Tema claro/oscuro con variables. Paleta azul (familia #3B7EA1).
   Edita los colores de marca en los bloques [data-theme].
   ================================================================= */

*,*::before,*::after{box-sizing:border-box}

/* ---- Tema claro (por defecto) ---- */
:root,[data-theme="light"]{
  --bg:#eef3f6; --card:#ffffff; --ink:#16242c; --muted:#586872; --line:#d8e2e8;
  --header:rgba(255,255,255,.82);
  --btn-bg:#3b7ea1; --btn-bg-h:#336f8f; --btn-ink:#ffffff;
  --link:#2c6580; --accent:#3b7ea1;
  --soft-bg:#e7eff4; --soft-ink:#2c6580;
  --neutral-bg:#eaeef1; --neutral-ink:#51626b;
  --urg:#cf3a3e; --urg-bg:#fbe9ea;
  --ink-band:#13212a; --ink-band-ink:#dfeaf0;
  --term-accent:#2c6580;
}
/* ---- Tema oscuro ---- */
[data-theme="dark"]{
  --bg:#0e151a; --card:#161f26; --ink:#e7eef2; --muted:#93a6b0; --line:rgba(255,255,255,.10);
  --header:rgba(15,22,28,.82);
  --btn-bg:#3b7ea1; --btn-bg-h:#4a92b6; --btn-ink:#ffffff;
  --link:#7cc1e0; --accent:#5aa6c9;
  --soft-bg:#16323f; --soft-ink:#9fd2ea;
  --neutral-bg:#1d272e; --neutral-ink:#adb9c1;
  --urg:#ff7a7d; --urg-bg:#3a1d1f;
  --ink-band:#070c10; --ink-band-ink:#c3d2da;
  --term-accent:#7cc1e0;
}

:root{
  --radius:16px; --radius-sm:10px;
  --sans:"Inter",system-ui,-apple-system,sans-serif; --disp:"Space Grotesk",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --wrap:1120px;
}

html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6;transition:background .25s,color .25s}
img{max-width:100%;display:block}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{font-family:var(--disp);font-weight:700;letter-spacing:-.01em;margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
svg.ic{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.muted{color:var(--muted)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:5px}
.skip-link{position:absolute;left:-9999px;background:var(--btn-bg);color:#fff;padding:10px 16px;border-radius:8px;z-index:200}
.skip-link:focus{left:16px;top:12px}

/* ---- Cabecera ---- */
.site-header{position:sticky;top:0;z-index:60;background:var(--header);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hd{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;position:relative}
.brand{display:flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:700;font-size:18px;color:var(--ink)}
.brand:hover{text-decoration:none}
.cross{width:24px;height:24px;border-radius:7px;background:var(--btn-bg);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;flex:none}
.site-nav{display:flex;align-items:center;gap:22px}
.nav-list{display:flex;align-items:center;gap:20px;list-style:none;margin:0;padding:0}
.nav-list a{color:var(--ink);font-weight:500;font-size:15px}
.nav-list a:hover{color:var(--link);text-decoration:none}
.hd-contact{display:flex;align-items:center;gap:14px}
.hd-phone{display:inline-flex;align-items:center;gap:7px;color:var(--link);font-weight:600;font-size:15px}
.hd-phone:hover{text-decoration:none}
.hd-phone .ic,.hd-mail .ic{width:18px;height:18px}
.hd-mail{color:var(--link);display:inline-flex}
.controls{display:flex;align-items:center;gap:10px}
.theme-btn{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);cursor:pointer}
.theme-btn .ic{width:18px;height:18px}
[data-theme="light"] .ic-sun{display:none}
[data-theme="dark"] .ic-moon{display:none}
.lang{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.lang-btn{background:var(--card);border:0;color:var(--muted);font-family:var(--sans);font-size:13px;font-weight:600;padding:7px 11px;cursor:pointer;line-height:1}
.lang-btn.is-on{background:var(--btn-bg);color:#fff}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;padding:8px;cursor:pointer}
.nav-toggle span{width:24px;height:2px;background:var(--ink);border-radius:2px}

/* ---- Botones ---- */
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;padding:12px 20px;border-radius:var(--radius-sm);border:1.5px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.btn:hover{text-decoration:none}
.btn-1{background:var(--btn-bg);color:var(--btn-ink);border-color:var(--btn-bg)}
.btn-1:hover{background:var(--btn-bg-h);border-color:var(--btn-bg-h);color:#fff}
.btn-2{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-2:hover{border-color:var(--accent);color:var(--link)}
.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-band-ink);font-weight:600}
.btn-ghost:hover{color:#fff}

/* ---- Hero ---- */
.hero{padding:56px 0 24px}
.hero-in{text-align:center;max-width:780px;margin:0 auto}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--soft-ink);background:var(--soft-bg);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;margin-bottom:18px}
.hero h1{font-size:clamp(2.1rem,5vw,3.3rem);margin:0 0 14px}
.hero p{font-size:1.18rem;color:var(--muted);margin:0 auto;max-width:620px}

/* ---- Triaje ---- */
.triage{display:grid;grid-template-columns:340px 1fr;gap:22px;padding:18px 0 26px;align-items:start}
.symbox{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px}
.symbox h3{font-family:var(--disp);font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:8px 10px 12px;font-weight:600}
.sym{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;border-radius:11px;padding:13px 12px;cursor:pointer;font:inherit;color:var(--ink);border-left:3px solid transparent;transition:background .14s}
.sym:hover{background:var(--soft-bg)}
.sym .si{width:34px;height:34px;flex:none;border-radius:9px;background:var(--soft-bg);display:grid;place-items:center;color:var(--soft-ink)}
.sym .si .ic{width:19px;height:19px}
.sym .st{font-weight:500;font-size:15px}
.sym[aria-selected="true"]{background:var(--soft-bg);border-left-color:var(--btn-bg)}
.sym[aria-selected="true"] .si{background:var(--btn-bg);color:#fff}

.panel{min-height:380px}
.ficha{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 30px 26px}
.panel.js .ficha{display:none}
.panel.js .ficha.active{display:block}
.ficha-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px}
.ficha-kicker{font-family:var(--disp);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.badge{font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;background:var(--neutral-bg);color:var(--neutral-ink)}
.badge.soft{background:var(--soft-bg);color:var(--soft-ink)}
.badge.urg{background:var(--urg-bg);color:var(--urg)}
.ficha h3{font-size:1.7rem;margin:4px 0 18px}
.seg{margin:0 0 16px}
.seg .lab{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;margin-bottom:5px}
.seg p{margin:0;font-size:1.05rem}
.inc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.inc li{display:flex;align-items:flex-start;gap:10px}
.inc .chk{width:19px;height:19px;color:var(--accent);flex:none;margin-top:3px;stroke-width:2}
.acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.intro-ficha{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:380px}
.intro-ficha .big{width:54px;height:54px;border-radius:14px;background:var(--soft-bg);color:var(--soft-ink);display:grid;place-items:center;margin-bottom:16px}
.intro-ficha .big .ic{width:28px;height:28px}
.intro-ficha h3{font-size:1.7rem;margin:0 0 12px}
.intro-ficha p{max-width:48ch;margin:0 0 8px}
.intro-ficha .acts{border-top:0;padding-top:8px;margin-top:10px}

/* ---- Banda tranquilizadora ---- */
.reassure{background:var(--ink-band);color:var(--ink-band-ink);border-radius:var(--radius);padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:8px 0 0}
.reassure h2{font-size:1.3rem;margin:0 0 4px;color:#fff}
.reassure p{margin:0;color:var(--ink-band-ink);opacity:.85}

/* ---- Secciones ---- */
.section-alt{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:60px 0;margin-top:60px}
.kit{padding:60px 0}
.sec-head{text-align:center;max-width:640px;margin:0 auto 36px}
.sec-head h2{font-size:clamp(1.6rem,3.4vw,2.2rem);margin-bottom:10px}
.sec-sub{color:var(--muted);font-size:1.1rem;margin:0}

.hist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.quote{margin:0;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.quote blockquote{margin:0 0 12px;font-size:1.05rem}
.quote figcaption{color:var(--muted);font-size:.92rem;font-weight:500}
.authority{display:flex;gap:20px;align-items:flex-start;margin-top:26px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.auth-avatar{width:60px;height:60px;border-radius:50%;background:var(--btn-bg);color:#fff;display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:20px;flex:none}
.authority h3{font-size:1.25rem;margin:2px 0 8px}
.authority p{margin:0 0 10px;color:var(--muted)}
.card-link{font-weight:600;color:var(--link);display:inline-flex;align-items:center;gap:6px}
.card-link::after{content:"\2192"}

.kit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}
.card:hover{border-color:var(--accent);transform:translateY(-3px)}
.card-ico{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--soft-bg);color:var(--soft-ink);margin-bottom:16px}
.card-ico .ic{width:24px;height:24px}
.card h3{font-size:1.2rem;margin-bottom:8px}
.card p{color:var(--muted);margin:0 0 16px}
.card .card-link{margin-top:auto}

/* ---- Pie ---- */
.site-footer{background:var(--ink-band);color:var(--ink-band-ink)}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px;padding:54px 24px 36px}
.site-footer .brand{color:#fff}
.site-footer .cross{background:var(--btn-bg)}
.foot-about p{color:var(--ink-band-ink);opacity:.8;font-size:.96rem;margin:14px 0 16px;max-width:340px}
.term-hint{font-family:var(--mono);background:none;border:0;color:var(--accent);font-size:13px;cursor:pointer;padding:0;opacity:.75}
.term-hint:hover{opacity:1}
.term-hint .cur{display:inline-block;width:8px;background:var(--accent);animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.foot-col h3{font-size:1rem;color:#fff;margin-bottom:14px;font-weight:600}
.foot-col ul{list-style:none;margin:0;padding:0}
.foot-col li{margin-bottom:9px}
.foot-col a{color:var(--ink-band-ink);opacity:.85;font-size:.96rem}
.foot-col a:hover{opacity:1;color:#fff}
.site-footer .controls .theme-btn{background:transparent;border-color:rgba(255,255,255,.22);color:#fff}
.site-footer .lang{border-color:rgba(255,255,255,.22)}
.site-footer .lang-btn{background:transparent;color:var(--ink-band-ink)}
.site-footer .lang-btn.is-on{background:var(--btn-bg);color:#fff}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12)}
.foot-bottom-in{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 24px;font-size:.88rem;opacity:.85}
.legal a{color:var(--ink-band-ink)}

/* ---- Consola oculta (easter egg), en azul ---- */
.term-overlay{position:fixed;inset:0;z-index:300;background:rgba(4,8,11,.72);display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px}
.term-overlay[hidden]{display:none}
.term-win{width:100%;max-width:680px;background:#0c1318;border:1px solid rgba(95,211,255,.22);border-radius:12px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6);font-family:var(--mono)}
.term-winbar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#101b22;border-bottom:1px solid rgba(95,211,255,.16)}
.term-winbar .b{width:11px;height:11px;border-radius:50%}
.b.r{background:#ff5f56}.b.y{background:#ffbd2e}.b.g{background:#3b7ea1}
.term-winbar .tt{margin-left:8px;color:#7da3b5;font-size:12px}
.term-winbar .x{margin-left:auto;background:none;border:0;color:#7da3b5;cursor:pointer;font-size:16px}
.term-out{padding:16px 16px 6px;color:#cfe6f2;font-size:14px;line-height:1.7;max-height:50vh;overflow:auto}
.term-out .pr{color:#5fd3ff}
.term-out a{color:#5fd3ff}
.term-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.term-chip{font-family:inherit;font-size:13px;color:#cfe6f2;background:#0a1418;border:1px solid rgba(95,211,255,.22);border-radius:7px;padding:6px 10px;cursor:pointer}
.term-chip:hover{border-color:#5fd3ff;color:#fff}
.term-inrow{display:flex;gap:8px;align-items:center;padding:10px 16px 16px}
.term-inrow .pr{color:#5fd3ff}
.term-in{flex:1;background:none;border:0;outline:none;color:#eaf6ff;font-family:inherit;font-size:14px;caret-color:#5fd3ff}

/* ---- Marca de agua: W de WordPress, nítida y casi transparente ----
   Claro: W azul de marca sobre el fondo azul claro.
   Oscuro: W blanca. Hero a la derecha, botiquín a la izquierda. ---- */
.hero,.kit{position:relative;overflow:hidden;isolation:isolate}
.hero .hero-in,.kit .wrap{position:relative;z-index:1}
.hero::before,.kit::before{
  content:"";position:absolute;z-index:0;pointer-events:none;
  width:460px;height:460px;top:50%;transform:translateY(-50%);
  background:url("https://cdn.simpleicons.org/wordpress/3b7ea1") center/contain no-repeat;
  opacity:.1;
}
.hero::before{right:-70px}
.kit::before{left:-70px}
[data-theme="dark"] .hero::before,[data-theme="dark"] .kit::before{
  background-image:url("https://cdn.simpleicons.org/wordpress/ffffff");opacity:.07;
}
@media(max-width:600px){.hero::before,.kit::before{width:300px;height:300px}.hero::before{right:-90px}.kit::before{left:-90px}}

/* ---- Responsive ---- */
@media(max-width:900px){
  .nav-toggle{display:flex}
  .site-nav{position:absolute;top:100%;left:0;right:0;background:var(--card);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:16px;padding:18px 24px 24px;display:none;box-shadow:0 16px 30px rgba(0,0,0,.12)}
  .site-nav.is-open{display:flex}
  .nav-list{flex-direction:column;align-items:stretch;gap:2px}
  .nav-list a{display:block;padding:8px 0;font-size:16px}
  .hd-contact{gap:18px}
  .triage{grid-template-columns:1fr}
  .symbox{display:flex;gap:8px;overflow-x:auto;padding:10px}
  .symbox h3{display:none}
  .sym{flex:0 0 auto;flex-direction:column;width:120px;border-left:0;border-bottom:3px solid transparent;text-align:center;gap:8px}
  .sym[aria-selected="true"]{border-left:0;border-bottom-color:var(--btn-bg)}
  .sym .st{font-size:12.5px}
  .foot{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .foot{grid-template-columns:1fr}
  .foot-bottom-in{flex-direction:column}
  .reassure{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* =================================================================
   AÑADIDOS MANTENIMIENTO · Ayuda WordPress
   Reutiliza toda la base de servicios y añade los bloques propios
   de esta home: planes, tabla comparativa, clientes, equipo y FAQ.
   ================================================================= */

/* ---- Botoneras sin línea superior (hero y bandas) ---- */
.hero-acts,.reassure .acts,.contact-cta .acts{border-top:0;padding-top:0;margin-top:24px;justify-content:center}
.reassure .acts,.contact-cta .acts{justify-content:flex-end}
@media(max-width:560px){.reassure .acts,.contact-cta .acts{justify-content:flex-start}}

/* ---- Planes (tarjetas de precio) ---- */
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plan{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;display:flex;flex-direction:column;position:relative;transition:border-color .15s,transform .15s}
.section-alt .plan{background:var(--bg)}
.plan:hover{border-color:var(--accent);transform:translateY(-3px)}
.plan.pop{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
@property --beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.plan.pop::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;background:conic-gradient(from var(--beam-angle),rgba(255,255,255,.85),var(--accent) 7%,transparent 18%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:plan-beam 3s linear infinite}
@keyframes plan-beam{to{--beam-angle:360deg}}
.plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--btn-bg);color:#fff;font-size:12px;font-weight:600;padding:5px 14px;border-radius:999px;white-space:nowrap;z-index:2}
.plan-name{font-size:1.5rem;margin:0 0 4px}
.plan-tag{color:var(--muted);margin:0 0 16px;font-size:.98rem;min-height:1.5em}
.plan-price{display:flex;align-items:baseline;gap:6px;font-family:var(--disp)}
.plan-price .from{font-size:.9rem;color:var(--muted);font-weight:500}
.plan-price strong{font-size:2.4rem;color:var(--ink);line-height:1}
.plan-price .per{color:var(--muted);font-size:1rem}
.plan-ref{margin:6px 0 18px;font-size:.9rem;color:var(--muted)}
.plan-ref s{opacity:.8}
.plan-feats{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:9px}
.plan-feats li{position:relative;padding-left:26px;font-size:.96rem}
.plan-feats li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--accent);font-weight:700}
.plan-feats li.no{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--line)}
.plan-feats li.no::before{content:"\00d7";color:var(--muted);font-weight:700}
.plan-acts{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.plan-acts .btn{width:100%;justify-content:center}
.plan-note{text-align:center;color:var(--muted);margin:28px auto 0;max-width:60ch}

/* ---- Rejilla de servicios incluidos ---- */
.feat-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.feat-grid .card p{margin-bottom:0}

/* ---- Tabla comparativa ---- */
.cmp-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line)}
.cmp{width:100%;border-collapse:collapse;min-width:620px;background:var(--bg)}
.cmp th,.cmp td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--line)}
.cmp thead th{font-family:var(--disp);font-size:.95rem;color:var(--ink);background:var(--card)}
.cmp tbody th{text-align:left;font-weight:500;font-size:.98rem;color:var(--ink)}
.cmp td{color:var(--accent);letter-spacing:2px;font-size:.95rem;white-space:nowrap}
.cmp .is-us{background:var(--soft-bg)}
.cmp thead .is-us{color:var(--soft-ink)}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}

/* ---- Prueba social ---- */
.social{padding:60px 0 24px}
.social + .section-alt{margin-top:0}
.clients-lead{text-align:center;color:var(--muted);margin:34px 0 16px;font-size:.96rem}
.clients-marquee{display:flex;gap:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.clients-track{flex:0 0 auto;display:flex;gap:12px;list-style:none;margin:0;padding:0;animation:clients-scroll 55s linear infinite}
.clients-track li{white-space:nowrap;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 18px;font-size:.92rem;color:var(--muted);font-weight:500}
.clients-marquee:hover .clients-track{animation-play-state:paused}
@keyframes clients-scroll{to{transform:translateX(calc(-100% - 12px))}}
@media(prefers-reduced-motion:reduce){.clients-marquee{overflow-x:auto}.clients-track{animation:none}}
.quote .stars{display:block;color:var(--accent);letter-spacing:3px;font-size:.95rem;margin-bottom:10px}

/* ---- Equipo ---- */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:760px){.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.team-grid{grid-template-columns:1fr}}
.member{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:border-color .15s,transform .15s}
.member:hover{border-color:var(--accent);transform:translateY(-3px)}
.member img{width:84px;height:84px;border-radius:50%;object-fit:cover;margin-bottom:14px;background:var(--soft-bg)}
.member h3{font-size:1.1rem;margin:0 0 2px}
.member .role{color:var(--muted);font-size:.9rem;margin:0 0 12px}
.member .card-link{margin-top:auto}

/* ---- FAQ (acordeón nativo) ---- */
.faq{padding:60px 0}
.faq-list{max-width:760px;margin:0 auto;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card)}
.faq details{border-bottom:1px solid var(--line)}
.faq details:last-child{border-bottom:0}
.faq summary{list-style:none;cursor:pointer;padding:18px 52px 18px 22px;font-family:var(--disp);font-weight:600;font-size:1.05rem;color:var(--ink);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:22px;top:50%;width:11px;height:11px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq summary:hover{color:var(--link)}
.faq details p{margin:0;padding:0 22px 20px;color:var(--muted);font-size:1rem}

/* ---- Cierre de contacto ---- */
.contact-cta{padding:0 0 60px}

/* ---- Responsive de los bloques nuevos ---- */
@media(max-width:900px){
  .plans-grid{grid-template-columns:1fr;gap:24px}
  .plan.pop{order:-1}
}