/* INTRODUCCION */
html {
  scrollbar-gutter: stable;
}

body {
  overflow-x: hidden;
}

.faq-intro,
.faq-container {
    max-width: 900px;
    width: 100%;
    padding: 0 15px; /* evita que toque bordes en móvil */
}


.faq-intro{
    margin: 20px auto 10px auto;    /* ↑ arriba más espacio, ↓ abajo menos */
    background: #e9f7ef;
    border: 2px solid #cfe9d8;
    border-radius: 12px;
    padding: 15px;
    text-align: center;
}

.faq-intro h2{
color:#2d7d46;
margin-bottom:5px;

}

/* CONTENEDOR FAQ */
.faq-container{
margin:0 auto;
display:flex;
flex-direction:column;
gap:5px;

}

/* ITEM FAQ */
.faq-item{
background:white;
border:2px solid #dfeee5;
border-radius:12px;
padding:18px 22px;
transition:0.2s;

}

/* HOVER */
.faq-item:hover{
transform:translateY(-4px);
border-color:#a7d8b9;

}

/* PREGUNTA */
.faq-item summary{
font-weight:600;
font-size:17px;
cursor:pointer;
color:#2f5e3d;
list-style:none;

}

/* QUITAR TRIANGULO DEFAULT */
.faq-item summary::-webkit-details-marker{
display:none;
}

/* RESPUESTA */
.faq-item p{
margin-top:12px;
line-height:1.6;
text-align:justify;
color:#444;

}

/* ICONO + */
.faq-item summary{
position:relative;
padding-right:25px;

}

/* simbolo + */

/* ICONO */
.faq-item summary{
position:relative;
padding-right:30px;

}

.faq-item summary::after{
content:"+";
position:absolute;
right:0;
top:50%;
transform:translateY(-50%) rotate(0deg);
font-size:20px;
color:#2d7d46;
transition:transform 0.25s ease;

}

/* cuando se abre */
.faq-item[open] summary::after{
transform:translateY(-50%) rotate(45deg);

}