/* ▼▼▼ INICIO 10. FAQs HUB—/faqs-frequently-asked-questions/· prefijo .fq- ▼▼▼ *//* ===== FAQ HUB — HELPERS ===== */.fq-wrap{ max-width:1060px; margin:0 auto; }.fq-wrap-sm{ max-width:760px; margin:0 auto; }/* ===== ANILLO / CTA ===== */.fq-cta{ display:inline-flex; align-items:center; gap:14px; background:#FFFFFF; color:#0A0A0A; text-decoration:none; padding:15px 26px 15px 16px; border-radius:60px; font-size:15px; font-weight:600; transition:transform .3s ease; }.fq-cta:hover{ transform:translateY(-2px); color:#0A0A0A; }.fq-ring{ position:relative; width:34px; height:34px; flex:0 0 34px; display:inline-block; }.fq-ring-base{ position:absolute; inset:0; border-radius:50%; border:1px solid rgba(10,10,10,.2); }.fq-ring-sweep{ position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 0deg, rgba(10,10,10,0) 0deg, rgba(10,10,10,0) 270deg, rgba(10,10,10,.5) 350deg, #0A0A0A 360deg); -webkit-mask:radial-gradient(circle, transparent 42%, #000 43%); mask:radial-gradient(circle, transparent 42%, #000 43%); -webkit-animation:fqScan 3s linear infinite; animation:fqScan 3s linear infinite; }.fq-ring-core{ position:absolute; top:50%; left:50%; width:4px; height:4px; margin:-2px 0 0 -2px; border-radius:50%; background:#0A0A0A; }@-webkit-keyframes fqScan{ to{ -webkit-transform:rotate(360deg); transform:rotate(360deg);} }@keyframes fqScan{ to{ -webkit-transform:rotate(360deg); transform:rotate(360deg);} }/* ===== HERO ===== */.fq-hero{ position:relative; background:#0A0A0A; color:#FFFFFF; min-height:58vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:84px 24px; font-family:'Albert Sans',sans-serif; overflow:hidden; }.fq-hero img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:grayscale(100%) contrast(1.05) brightness(.58); z-index:0; }.fq-hero-ov{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,10,10,.72) 0%, rgba(10,10,10,.9) 100%); z-index:1; }.fq-hero-inner{ position:relative; z-index:2; max-width:780px; }.fq-kicker{ display:inline-block; font-size:13px; letter-spacing:.32em; text-transform:uppercase; color:#999999; margin-bottom:24px; }.fq-title{ font-size:clamp(32px,5.4vw,58px); font-weight:600; line-height:1.08; letter-spacing:-.015em; color:#FFFFFF; margin:0 0 22px; }.fq-sub{ font-size:clamp(15px,2.2vw,18px); line-height:1.6; color:#E5E5E5; max-width:600px; margin:0 auto 34px; }/* ===== INTRO ===== */.fq-intro{ background:#FFFFFF; padding:72px 24px 20px; font-family:'Albert Sans',sans-serif; }.fq-intro p{ font-size:16px; line-height:1.7; color:#6B6B6B; text-align:center; max-width:720px; margin:0 auto 16px; }.fq-intro a{ color:#0A0A0A; text-decoration:underline; text-underline-offset:3px; font-weight:500; }/* ===== CATEGORÍA ===== */.fq-cat{ background:#FFFFFF; padding:56px 24px; font-family:'Albert Sans',sans-serif; }.fq-cat.fq-alt{ background:#FAFAFA; }.fq-cat-head{ max-width:760px; margin:0 auto 36px; text-align:center; }.fq-cat-eyebrow{ font-size:12px; letter-spacing:.26em; text-transform:uppercase; color:#999999; }.fq-cat-title{ font-size:clamp(24px,3.2vw,34px); font-weight:600; letter-spacing:-.01em; margin:12px 0 0; color:#0A0A0A; }.fq-cat-rule{ width:36px; height:3px; background:#0A0A0A; margin:18px auto 20px; }.fq-cat-intro{ font-size:15px; line-height:1.65; color:#6B6B6B; margin:0 0 14px; }.fq-cat-link{ font-size:13px; color:#0A0A0A; text-decoration:none; border-bottom:1px solid #E5E5E5; padding-bottom:2px; }.fq-cat-link:hover{ border-color:#0A0A0A; }/* ===== TARJETAS-PREGUNTA ===== */.fq-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:18px; max-width:980px; margin:0 auto; }.fq-card{ display:flex; flex-direction:column; text-decoration:none; color:inherit; background:#FFFFFF; border:1px solid #E5E5E5; border-radius:10px; padding:28px 26px; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }.fq-card:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(10,10,10,.08); border-color:#D5D5D5; }.fq-q{ font-size:17px; font-weight:600; line-height:1.35; letter-spacing:-.005em; margin:0 0 12px; color:#0A0A0A; }.fq-ex{ font-size:14px; line-height:1.6; color:#6B6B6B; margin:0 0 18px; }.fq-more{ font-size:13px; font-weight:600; color:#0A0A0A; margin-top:auto; }.fq-more::after{ content:" →"; }/* ===== FINAL ===== */.fq-final{ background:#0A0A0A; color:#FFFFFF; padding:100px 24px; text-align:center; font-family:'Albert Sans',sans-serif; }.fq-final .fq-kicker{ color:#999999; }.fq-final h2{ font-size:clamp(26px,3.6vw,40px); font-weight:600; margin:14px 0 16px; letter-spacing:-.01em; color:#FFFFFF; }.fq-final p{ font-size:16px; line-height:1.6; color:#E5E5E5; max-width:540px; margin:0 auto 34px; }/* ===== RESPONSIVE ===== */@media(max-width:760px){.fq-cat,.fq-final{ padding:48px 18px; }.fq-grid{ grid-template-columns:1fr; }}/* ▲▲▲ FIN 10. FAQs HUB ▲▲▲ */
