/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 02 2025 | 16:04:31 */
/* --- Estilos Personalizados para el Bloque "Detalles" --- */

/* 1. Estilo del título (summary) para mover el icono al final */
details.wp-block-details > summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none; /* Oculta el triángulo por defecto */
    cursor: pointer;
}

/* 2. Oculta el marcador original del navegador (importante) */
details.wp-block-details > summary::-webkit-details-marker,
details.wp-block-details > summary::marker {
    display: none;
}

/* 3. Crea el nuevo icono (+) al final */
details.wp-block-details > summary::after {
    content: '+';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: transform 0.3s ease;
    margin-left: 10px; /* Añade un pequeño espacio entre el texto y el icono */
}

/* 4. Cambia el icono a '–' cuando el bloque está abierto */
details.wp-block-details[open] > summary::after {
    content: '–';
    transform: rotate(180deg);
}