.elementor-601 .elementor-element.elementor-element-a596679{--display:flex;--border-radius:20px 20px 20px 20px;--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-601 .elementor-element.elementor-element-a596679:not(.elementor-motion-effects-element-type-background), .elementor-601 .elementor-element.elementor-element-a596679 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-601 .elementor-element.elementor-element-c45e569{--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-601 .elementor-element.elementor-element-c45e569:not(.elementor-motion-effects-element-type-background), .elementor-601 .elementor-element.elementor-element-c45e569 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-601 .elementor-element.elementor-element-56f1535 img{width:87%;}.elementor-601 .elementor-element.elementor-element-2099196{margin:-35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-601 .elementor-element.elementor-element-2099196 .elementor-heading-title{font-size:15px;color:#878787;}.elementor-601 .elementor-element.elementor-element-8a1623f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;--e-icon-list-icon-size:19px;--icon-vertical-offset:0px;}.elementor-601 .elementor-element.elementor-element-8a1623f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-601 .elementor-element.elementor-element-8a1623f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-601 .elementor-element.elementor-element-8a1623f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-601 .elementor-element.elementor-element-8a1623f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-601 .elementor-element.elementor-element-8a1623f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-601 .elementor-element.elementor-element-8a1623f .elementor-icon-list-icon i{color:#646464;transition:color 0.3s;}.elementor-601 .elementor-element.elementor-element-8a1623f .elementor-icon-list-icon svg{fill:#646464;transition:fill 0.3s;}.elementor-601 .elementor-element.elementor-element-8a1623f .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#56C9E7;}.elementor-601 .elementor-element.elementor-element-8a1623f .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#56C9E7;}.elementor-601 .elementor-element.elementor-element-8a1623f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-601 .elementor-element.elementor-element-8a1623f .elementor-icon-list-item > a{font-weight:600;}.elementor-601 .elementor-element.elementor-element-8a1623f .elementor-icon-list-text{color:#878787;transition:color 0.3s;}.elementor-601 .elementor-element.elementor-element-8a1623f .elementor-icon-list-item:hover .elementor-icon-list-text{color:#56C9E7;}.elementor-601 .elementor-element.elementor-element-d22552f{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-601 .elementor-element.elementor-element-d22552f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-601 .elementor-element.elementor-element-d22552f .elementor-button{font-size:12px;}/* Start custom CSS for icon-list, class: .elementor-element-8a1623f *//* --- Opción 2: Brillo Dorado Sutil --- */

.elementor-601 .elementor-element.elementor-element-8a1623f .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-601 .elementor-element.elementor-element-8a1623f .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-d22552f *//* 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-c45e569 *//* 1. Habilitamos que la imagen sobresalga */
.elementor-element-1ed184d1 {
    overflow: visible !important;
    position: relative;
}

/* 2. Colocamos tu imagen encima */
.elementor-element-1ed184d1::before {
    content: '';
    position: absolute;
    
    /* AJUSTE DE POSICIÓN VERTICAL */
    /* Juega con este número: -40px sube la imagen, 0px la baja */
    top: -38px; 
    
    /* AJUSTE HORIZONTAL */
    /* Para que la guirnalda sobresalga un poquito a los lados */
    width: calc(93% + 22px); /* El ancho del menú + 30px extra */
    
    /* ALTURA DE TU IMAGEN */
    height: 100px; /* Pon aquí la altura real de tu recorte */
    
    /* AQUÍ PEGAS TU URL */
    background-image: url('https://proyecto.ingelearn.com/wp-content/uploads/2025/12/Diseno-sin-titulo-13.png');
    
    background-size: contain; /* Ajusta la imagen sin deformarla */
    background-repeat: no-repeat;
    background-position: center top;
    
    z-index: 99; /* Para que quede por encima del fondo blanco */
    pointer-events: none; /* Para que no moleste al hacer clic en los botones */
    
    /* Opcional: Una sombra suave para que la rama parezca 3D sobre el menú */
    filter: drop-shadow(0 5px 5px rgba(0,0,0,0.3));
}


.borde-navideno {
    /* 1. EL TRUCO DEL BASTÓN */
    background: 
        /* Capa de adentro (Fondo del elemento - Crema) */
        /* IMPORTANTE: Si querés el fondo blanco, cambiá los #FFFCF5 por #ffffff */
        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 */
    border: 6px solid transparent !important; 
    border-radius: 20px !important;
    
    /* 3. SOMBRA (Opcional) */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    
    /* 4. AJUSTE DE RELLENO (Opcional) */
    /* A veces Elementor necesita forzar el padding para que el contenido no toque el borde */
    /* Descomentalo si sentís que el texto queda muy pegado al borde */
    /* padding: 20px !important; */
}/* End custom CSS */