.preguntas-frecuentes {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    align-items: center;
    gap: 32px;
    width: calc(100% - 72px);
    margin-bottom: 48px;
    padding: 36px 42px;
    border-radius: 32px;
    background: linear-gradient(160deg, #071f35, #0c3763);
    color: #fff;
}
.preguntas-contenido {min-width: 0; }
.preguntas-contenido h2 {
    margin-bottom: 8px;
    font-size: clamp(32px, 3.8vw, 50px);
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1.15;
}
.preguntas-intro { margin-bottom: 14px; color: #e7f0fa; font-size: 14px; line-height: 1.5; }
.preguntas-lista {
    display: grid;
    align-content: start;
    gap: 10px;
    max-height: 220px;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #a6c3df #ffffff20;
    padding: 3px 10px 3px 3px;
    border-radius: 6px;
}
.preguntas-lista::-webkit-scrollbar { width: 6px; }
.preguntas-lista::-webkit-scrollbar-track { border-radius: 8px; background: #ffffff20; }
.preguntas-lista::-webkit-scrollbar-thumb { border-radius: 8px; background: #a6c3df; }
.pregunta { border: 1px solid #deebf7; border-radius: 6px; background: #fff; color: #0c2e51; }
.pregunta summary {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 56px;
    padding: 14px 20px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    list-style: none;
    cursor: pointer;
    transition: background-color 180ms ease, color 180ms ease;
}
.pregunta summary::-webkit-details-marker { display: none; }
.pregunta summary::marker { content: ""; }
.pregunta summary::after {
    content: "+";
    display: grid;
    place-items: center;
    flex: 0 0 28px;
    height: 28px;
    border-radius: 50%;
    background: #edf5fd;
    color: #0067cf;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
}
.pregunta[open] summary { color: #0048b7; background: #f1f7ff; }
.pregunta[open] summary::after { content: "−"; background: #003fb7; color: #fff; }
.pregunta summary:hover { color: #0048b7; background: #edf5ff; }
.pregunta-respuesta {
    padding: 16px 20px 20px;
    border-top: 1px solid #e3edf8;
    color: #415e7b;
    font-size: 15px;
    line-height: 1.65;
    overflow-wrap: anywhere;
}
.pregunta-respuesta p + p { margin-top: 12px; }
.pregunta-respuesta ul { display: grid; gap: 6px; margin-top: 12px; padding-left: 22px; }
.preguntas-contacto { margin-left: 100px; width: 100%; max-width: 280px; justify-self: start; padding: 18px; border: 1px solid #dce9f6; border-radius: 20px; background: #eaf4ff; color: #0c2e51; }
.preguntas-contacto-icono { display: block; width: 100%; max-width: 200px; height: auto; margin: 0 auto 12px; }
.preguntas-contacto h3 { margin-bottom: 10px; font-size: 16px; line-height: 1.3; text-align: center; }
.preguntas-contacto > p { padding: 0 6px; margin-bottom: 16px; font-size: 12px; line-height: 1.5; color: #536f8e; }
.preguntas-contacto-boton {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px;
    border-radius: 26px;
    background: #0c2e51;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    transition: background-color 180ms ease;
}
.preguntas-contacto-boton:hover { background: #003fb7; }
.preguntas-frecuentes :focus-visible { outline: 3px solid #ffc900; outline-offset: 2px; }
@media (max-width: 1100px) {
    .preguntas-frecuentes { padding: 32px; }
}
@media (max-width: 800px) {
    .preguntas-frecuentes { grid-template-columns: 1fr; gap: 28px; width: calc(100% - 48px); padding: 28px 24px; }
    .preguntas-contacto { width: 100%; max-width: 340px; justify-self: center; }
    .preguntas-lista { max-height: 300px; }
}
@media (max-width: 480px) {
    .preguntas-frecuentes { width: calc(100% - 32px); padding: 26px 18px; border-radius: 24px; }
    .preguntas-contenido h2 { font-size: 30px; }
    .pregunta summary { padding: 14px 12px; gap: 10px; font-size: 14px; }
    .pregunta-respuesta { padding: 14px 12px 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .pregunta summary, .preguntas-contacto-boton { transition: none; }
}