.elementor-1878 .elementor-element.elementor-element-459d1d4f{--display:grid;--e-con-grid-template-columns:0.3fr 1fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-1878 .elementor-element.elementor-element-51f2767f{--display:flex;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;overflow:visible;}.elementor-1878 .elementor-element.elementor-element-51f2767f:not(.elementor-motion-effects-element-type-background), .elementor-1878 .elementor-element.elementor-element-51f2767f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1878 .elementor-element.elementor-element-51f2767f.e-con{--align-self:flex-start;}.elementor-1878 .elementor-element.elementor-element-4cadf8f{padding:2rem 0rem 0rem 0rem;z-index:10;}.elementor-1878 .elementor-element.elementor-element-4cadf8f img{width:87%;}.elementor-1878 .elementor-element.elementor-element-705c9391{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1878 .elementor-element.elementor-element-705c9391 .elementor-heading-title{font-size:15px;color:#878787;}.elementor-1878 .elementor-element.elementor-element-379ecd44{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;--e-icon-list-icon-size:19px;--icon-vertical-offset:0px;}.elementor-1878 .elementor-element.elementor-element-379ecd44 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-1878 .elementor-element.elementor-element-379ecd44 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-1878 .elementor-element.elementor-element-379ecd44 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-1878 .elementor-element.elementor-element-379ecd44 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-1878 .elementor-element.elementor-element-379ecd44 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-1878 .elementor-element.elementor-element-379ecd44 .elementor-icon-list-icon i{color:#646464;transition:color 0.3s;}.elementor-1878 .elementor-element.elementor-element-379ecd44 .elementor-icon-list-icon svg{fill:#646464;transition:fill 0.3s;}.elementor-1878 .elementor-element.elementor-element-379ecd44 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#56C9E7;}.elementor-1878 .elementor-element.elementor-element-379ecd44 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#56C9E7;}.elementor-1878 .elementor-element.elementor-element-379ecd44 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1878 .elementor-element.elementor-element-379ecd44 .elementor-icon-list-item > a{font-weight:600;}.elementor-1878 .elementor-element.elementor-element-379ecd44 .elementor-icon-list-text{color:#878787;transition:color 0.3s;}.elementor-1878 .elementor-element.elementor-element-379ecd44 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#56C9E7;}.elementor-1878 .elementor-element.elementor-element-6c576737{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1878 .elementor-element.elementor-element-6c576737 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1878 .elementor-element.elementor-element-6c576737 .elementor-button{font-size:12px;line-height:1.4em;}.elementor-1878 .elementor-element.elementor-element-77058edb{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:0.1fr 0.1fr 0.1fr 0.1fr https://proyecto.ingelearn.com/p403-que-es-la-electricidad/;--grid-auto-flow:row;overflow:visible;}.elementor-1878 .elementor-element.elementor-element-43dec241 .elementor-nav-menu--dropdown a:hover,
					.elementor-1878 .elementor-element.elementor-element-43dec241 .elementor-nav-menu--dropdown a:focus,
					.elementor-1878 .elementor-element.elementor-element-43dec241 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1878 .elementor-element.elementor-element-43dec241 .elementor-nav-menu--dropdown a.highlighted{background-color:#4172B7;}body.elementor-page-1878:not(.elementor-motion-effects-element-type-background), body.elementor-page-1878 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F7FA;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1878 .elementor-element.elementor-element-459d1d4f{--grid-auto-flow:row;}.elementor-1878 .elementor-element.elementor-element-77058edb{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1878 .elementor-element.elementor-element-459d1d4f{--content-width:1400px;}}@media(max-width:767px){.elementor-1878 .elementor-element.elementor-element-459d1d4f{--e-con-grid-template-columns:1fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1878 .elementor-element.elementor-element-77058edb{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:0.1fr 0.1fr 0.1fr 0.1fr;--grid-auto-flow:row;}.elementor-1878 .elementor-element.elementor-element-6c1b371a .elementor-heading-title{font-size:29px;}}/* Start custom CSS for icon-list, class: .elementor-element-379ecd44 *//* --- Opción 2: Brillo Dorado Sutil --- */

.elementor-1878 .elementor-element.elementor-element-379ecd44 .elementor-icon-list-item:nth-child(5) a {
    /* Cambiamos el color del texto y el icono a dorado */
    color: #D4AF37 !important; 
    
    /* Agregamos una "sombra" de texto suave que simula un brillo */
    /* Los valores son: desplazamiento-x, desplazamiento-y, desenfoque, color */
    text-shadow: 0px 0px 12px rgba(212, 175, 55, 0.6); 
    
    /* Una transición suave por si pasan el mouse por encima */
    transition: all 0.3s ease;
}

/* Aseguramos que el icono también tome el color dorado */
.elementor-1878 .elementor-element.elementor-element-379ecd44 .elementor-icon-list-item:nth-child(5) .elementor-icon-list-icon svg {
    fill: #D4AF37 !important;
    /* Un pequeño filtro para que el icono también brille un poco */
    filter: drop-shadow(0px 0px 5px rgba(212, 175, 55, 0.6));
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6c576737 *//* 1. Limpieza de contenedores de Elementor para evitar bordes fantasma */
.btn-dorado-navideno.elementor-widget-button .elementor-widget-container,
.btn-dorado-navideno .elementor-button-wrapper {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 2. Estilo del botón (El dorado que te gustó) */
.btn-dorado-navideno .elementor-button {
    /* FONDO Y DEGRADADO GOLDEN/OPACO */
    background-image: linear-gradient(
        to right, 
        #785C18 0%,   /* Bronce oscuro */
        #C89D34 25%,  /* Oro medio */
        #E5C365 51%,  /* Brillo dorado suave */
        #C89D34 75%,  /* Oro medio */
        #785C18 100%  /* Bronce oscuro */
    ) !important;
    background-size: 200% auto !important;
    background-color: transparent !important;

    /* TEXTO */
    color: #FFFFFF !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
    
    /* --- CAMBIO CLAVE: ELIMINAR BORDES --- */
    border: none !important; /* Chau borde físico */
    outline: none !important; /* Chau contorno de foco del navegador */
    
    /* FORMA Y DETALLES */
    border-radius: 50px !important;
    /* Sombra dorada suave para dar volumen, no es un borde */
    box-shadow: 0 4px 15px rgba(184, 134, 11, 0.4) !important; 
    transition: all 0.4s ease-in-out !important;
    margin: 0 !important; 
    padding: 15px 40px !important; /* Ajustá el relleno si lo ves muy chico o grande */
}

/* HOVER */
.btn-dorado-navideno .elementor-button:hover {
    background-position: right center !important; 
    transform: translateY(-3px) !important;
    /* Sombra más intensa al pasar */
    box-shadow: 0 8px 25px rgba(184, 134, 11, 0.6) !important;
    color: #FFFFFF !important;
}

/* HOVER/FOCUS (Para eliminar el borde azul/gris al hacer clic) */
.btn-dorado-navideno .elementor-button:focus,
.btn-dorado-navideno .elementor-button:active {
    outline: none !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(184, 134, 11, 0.4) !important; /* Mantiene la sombra dorada */
}



.elementor-widget-form {
    /* 1. EL TRUCO DEL BASTÓN */
    background: 
        /* Capa de adentro (Fondo del formulario - Crema) */
        linear-gradient(#FFFCF5, #FFFCF5) padding-box, 
        
        /* Capa del borde (Las rayas repetidas) */
        repeating-linear-gradient(
            45deg,          /* Inclinación diagonal */
            #146B3A,        /* Color 1: Verde Pino */
            #146B3A 20px,   /* Mantiene el verde hasta 20px */
            #D62828 20px,   /* Cambio brusco a Rojo */
            #D62828 40px    /* Mantiene el rojo hasta 40px */
        ) border-box !important;

    /* 2. GROSOR DEL BORDE */
    /* Lo subimos a 5px o 6px para que se noten bien las rayas */
    border: 6px solid transparent !important; 
    border-radius: 20px !important;
    
    /* 3. RESTO DEL ESTILO */
    padding: 30px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-51f2767f *//* --- INICIO CLASE GLOBAL DECORACIÓN NAVIDEÑA (Tus medidas exactas) --- */

/* 1. EL CONTENEDOR (Borde Bastón) */
.caja-navidena {
    /* Necesario para que la guirnalda se vea fuera de la caja */
    overflow: visible !important; 
    position: relative;

    /* EL EFECTO DE BASTÓN DE CARAMELO */
    background: 
        /* Capa de adentro (Fondo blanco/crema) */
        linear-gradient(#FFFCF5, #FFFCF5) padding-box, 
        
        /* Capa del borde (Rayas Rojas y Verdes) */
        repeating-linear-gradient(
            45deg, 
            #146B3A,        /* Verde */
            #146B3A 20px, 
            #D62828 20px,   /* Rojo */
            #D62828 40px
        ) border-box !important;

    /* Grosor y redondeado del borde */
    border: 6px solid transparent !important;
    border-radius: 20px !important;
    
    /* Sombra para darle profundidad */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

/* 2. AGREGAMOS LA GUIRNALDA DECORATIVA ENCIMA */
.caja-navidena::before {
    content: '';
    position: absolute;
    
    /* TUS VALORES EXACTOS */
    top: -40px; 
    width: calc(80% + 61px); 
    left: 0px; 
    
    /* ALTURA DE LA IMAGEN */
    height: 110px; 
    
    /* TU IMAGEN DECORATIVA */
    background-image: url('https://proyecto.ingelearn.com/wp-content/uploads/2025/12/Diseno-sin-titulo-13.png');
    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    
    z-index: 99;
    pointer-events: none; 
    
    /* Sombra de la rama */
    filter: drop-shadow(0 5px 5px rgba(0,0,0,0.3));
}

/* --- FIN CLASE GLOBAL --- *//* End custom CSS */