/* ================================================
   FAQ — Preguntas Frecuentes (saxocode)
   Paleta coherente con el sitio:
   Azul: #001E3D · Dorado: #B49769 · Fondo: #ffffff
   ================================================ */
.faq-section{
  background:#ffffff;
  padding:70px 0 80px;
  font-family:'Barlow', sans-serif;
}
.faq-section .section-header{ margin-bottom:35px; }
.faq-section .titulodoradoylinea,
.faq-section .tituloazul{ text-align:center; }
.faq-list{
  max-width:880px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.faq-item{
  border:1px solid rgba(180,151,105,0.35);
  border-radius:8px;
  background:#ffffff;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,30,61,0.04);
  transition:box-shadow .25s ease, border-color .25s ease;
}
.faq-item:hover{
  border-color:#B49769;
  box-shadow:0 4px 16px rgba(0,30,61,0.08);
}
.faq-item.open{
  border-color:#B49769;
  box-shadow:0 6px 18px rgba(0,30,61,0.10);
}
.faq-question-title{ margin:0; }
.faq-question{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  text-align:left;
  padding:18px 22px;
  border:none;
  background:transparent;
  cursor:pointer;
  color:#001E3D;
  font-family:'Barlow', sans-serif;
  font-size:1.05rem;
  font-weight:600;
  line-height:1.35;
  transition:background .25s ease, color .25s ease;
}
.faq-question:hover{ background:rgba(180,151,105,0.08); }
.faq-question .faq-icon{
  flex-shrink:0;
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#001E3D;
  color:#B49769;
  font-size:1.1rem;
  line-height:1;
  font-weight:700;
  transition:transform .3s ease, background .25s ease, color .25s ease;
}
.faq-item.open .faq-question{ color:#B49769; }
.faq-item.open .faq-question .faq-icon{
  background:#B49769;
  color:#ffffff;
  transform:rotate(45deg);
}
.faq-answer{
  display:none;
  padding:0 22px 20px;
  color:#444444;
  border-top:1px solid rgba(180,151,105,0.18);
}
.faq-item.open .faq-answer{ display:block; }
.faq-answer p{
  font-size:0.98rem;
  line-height:1.7;
  margin:14px 0 0;
}
.faq-answer ul{
  margin:12px 0 4px;
  padding-left:1.25rem;
  list-style:disc;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.faq-answer ul li{
  font-size:0.98rem;
  line-height:1.6;
  color:#444444;
}
.faq-answer ul li::marker{ color:#B49769; }
.faq-answer ul li strong{ color:#001E3D; }

@media (max-width: 576px){
  .faq-section{ padding:50px 0 60px; }
  .faq-question{ font-size:1rem; padding:16px 18px; }
  .faq-answer{ padding:0 18px 18px; }
}