/*
 * Estilos de la pagina «preguntas-frecuentes».
 *
 * Vivian dentro de los widgets HTML de Elementor. Estan aqui para que
 * el contenido de la pagina sea texto y no codigo. No cambiar el
 * aspecto en este fichero sin mirar antes la pagina: los selectores
 * dependen del marcado que hay en Elementor.
 */

/* ---- bloque faqpage3 ---- */
#waad-faq { background:#FFFFFF; padding:100px 0; }
#waad-faq .waad-faq-container { max-width:1200px; margin:0 auto; padding:0 24px; }
#waad-faq .waad-faq-eyebrow { display:flex; align-items:center; gap:10px; font-family:"Inter",sans-serif; font-weight:600; font-size:13px; letter-spacing:0.12em; text-transform:uppercase; color:#FE3B1F; margin-bottom:20px; }
#waad-faq .waad-faq-eyebrow::before { content:""; display:inline-block; width:28px; height:2px; background:#FE3B1F; }
#waad-faq .waad-faq-heading { font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:46px; line-height:1.15; color:#1F304C; margin:0 0 46px; }
/* Sandra: "antes de invertir." en naranja. La cursiva serif es el mismo
   tratamiento que llevan los demas claims; el punto va naranja pero recto,
   como en su documento. */
#waad-faq .waad-faq-heading em { font-family:"Instrument Serif",serif; font-style:italic; font-weight:400; color:#FE3B1F; font-size:1.05em; }
#waad-faq .waad-faq-heading .waad-faq-punto { color:#FE3B1F; }

#waad-faq .waad-faq-list { display:flex; flex-direction:column; gap:16px; max-width:860px; }

#waad-faq .waad-faq-item {
  background:#FFFFFF;
  border:1px solid rgba(31,48,76,0.10);
  border-radius:18px;
  overflow:hidden;
  transition:border-color .25s ease, box-shadow .25s ease;
}
#waad-faq .waad-faq-item.is-open {
  border-color:rgba(254,59,31,.30);
  box-shadow:0 16px 32px rgba(31,48,76,.08);
}

#waad-faq .waad-faq-question {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:none;
  border:none;
  cursor:pointer;
  text-align:left;
  padding:26px 28px;
  font-family:"Space Grotesk",sans-serif;
  font-weight:700;
  font-size:18px;
  line-height:1.4;
  color:#1F304C;
  transition:color .2s ease;
}
#waad-faq .waad-faq-question:hover { color:#FE3B1F; }

#waad-faq .waad-faq-icon {
  position:relative;
  width:30px; height:30px;
  border-radius:50%;
  background:rgba(254,59,31,0.08);
  flex:0 0 auto;
  transition:background .25s ease;
}
#waad-faq .waad-faq-item.is-open .waad-faq-icon { background:#FE3B1F; }
#waad-faq .waad-faq-icon::before,
#waad-faq .waad-faq-icon::after {
  content:"";
  position:absolute;
  top:50%; left:50%;
  background:#FE3B1F;
  transition:transform .3s ease, background .25s ease;
}
#waad-faq .waad-faq-icon::before { width:12px; height:2px; transform:translate(-50%,-50%) rotate(0deg); }
#waad-faq .waad-faq-icon::after { width:2px; height:12px; transform:translate(-50%,-50%) rotate(0deg); }
#waad-faq .waad-faq-item.is-open .waad-faq-icon::before,
#waad-faq .waad-faq-item.is-open .waad-faq-icon::after { background:#FFFFFF; }
#waad-faq .waad-faq-item.is-open .waad-faq-icon::before { transform:translate(-50%,-50%) rotate(45deg); }
#waad-faq .waad-faq-item.is-open .waad-faq-icon::after { transform:translate(-50%,-50%) rotate(-45deg); }

#waad-faq .waad-faq-answer {
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease;
}
#waad-faq .waad-faq-answer-inner {
  padding:0 28px 26px;
  font-family:"Inter",sans-serif;
  font-size:15px;
  line-height:1.6;
  color:#5F6168;
}
#waad-faq .waad-faq-answer-inner p { margin:0; }

@media (max-width:575px) {
  #waad-faq .waad-faq-heading { font-size:32px; }
  #waad-faq .waad-faq-question { font-size:16px; padding:20px 22px; }
  #waad-faq .waad-faq-answer-inner { padding:0 22px 20px; }
}