.elementor-23975 .elementor-element.elementor-element-9420c9f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-23975 .elementor-element.elementor-element-166a4dc{--display:flex;}.elementor-23975 .elementor-element.elementor-element-62ba0c0c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-23975 .elementor-element.elementor-element-40d5dc12{--display:flex;}/* Start custom CSS for html, class: .elementor-element-bbd2c53 */.faq-section {
  background: #ffffff;
  padding: 100px 0;
}

.faq-container {
  max-width: 950px;
  margin: 0 auto;
  padding: 0 20px;
}

.faq-header {
  text-align: center;
  margin-bottom: 60px;
}

.faq-header h2 {
 font-family: 'MONTSERRAT', sans-serif!important;
  line-height: 1.05 !important;
  font-weight: 900!important;
  font-size: 2.5rem!important;
  color: #a10964 !important;
  margin-bottom: 1.2rem;
  text-align: center;
}

.faq-subtitle {
 font-family: 'candal', sans-serif;
  font-size: 2rem!important;
  font-weight: 700;
  color: #a10964!important;
  text-align: center;
  margin-bottom: 3rem!important;
  position: relative;
}






/* ==================== ACORDEÓN ==================== */
/* ==================== ACORDEÓN MEJORADO ==================== */
.accordion {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.accordion details {
  margin-bottom: 12px;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  overflow: hidden;
  background: white;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.accordion details[open] {
  box-shadow: 0 12px 28px rgba(161, 9, 100, 0.12);
}

/* === SUMMARY (la parte clickeable) === */
.accordion summary {
  font-family: 'CANDAL', sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 20px 24px;
  color: #a10964;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  transition: background-color 0.3s ease;
  min-height: 68px;           /* ← Esto es clave */
  gap: 16px;                  /* espacio entre texto y flecha */
}

.accordion summary:hover {
  background-color: #fff0e6;
}

/* Quitar el marcador por defecto */
.accordion summary::-webkit-details-marker {
  display: none;
}

/* === FLECHA FIJA === */
.accordion .arrow {
  width: 28px;                /* tamaño fijo */
  height: 28px;
  flex-shrink: 0;             /* ← IMPORANTE: evita que se achique */
  transition: transform 0.3s ease;
  color: #a10964;
}

.accordion details[open] .arrow {
  transform: rotate(180deg);
}

/* === CONTENIDO === */
.accordion .content {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.08rem;
  padding: 0 24px 28px 24px;
  color: #444;
  line-height: 1.75;
}
spam{
    color: #ff9700;
}
.faq-header{
      padding-top: 1.2rem;
}
.faq-subtitle{
line-height: 1.2;
}

.faq-subtitle::after {
  content: '';
  position: absolute;
  bottom: -28px;
  left: 50%;
  transform: translateX(-50%);
  width: 30%;
  height: 4px;
  background: linear-gradient(90deg, #a10964, #ff9700);
  border-radius: 4px;
}

.faq-contact-box h3{
  font-family: 'candal', sans-serif;
  font-size: 1.8rem!important;  
  padding: 15px 24px;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  transition: all 0.3s ease;
}


.lista-personalizada {
  list-style-type: disc;           /* o circle, square */
  padding-left: 1.5rem;            /* espacio a la izquierda */
  margin: 1.5rem 0;
}

.lista-personalizada li {
  margin-bottom: 0.75rem;          /* espacio entre items */
  font-size: 1.05rem;
  line-height: 1.5;
  color: #333;                     /* color del texto */
}

.lista-personalizada li::marker {
  color: #A10964;                  /* ← Color de los puntitos (magenta que usás en el botón) */
  font-size: 1.4rem;               /* tamaño de los puntitos */
}


strong{
    color: #ff9700;
}

/* ====================== CAJA FINAL - FAQ CONTACT ====================== */

.faq-contact-box {
  background: linear-gradient(180deg, #a10964, #ff9700);
  border-radius: 24px;
  padding: 1rem 1rem;
  margin: 3rem 0;
  text-align: center;
  transition: all 0.4s ease;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.faq-contact-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(161, 9, 100, 0.18);
}

/* Título */

/* Corrección del <spam> → debería ser <span> */
.cajita span {
  color: #A10964;           /* magenta que venís usando */
}

/* Texto descriptivo */
.faq-contact-box p {
  font-family: 'candal', sans-serif;
  font-size: rem;
  color: white;
  line-height: 1.6;
  margin-bottom: 1rem;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
}

/* Botón de contacto */
.faq-btn {
  display: inline-block;
  padding: 14px 38px;
  background: linear-gradient(0deg, #a10964, #380635);
  color: #ffffff !important;
  font-family: 'CANDAL', sans-serif;
  font-weight: 600;
  font-size: 1.1rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(161, 9, 100, 0.35);
  transition: all 0.3s ease;
  border: none;
}

.faq-btn:hover {
  transform: translateY(-5px);
  color: #A10964 !important;
  background: linear-gradient(135deg, #ff9700, #ff7700);
  box-shadow: 0 14px 32px rgba(161, 9, 100, 0.45);
}

.faq-btn:active {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(161, 9, 100, 0.4);
}

/* Estilo para enlaces con target="_blank" */
a {
    color: #A10964;                    /* Color del texto */
    text-decoration: none;             /* Quita el subrayado */
    font-weight: 500;                  /* Grosor del texto */
    transition: all 0.3s ease;         /* Animación suave */
}

a:hover {
    color: #FF9700;                    /* Color al pasar el mouse */
    text-decoration: underline;        /* Subrayado al hover */
    transform: translateY(-2px);       /* Levanta un poquito */
}

/* Estilo específico si querés resaltar que se abre en nueva pestaña */
a[target="_blank"]::after {
    content: " ↗";                     /* Flecha que indica nueva pestaña */
    font-size: 0.9em;
    margin-left: 4px;
}

a:visited {
    color: #10964;                    /* ← COLOR PARA ENLACES YA VISITADOS */
    /* Podés poner el mismo color que el normal si no querés que cambie */
}
/* Para mejorar la experiencia en móviles */
@media (max-width: 640px) {
  .accordion summary {
    padding: 16px 20px;
  }
  
  .accordion .content {
    padding: 0 20px 20px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e1f1063 *//* ====================== SECCIÓN VOLVER ====================== */
.volver-section {
  padding: 50px 20px;
  
}

.volver-container {
  width: 50%;
  margin: 0 auto;
  background: linear-gradient(#380635, #a10964);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  border-radius: 10px;
  padding: 1rem;
  margin-top: 4rem;
}

.volver-image img {
  width: 100%;
  border-radius: 20px;
  
}

.volver-content h2 {
  font-family: 'CANDAL', sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
  color: #ff9700;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.volver-content p {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.15rem;
  color: white;
  line-height: 1.3;
  margin-bottom: 30px;
}

.volver-btn {
  display: inline-block;
  padding: 13px 32px 10px;
  background: linear-gradient(135deg, #ff9700, #ff9900);
  color: #ffffff !important;           /* Blanco fuerte */
  font-family: 'CANDAL', sans-serif;
  font-weight: 600;
  font-size: 1.05rem;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(161, 9, 100, 0.35);
  transition: all 0.3s ease;
  border: none;                        /* Por si acaso */
  outline: none;
}

/* Estado normal + visited (para que nunca se ponga azul o morado) */
.volver-btn,
.volver-btn:visited,
.volver-btn:link {
  color: #ffffff !important;
  background: linear-gradient(135deg, #ff9700, #ff9900);
}

/* Hover - aquí le puse el color que pediste para el texto */
.volver-btn:hover,
.volver-btn:visited:hover {
  transform: translateY(-4px);
  color: #A10964 !important;           /* Color magenta oscuro que tenías */
  background: linear-gradient(135deg, #ff9700, #ff7700);  /* Naranja un poco más oscuro */
  box-shadow: 0 12px 30px rgba(161, 9, 100, 0.55);
  text-decoration: none;
}

/* Active (cuando haces click) */
.volver-btn:active,
.volver-btn:visited:active {
  transform: translateY(-2px);         /* Un poco menos de elevación */
  color: #A10964 !important;
  background: linear-gradient(135deg, #ff8800, #ff6600);
  box-shadow: 0 4px 15px rgba(161, 9, 100, 0.4);
}

/* Focus (cuando navegas con teclado) */
.volver-btn:focus {
  color: #380635 !important;
  box-shadow: 0 0 0 4px rgba(161, 9, 100, 0.3);
  outline: none;
}

/* ====================== RESPONSIVE ====================== */
@media (max-width: 992px) {
  .volver-container {
      width: 70%;
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
  }
  
  .volver-content h2 {
    font-size: 1.9rem;
  }
}

@media (max-width: 600px) {
  .volver-content h2 {
    font-size: 1.7rem;
  }
  .volver-container {
      width: 100%;
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
  }
  
  .volver-btn {
    font-size: 1rem;
    padding: 12px 28px;
  }
}/* End custom CSS */