/* Preguntas frecuentes de la web nueva (faq-vista.php). Mismo lenguaje que la ficha: títulos negro + rosa, tarjetas blancas, rosa #F60C76. */
.stf-faq-body{margin:0;background:var(--page-bg,#F6F6F8);color:var(--page-fg,#16181D);font-family:var(--font,"DM Sans",sans-serif);line-height:1.5}
.stf-faq-body *{box-sizing:border-box}
.stf-home-aviso{position:fixed;left:0;right:0;bottom:0;z-index:9999;margin:0;padding:8px 16px;background:#292A69;color:#fff;font:600 13px/1.4 "DM Sans",sans-serif;text-align:center}
.fq em{font-style:normal;color:#F60C76}
.fq h1,.fq h2,.fq p{margin:0}
.fq [hidden]{display:none!important}   /* el buscador esconde temas y preguntas sin resultados (.fq-sec lleva display:grid) */

/* Portada: banda clara con degradado rosa, buscador grande */
.fq-hero{background:radial-gradient(120% 140% at 100% 0,#FFE3EF 0,rgba(255,227,239,0) 55%),linear-gradient(180deg,#fff 0,#FFF6FA 100%);border-bottom:1px solid #F3E3EA}
.fq-hero-in{padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(36px,5vw,64px);text-align:center;display:grid;justify-items:center;gap:12px}
.fq-k{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#F60C76;background:#fff;border:1px solid #FBD2E3;border-radius:999px;padding:5px 12px}
.fq-hero h1{font-size:clamp(34px,5.4vw,58px);line-height:1.05;font-weight:800;letter-spacing:-.02em}
.fq-sub{font-size:clamp(16px,1.6vw,19px);color:var(--page-muted,#6A707A);max-width:52ch}
.fq-buscar{position:relative;width:min(640px,100%);margin-top:10px}
.fq-buscar svg{position:absolute;left:20px;top:50%;width:22px;height:22px;transform:translateY(-50%);fill:none;stroke:#F60C76;stroke-width:2.2;stroke-linecap:round;pointer-events:none}
.fq-buscar input{width:100%;height:60px;border:1.5px solid #E4E5EA;border-radius:999px;background:#fff;padding:0 22px 0 56px;font:inherit;font-size:17px;color:inherit;box-shadow:0 10px 30px rgba(246,12,118,.08);outline:none;transition:border-color .15s,box-shadow .15s}
.fq-buscar input:focus{border-color:#F60C76;box-shadow:0 0 0 4px rgba(246,12,118,.14)}
.fq-res{min-height:20px;font-size:14px;font-weight:700;color:#F60C76}

/* Cuerpo: temas a la izquierda (fijos al bajar) y preguntas a la derecha */
.fq-cuerpo{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,4vw,56px);padding-top:clamp(32px,4vw,56px);padding-bottom:clamp(40px,5vw,72px);align-items:start}
.fq-cuerpo>*{min-width:0}   /* sin esto, la fila de temas del móvil (sin saltos de línea) ensanchaba toda la página */
.fq-it summary span{flex:1;min-width:0}
.fq-nav{position:sticky;top:96px}
body.admin-bar .fq-nav{top:128px}
.fq-nav-t{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--page-muted,#6A707A);margin:0 0 10px 12px}
.fq-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.fq-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;color:inherit;text-decoration:none;font-weight:700;font-size:15px;transition:background .15s,color .15s}
.fq-nav a small{margin-left:auto;font-size:12px;font-weight:700;color:var(--page-muted,#6A707A);background:#fff;border:1px solid #E4E5EA;border-radius:999px;padding:1px 8px}
.fq-nav a:hover{background:#fff}
.fq-nav a:focus-visible,.fq-c:focus-visible,.lg-otras a:focus-visible{outline:2px solid #F60C76;outline-offset:2px}
.fq-nav a.on{background:#fff;color:#F60C76;box-shadow:0 4px 14px rgba(22,24,29,.06)}
.fq-nav a.on small{border-color:#FBD2E3;color:#F60C76}
.fq-ni{width:32px;height:32px;border-radius:10px;background:#FFE3EF;display:grid;place-items:center;flex:none}
.fq-ni svg,.fq-si svg{width:18px;height:18px;fill:none;stroke:#F60C76;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.fq-lista{display:grid;gap:clamp(28px,3vw,40px)}
.fq-sec{scroll-margin-top:110px;display:grid;gap:10px}
.fq-sh{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.fq-si{width:46px;height:46px;border-radius:14px;background:#F60C76;display:grid;place-items:center;flex:none}
.fq-si svg{width:22px;height:22px;stroke:#fff}
.fq-sh h2{font-size:clamp(22px,2.4vw,28px);font-weight:800;line-height:1.15;letter-spacing:-.01em}
.fq-sh p{font-size:14px;color:var(--page-muted,#6A707A)}

/* Acordeón: tarjeta blanca, + rosa que gira a − */
.fq-it{background:#fff;border:1px solid #E4E5EA;border-radius:16px;transition:border-color .15s,box-shadow .15s}
.fq-it:hover{border-color:#FBD2E3}
.fq-it[open]{border-color:#FBD2E3;box-shadow:0 8px 24px rgba(22,24,29,.06)}
.fq-it summary{list-style:none;display:flex;align-items:center;gap:16px;padding:18px 20px;cursor:pointer;font-weight:700;font-size:16.5px;line-height:1.35}
.fq-it summary::-webkit-details-marker{display:none}
.fq-it summary:focus-visible{outline:2px solid #F60C76;outline-offset:2px;border-radius:16px}
.fq-it[open] summary span{color:#F60C76}
.fq-it summary i{position:relative;margin-left:auto;width:30px;height:30px;border-radius:50%;background:#FFE3EF;flex:none;transition:background .15s,transform .2s}
.fq-it summary i::before,.fq-it summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:2px;background:#F60C76;transform:translate(-50%,-50%)}
.fq-it summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}
.fq-it[open] summary i{background:#F60C76}
.fq-it[open] summary i::before{background:#fff}
.fq-it[open] summary i::after{background:#fff;transform:translate(-50%,-50%) rotate(0)}
.fq-r{padding:0 20px 20px;color:#3D424B;font-size:15.5px;display:grid;gap:10px}
.fq-r ul{margin:0;padding-left:20px;display:grid;gap:6px}
.fq-r b{color:var(--page-fg,#16181D)}
.fq-r a{color:#F60C76;font-weight:700}
.fq-nada{background:#fff;border:1px dashed #FBD2E3;border-radius:16px;padding:22px;text-align:center;font-weight:600}

/* Ayuda: banda rosa con los 3 canales */
/* En blanco: debajo va la banda rosa de alertas del pie y dos bandas rosas seguidas chocaban */
.fq-ayuda{background:#fff;border-top:1px solid #E4E5EA;padding-block:clamp(44px,6vw,80px)}
.fq-ayuda h2{font-size:clamp(26px,3.4vw,40px);font-weight:800;line-height:1.1;text-align:center}
.fq-ayuda-s{text-align:center;margin-top:10px;color:var(--page-muted,#6A707A);font-size:17px}
.fq-canales{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.fq-c{display:grid;justify-items:start;gap:4px;padding:22px;border-radius:20px;background:#FFF6FA;border:1px solid #FBD2E3;color:var(--page-fg,#16181D);text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s}
.fq-c:hover{transform:translateY(-3px);border-color:#F60C76;box-shadow:0 12px 30px rgba(246,12,118,.12)}
.fq-c b{font-size:18px}
.fq-c span:not(.fq-ci){font-weight:700;color:#F60C76}
.fq-c small{color:var(--page-muted,#6A707A);font-size:13px}
.fq-ci{width:44px;height:44px;border-radius:14px;background:#fff;display:grid;place-items:center;margin-bottom:6px}
.fq-ci svg{width:22px;height:22px;fill:none;stroke:#F60C76;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:900px){
  .fq-cuerpo{grid-template-columns:1fr;gap:20px}
  .fq-nav{position:sticky;top:56px;z-index:5;margin-inline:-16px;padding:10px 16px;background:var(--page-bg,#F6F6F8);border-bottom:1px solid #E4E5EA}
  body.admin-bar .fq-nav{top:102px}
  .fq-nav-t{display:none}
  .fq-nav ul{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none}
  .fq-nav ul::-webkit-scrollbar{display:none}
  .fq-nav a{white-space:nowrap;background:#fff;border:1px solid #E4E5EA;border-radius:999px;padding:6px 12px 6px 6px;font-size:14px}
  .fq-nav a small{display:none}
  .fq-ni{width:26px;height:26px;border-radius:50%}
  .fq-ni svg{width:15px;height:15px}
  .fq-sec{scroll-margin-top:130px}
  .fq-it summary{padding:16px;font-size:15.5px}
  .fq-r{padding:0 16px 16px;font-size:15px}
  .fq-canales{grid-template-columns:1fr}
  .fq-buscar input{height:54px;font-size:16px}
}