/* ===========================================
   FAQ
=========================================== */

details{

    background:#20242b;

    border:1px solid #303844;

    border-radius:12px;

    margin-bottom:18px;

    overflow:hidden;

    transition:.25s;

}

details:hover{

    border-color:#38bdf8;

    box-shadow:0 0 15px rgba(56,189,248,.15);

}

details[open]{

    border-color:#38bdf8;

}

/* ===========================================
   Pregunta
=========================================== */

summary{

    list-style:none;

    cursor:pointer;

    padding:20px 24px;

    color:#59c4ff;

    font-size:18px;

    font-weight:600;

    user-select:none;

    transition:.25s;

}

summary:hover{

    background:#262c35;

}

summary::-webkit-details-marker{

    display:none;

}

/* ===========================================
   Icono + / -
=========================================== */

summary::after{

    content:"+";

    float:right;

    color:#59c4ff;

    font-size:26px;

    font-weight:bold;

    transition:.25s;

}

details[open] summary::after{

    content:"−";

}

/* ===========================================
   Respuesta
=========================================== */

details p{

    padding:0 24px 22px;

    color:#cfd7df;

    line-height:1.8;

    font-size:16px;

}

details[open] summary{

    border-bottom:1px solid #303844;

    margin-bottom:20px;

}
/* ===========================================
   Video
=========================================== */

.video-container{

    width:100%;

    display:flex;

    justify-content:center;

    margin:30px 0;

}

.video-container iframe{

    width:100%;

    max-width:800px;

    aspect-ratio:16 / 9;

    border:none;

    border-radius:12px;

    box-shadow:0 0 20px rgba(0,0,0,.35);

}

.map-list{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:15px;

}

.map-list span{

    background:#262c35;

    border:1px solid #303844;

    color:#59c4ff;

    padding:8px 14px;

    border-radius:20px;

    font-size:15px;

    transition:.25s;

}

.map-list span:hover{

    background:#38bdf8;

    color:#111;

}

.faq-list{

    list-style:none;

    margin-top:15px;

}

.faq-list li{

    padding:8px 0;

    color:#cfd7df;

}