/* ============================================================
   apARTment Madrid — Página PREGUNTAS FRECUENTES (frame Figma 9:312)
   Lienzo escalable, relación de aspecto 1920/5041.
   Importar DESPUÉS de styles.css.
   ============================================================ */

.stage-faq{aspect-ratio:1920/5041;}

/* ---------- Ilustración central (rostro a lápiz sobre cuadrícula) ---------- */
.faq-face{object-fit:cover;}

/* ---------- Índice superior de preguntas (enlaces ancla) ---------- */
.faq-index{line-height:1.05;transition:color .15s;}
.faq-index:hover{color:var(--red);}

/* ---------- Preguntas del cuerpo ---------- */
.faq-q{font-weight:800;line-height:1.05;letter-spacing:-0.083cqw;}      /* 40px */

/* ---------- Respuestas ---------- */
.faq-a{font-weight:500;line-height:1.32;letter-spacing:-0.0625cqw;font-size:1.5625cqw;} /* 30px */
.faq-a p{margin:0 0 0.6cqw;}
.faq-a p:last-child{margin-bottom:0;}
.faq-a strong{font-weight:700;}

/* ---------- Artes decorativas (lápiz) ---------- */
.faq-art{position:absolute;pointer-events:none;}
.faq-art img{width:100%;height:auto;display:block;}
.faq-scribble{position:absolute;pointer-events:none;z-index:-1;}
.faq-scribble img{width:100%;height:auto;display:block;}

/* ============================================================
   LAYOUT MÓVIL — FAQ (acordeón)
   ============================================================ */
@media (max-width:768px){
  .m-faq-title{font-size:2.4rem;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:.4rem;}
  .m-faq-intro{color:#444;margin-bottom:1.6rem;line-height:1.4;}
  .m-faq-face{width:100%;border-radius:8px;margin-bottom:1.6rem;display:block;}
  .acc-item{border-top:2px solid #000;}
  .acc-item:last-child{border-bottom:2px solid #000;}
  .acc-q{width:100%;text-align:left;background:transparent;border:0;cursor:pointer;
    font-family:inherit;font-weight:800;font-size:1.15rem;letter-spacing:-.02em;line-height:1.2;
    padding:1.1rem 2.4rem 1.1rem 0;position:relative;min-height:44px;color:#000;}
  .acc-q::after{content:"+";position:absolute;right:.2rem;top:50%;transform:translateY(-50%);
    font-size:1.6rem;font-weight:400;color:var(--red);}
  .acc-q[aria-expanded="true"]::after{content:"\2013";}
  .acc-a{padding:0 0 1.3rem;line-height:1.5;color:#222;font-weight:400;}
  .acc-a p{margin:0 0 .7rem;}
  .acc-a p:last-child{margin-bottom:0;}
  .acc-a strong{font-weight:700;}
}