/* Estilos del acordeón */
.acordeon1 {
    cursor: pointer;
    padding: 12px;
    background: #ffffff;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
}

/* Flecha a la izquierda del título */
.acordeon1::before {
    content: "+"; /* Se mostrará "+" por defecto */
    font-weight: bold;
    color: #555;
    margin-right: 10px;
    transition: transform 0.3s ease;
}

/* Mantener el contenido accesible para SEO */
.p_acordeon {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
    padding: 0 10px;
}

/* Cuando el acordeón está abierto */
.p_acordeon.open {
    max-height: 1000px; /* Se expande sin ocultar con display: none */
    padding: 10px;
}

/* Cambiar el icono cuando el acordeón está abierto */
.acordeon1.open::before {
    content: "−"; /* Se cambia automáticamente a "-" */
}

/* Cambiar el formato de las listas <ol> */
.p_acordeon ol {
    list-style-type: none;
    padding-left: 20px;
}

.p_acordeon ol li::before {
    content: "•"; /* Punto en lugar de numeración */
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    margin-right: 10px;
}