/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1777884807
Updated: 2026-05-04 10:53:27

*/

/* ── Acordeón Elementor nested: chevron rojo a la derecha ─────── */

/* Ocultar iconos por defecto de Elementor (+/-), mostrar solo el icono personalizado */
.e-n-accordion-item-title-icon svg,
.e-n-accordion-item-title-icon i {
    display: none !important;
}

.e-n-accordion-item-title-icon svg[viewBox="0 0 46 42"] {
    display: block !important;
    width: 20px;
    height: auto;
}

/* Icono al extremo derecho */
.e-n-accordion-item-title-icon {
    order: 2 !important;
    margin-left: auto;
    padding-left: 16px;
    flex-shrink: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
}


/* Chevron personalizado con CSS puro — apunta abajo (plegado) */
.e-n-accordion-item-title-icon::after {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    border-right: 2px solid #CC0000;
    border-bottom: 2px solid #CC0000;
    transform: rotate(45deg);
    transition: transform 0.3s ease, margin-top 0.3s ease;
    margin-top: -5px;
}

/* Rotar cuando está desplegado — apunta arriba */
details.e-n-accordion-item[open] .e-n-accordion-item-title-icon::after {
    transform: rotate(-135deg);
    margin-top: 3px;
}
