/* =========================================================================
   IDENTIDAD — FAQ page
   ========================================================================= */
[data-lang="en"] .only-es{display:none!important;}
[data-lang="es"] .only-en{display:none!important;}

body.faq-page{background:var(--bosque);}
/* transparent "light" nav overlaid on the hero photo (like the homepage) */
.faq-page .site-header{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom-color:transparent;}

/* ---- Hero (photo) ---- */
.faq-hero{position:relative;overflow:hidden;background:var(--carbon);
  min-height:80vh;display:flex;align-items:flex-end;
  padding:clamp(3rem,8vw,6rem) var(--gutter) clamp(2.4rem,5vw,3.6rem);}
.faq-hero__bg{position:absolute;inset:0;z-index:0;}
.faq-hero__bg picture{display:block;width:100%;height:100%;}
.faq-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.faq-hero__scrim{position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(180deg,color-mix(in oklab,var(--carbon) 45%,transparent) 0%,transparent 28%,color-mix(in oklab,var(--bosque) 62%,transparent) 62%,var(--bosque) 100%),
    linear-gradient(90deg,color-mix(in oklab,var(--carbon) 60%,transparent) 0%,color-mix(in oklab,var(--carbon) 18%,transparent) 42%,transparent 70%),
    linear-gradient(color-mix(in oklab,var(--bosque) 30%,transparent),color-mix(in oklab,var(--bosque) 30%,transparent));}
.faq-hero__inner{position:relative;z-index:2;max-width:var(--maxw);margin-inline:auto;width:100%;}
.faq-hero .eyebrow{margin-bottom:1rem;text-shadow:0 1px 12px rgba(0,0,0,.6);}
.faq-hero h1{font-family:var(--font-display);font-weight:500;text-transform:uppercase;
  font-size:clamp(3rem,11vw,7rem);line-height:.92;letter-spacing:.01em;color:var(--crema);
  text-shadow:0 2px 24px rgba(0,0,0,.45);}
.faq-hero p{margin-top:1.2rem;max-width:52ch;color:var(--crema);font-size:var(--t-md);
  text-shadow:0 1px 18px rgba(0,0,0,.55);}

/* ---- Body ---- */
.faq-body{max-width:var(--maxw);margin-inline:auto;padding:clamp(1rem,3vw,2rem) var(--gutter) clamp(4rem,9vw,7rem);}

/* ---- Accordion item (<details>) ---- */
.faq-item{border-bottom:1px solid var(--hair-dark);}

.faq-item summary{
  list-style:none;
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  padding:1.4rem 0;
  cursor:pointer;
  font-family:var(--font-display);font-weight:500;font-size:clamp(1rem,2.2vw,1.2rem);
  letter-spacing:.02em;color:var(--crema);
  transition:color var(--dur) var(--ease);
  user-select:none;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::marker{display:none;}
.faq-item summary:hover{color:var(--lima);}

/* + / − icon */
.faq-item summary::after{
  content:"";
  flex:none;width:15px;height:15px;color:var(--crema-dim);
  background:
    linear-gradient(currentColor,currentColor) center/15px 1.6px no-repeat,
    linear-gradient(currentColor,currentColor) center/1.6px 15px no-repeat;
  transition:transform var(--dur) var(--ease),color var(--dur) var(--ease),background-size var(--dur) var(--ease);
}
.faq-item[open] summary::after{
  color:var(--lima);
  /* hide the vertical bar -> becomes a minus */
  background:linear-gradient(currentColor,currentColor) center/15px 1.6px no-repeat;
}
.faq-item[open] summary{color:var(--lima);}

/* Answer panel */
.faq-answer{
  padding:0 0 1.5rem;
  font-family:var(--font-body);font-size:.97rem;line-height:1.7;
  color:var(--crema-dim);max-width:68ch;
}
.faq-answer a{color:var(--lima);text-decoration:underline;text-underline-offset:3px;}
.faq-answer a:hover{color:var(--crema);}
.faq-answer strong{font-weight:500;color:var(--crema);}