/* ===== FAQ Irigoyen — scoped styles (Poppins, closed accordions) ===== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

:root {
  --accent: #f7941e;
  --bg-page: #f5f6f8;
  --bg-card: #ffffff;
  --bg-header-section: #f6f7f9;
  --border-soft: #e5e7eb;
  --text-main: #222;
  --text-dim: #555;
  --radius-card: 8px;
  --radius-inner: 8px;
  --shadow-card: 0 6px 18px rgba(0,0,0,0.04);
  --shadow-hover: 0 8px 22px rgba(0,0,0,0.06);
}

.faq-page-wrapper,
.faq-page-wrapper * { 
  box-sizing: border-box; 
  font-family: 'Poppins', sans-serif !important;
}

/* Header */
.faq-header-wrapper{max-width:1100px;margin:24px auto 20px;padding:0 1.5rem;}
.faq-header-inner{max-width:760px;}
.faq-header-title{
  color: var(--text-main);
  font-weight:600;font-size:1.8rem;line-height:1.22;letter-spacing:-.02em;
  margin:0 0 .6rem 0; padding-bottom:.6rem; position:relative; display:inline-block;
}
.faq-header-title::after{
  content:"";position:absolute;left:0;bottom:0;height:3px;width:72px;background:var(--accent);border-radius:2px;
}
.faq-header-desc{color:var(--text-dim);font-size:.95rem;max-width:640px;}

/* Wrapper */
.faq-wrapper{max-width:1100px;margin:0 auto 3rem;padding:0 1.5rem;display:grid;row-gap:1.25rem;}

/* Category card */
.faq-category{background:#fff;border:1px solid var(--border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:box-shadow .25s ease;}
.faq-category:hover{box-shadow:var(--shadow-hover);}
.faq-category-header{background:var(--bg-header-section);border-bottom:1px solid var(--border-soft);padding:12px 16px;display:flex;align-items:center;gap:.75rem;}
.faq-category-marker{width:4px;height:22px;border-radius:2px;background:var(--accent);flex-shrink:0;}
.faq-category-title h2{font-size:1rem;font-weight:600;color:var(--text-main);margin:0;}

/* Items */
.faq-list{padding:10px 12px 14px 12px;display:grid;row-gap:10px;}
.faq-item{background:#fff;border:1px solid var(--border-soft);border-radius:var(--radius-inner);box-shadow:0 4px 14px rgba(0,0,0,0.04);position:relative;overflow:hidden;cursor:pointer;}
.faq-item.active{background:#fff;border-color:var(--border-soft);box-shadow:0 8px 22px rgba(0,0,0,0.06);}
.faq-item.active::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--accent);border-radius:2px;}

/* Question row */
.faq-question-row{padding:12px 12px;background:transparent;border:none;box-shadow:none;display:flex;align-items:flex-start;gap:.75rem;}
.faq-question-text{color:var(--text-main);font-weight:600;font-size:.95rem;}

/* Answer — CLOSED by default */
.faq-answer{
  border-top:1px solid #eaecee;
  padding:0 12px;
  background:#fff;
  max-height:0;
  opacity:0;
  overflow:hidden;
  transition: all .25s ease;
}
.faq-item.active .faq-answer{
  padding:10px 12px 12px;
  max-height:600px; /* safety large value for animation */
  opacity:1;
  overflow:visible;
}
.faq-answer p{margin:0 0 .6rem 0;color:var(--text-dim);}
.faq-answer ul{margin:0 0 .6rem 1.1rem;}

/* Contact block */
.contact-block{background:#fff;border:1px solid var(--border-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:1rem 1rem .75rem;display:grid;row-gap:.75rem;}
.contact-head{border-bottom:1px solid var(--border-soft);padding-bottom:.5rem;margin-bottom:.25rem;}
.contact-head-title{font-size:1rem;font-weight:600;margin:0;}
.contact-desc{color:var(--text-dim);font-size:.9rem;max-width:700px;margin:0 0 .5rem;}
.contact-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;}
.contact-card{background:#fff;border:1px solid var(--border-soft);border-radius:var(--radius-inner);box-shadow:0 4px 12px rgba(0,0,0,0.04);padding:.75rem;}
.contact-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin:0 0 .3rem;}
.contact-value{font-size:.9rem;color:var(--text-dim);margin:0;}
.contact-value a{color:var(--accent);text-decoration:none;font-weight:500;}
.contact-value a:hover{text-decoration:underline;}

@media (max-width: 700px){
  .faq-header-wrapper{margin-top:20px;}
  .contact-columns{grid-template-columns:1fr;}
}