.elementor-7752 .elementor-element.elementor-element-90083d7{--display:flex;--min-height:65vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--overlay-opacity:0.5;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-7752 .elementor-element.elementor-element-90083d7::before, .elementor-7752 .elementor-element.elementor-element-90083d7 > .elementor-background-video-container::before, .elementor-7752 .elementor-element.elementor-element-90083d7 > .e-con-inner > .elementor-background-video-container::before, .elementor-7752 .elementor-element.elementor-element-90083d7 > .elementor-background-slideshow::before, .elementor-7752 .elementor-element.elementor-element-90083d7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7752 .elementor-element.elementor-element-90083d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-7752 .elementor-element.elementor-element-03cefbf img{width:20%;}.elementor-7752 .elementor-element.elementor-element-c4c0c4a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7752 .elementor-element.elementor-element-c4c0c4a{text-align:center;}.elementor-7752 .elementor-element.elementor-element-c4c0c4a .elementor-heading-title{font-family:"Roblealto", Sans-serif;font-size:35px;font-weight:100;letter-spacing:0px;color:var( --e-global-color-df900e0 );}.elementor-7752 .elementor-element.elementor-element-104be5a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7752 .elementor-element.elementor-element-104be5a{text-align:center;}.elementor-7752 .elementor-element.elementor-element-104be5a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;letter-spacing:0px;color:var( --e-global-color-df900e0 );}.elementor-7752 .elementor-element.elementor-element-18e58ed{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;overflow:visible;}.elementor-7752 .elementor-element.elementor-element-18e58ed.e-con{--align-self:center;}.elementor-7752 .elementor-element.elementor-element-5efd5da{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;overflow:visible;}.elementor-7752 .elementor-element.elementor-element-c9bfd66{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:40px 40px;--row-gap:40px;--column-gap:40px;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-7752 .elementor-element.elementor-element-c9bfd66:not(.elementor-motion-effects-element-type-background), .elementor-7752 .elementor-element.elementor-element-c9bfd66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-7752 .elementor-element.elementor-element-c9bfd66 .elementor-widget-container{backdrop-filter:brightness( 1 ) contrast( 1 ) saturate( 1 ) grayscale( 0 ) blur( 4px ) hue-rotate( 0deg );-webkit-backdrop-filter:brightness( 1 ) contrast( 1 ) saturate( 1 ) blur( 4px ) grayscale( 0 ) hue-rotate( 0deg );}.elementor-7752 .elementor-element.elementor-element-900a0a8 img{width:20%;}.elementor-7752 .elementor-element.elementor-element-aa8158f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7752 .elementor-element.elementor-element-aa8158f{text-align:center;}.elementor-7752 .elementor-element.elementor-element-aa8158f .elementor-heading-title{font-family:"Roblealto", Sans-serif;font-size:35px;font-weight:100;letter-spacing:0px;color:var( --e-global-color-df900e0 );}.elementor-7752 .elementor-element.elementor-element-ab8b630 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7752 .elementor-element.elementor-element-ab8b630{text-align:center;}.elementor-7752 .elementor-element.elementor-element-ab8b630 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;letter-spacing:0px;color:var( --e-global-color-df900e0 );}.elementor-7752 .elementor-element.elementor-element-521389f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7752 .elementor-element.elementor-element-521389f{text-align:center;}.elementor-7752 .elementor-element.elementor-element-521389f .elementor-heading-title{font-family:"Roblealto", Sans-serif;font-size:20px;font-weight:100;letter-spacing:0px;color:var( --e-global-color-df900e0 );}.elementor-7752 .elementor-element.elementor-element-63db510 > .elementor-widget-container{margin:0px 0px -80px 0px;padding:0px 0px 0px 0px;}.elementor-7752 .elementor-element.elementor-element-63db510.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-7752 .elementor-element.elementor-element-ff42ac9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7752 .elementor-element.elementor-element-ff42ac9{text-align:center;}.elementor-7752 .elementor-element.elementor-element-ff42ac9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;line-height:25px;letter-spacing:0px;color:var( --e-global-color-df900e0 );}@media(min-width:768px){.elementor-7752 .elementor-element.elementor-element-5efd5da{--width:49%;}.elementor-7752 .elementor-element.elementor-element-c9bfd66{--width:49%;}}@media(max-width:767px){.elementor-7752 .elementor-element.elementor-element-90083d7{--min-height:65vh;}.elementor-7752 .elementor-element.elementor-element-03cefbf img{width:30%;}.elementor-7752 .elementor-element.elementor-element-c4c0c4a .elementor-heading-title{font-size:30px;}.elementor-7752 .elementor-element.elementor-element-104be5a .elementor-heading-title{font-size:16px;}.elementor-7752 .elementor-element.elementor-element-18e58ed{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7752 .elementor-element.elementor-element-5efd5da{--min-height:300px;}.elementor-7752 .elementor-element.elementor-element-c9bfd66{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-7752 .elementor-element.elementor-element-900a0a8 img{width:30%;}.elementor-7752 .elementor-element.elementor-element-aa8158f .elementor-heading-title{font-size:30px;}.elementor-7752 .elementor-element.elementor-element-ab8b630 .elementor-heading-title{font-size:16px;}.elementor-7752 .elementor-element.elementor-element-521389f .elementor-heading-title{font-size:18px;}.elementor-7752 .elementor-element.elementor-element-ff42ac9{text-align:center;}.elementor-7752 .elementor-element.elementor-element-ff42ac9 .elementor-heading-title{font-size:16px;}}/* Start custom CSS for image, class: .elementor-element-03cefbf *//* Define la animación del latido */
@keyframes heartbeat-pulse {
    0% {
        transform: scale(1); /* Tamaño normal */
    }
    50% {
        transform: scale(1.08); /* Crece un 8% en la mitad del ciclo */
        /* Opcional: añade una sombra suave al crecer para más profundidad */
        /* box-shadow: 0 0 15px rgba(255, 0, 0, 0.3); */
    }
    100% {
        transform: scale(1); /* Vuelve al tamaño normal */
    }
}

/* Aplica la animación a la imagen del widget */
.elementor-7752 .elementor-element.elementor-element-03cefbf img {
    /* Nombre | Duración | Repetición | Curva de velocidad */
    animation: heartbeat-pulse 2.0s infinite ease-in-out;
    /* Asegura una renderización suave */
    backface-visibility: hidden;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-900a0a8 *//* Define la animación del latido */
@keyframes heartbeat-pulse {
    0% {
        transform: scale(1); /* Tamaño normal */
    }
    50% {
        transform: scale(1.08); /* Crece un 8% en la mitad del ciclo */
        /* Opcional: añade una sombra suave al crecer para más profundidad */
        /* box-shadow: 0 0 15px rgba(255, 0, 0, 0.3); */
    }
    100% {
        transform: scale(1); /* Vuelve al tamaño normal */
    }
}

/* Aplica la animación a la imagen del widget */
.elementor-7752 .elementor-element.elementor-element-900a0a8 img {
    /* Nombre | Duración | Repetición | Curva de velocidad */
    animation: heartbeat-pulse 2.0s infinite ease-in-out;
    /* Asegura una renderización suave */
    backface-visibility: hidden;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-63db510 *//* --- LIMPIEZA EXTREMA DEL SHORTCODE DE PRODUCTO --- */

/* 1. Ocultar TODO lo que no sea el formulario de compra */
.donacion-minimalista .product_title,          /* Título */
.donacion-minimalista .product_meta,           /* Categoría y SKUs */
.donacion-minimalista .woocommerce-product-gallery, /* Imagen del producto */
.donacion-minimalista .woocommerce-tabs,       /* Pestañas de descripción */
.donacion-minimalista .price,                  /* Precio fijo (si sale duplicado) */
.donacion-minimalista .woocommerce-result-count,
.donacion-minimalista .woocommerce-ordering {
    display: none !important;
}

/* 2. Centrar y ajustar el formulario */
.donacion-minimalista div.product {
    padding: 0 !important;
    margin: 0 !important;
}

.donacion-minimalista .summary.entry-summary {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centrar todo */
}

.donacion-minimalista form.cart {
    display: flex;
    flex-direction: column; /* Poner input arriba y botón abajo */
    align-items: center;
    width: 100%;
    max-width: 400px; /* Ancho máximo para que no se vea gigante */
    gap: 15px; /* Espacio entre input y botón */
}

/* 3. Estilizar el Input del Monto (Hacerlo grande y bonito) */
.donacion-minimalista input.nyp-input-field,
.donacion-minimalista input#nyp {
    width: 100% !important;
    height: 55px !important;
    font-size: 24px !important;
    text-align: center !important;
    border: 2px solid #ddd !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    background: #fff !important;
    margin: 0 !important;
}

/* Focus: Cuando hacen clic para escribir */
.donacion-minimalista input.nyp-input-field:focus {
    border-color: #a020f0 !important; /* Tu color morado */
    outline: none !important;
}

/* 4. TRUCO: Cambiar texto del botón a "Donar ❤" y estilizarlo */
.donacion-minimalista button.single_add_to_cart_button {
    background-color: #E6185B !important; /* Color de fondo */
    color: transparent !important; /* Ocultamos el texto "Añadir al carrito" */
    position: relative !important;
    height: 60px !important;
    border-radius: 50px !important;
    border: none !important;
    transition: transform 0.2s;
}

/* Aquí ponemos el nuevo texto */
.donacion-minimalista button.single_add_to_cart_button::after {
    content: "Donar ❤"; 
    color: white !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px !important;
    font-weight: bold !important;
    visibility: visible !important;
    width: 100%;
}

.donacion-minimalista button.single_add_to_cart_button:hover {
    transform: scale(1.2); /* Efecto zoom al pasar el mouse */
    background-color: #FED01D !important; /* Morado más oscuro */
}

/* --- 1. ETIQUETAS DE TEXTO (Poppins 16px Blanco) --- */
/* Afecta a "Ingrese el monto..." y al símbolo de moneda */
.donacion-minimalista label, 
.donacion-minimalista span, 
.donacion-minimalista .woocommerce-Price-currencySymbol {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

/* --- 2. EL CAMPO DE MONTO (Input) --- */
/* Atacamos la clase exacta que me pasaste */
.donacion-minimalista input.alg_open_price {
    /* Forzamos el ancho sobre el '75px' que trae el plugin */
    width: 100% !important;        
    max-width: 320px !important;   /* Un ancho máximo estético */
    min-width: 220px !important;
    
    /* Altura y Espaciado */
    height: 50px !important;
    padding: 0 10px !important;
    margin: 10px auto !important;  /* Centrado y separado del texto */
    display: block !important;     /* Asegura que ocupe su propia línea */
    
    /* Estética de la caja (Blanca) */
    background-color: #ffffff !important;
    border: 2px solid rgba(255,255,255,0.5) !important;
    border-radius: 8px !important;
    
    /* Texto DENTRO del input (Números) */
    color: #333333 !important;     /* Oscuro para que se lea bien sobre blanco */
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;    /* Un poco más grande para el número */
    font-weight: bold !important;
    text-align: center !important;
}

/* Estado al hacer clic (Focus) */
.donacion-minimalista input.alg_open_price:focus {
    outline: none !important;
    border-color: #ffffff !important;
    box-shadow: 0 0 10px rgba(255,255,255,0.3) !important;
}

/* --- 3. LIMPIEZA ADICIONAL --- */
/* Ocultar el símbolo de moneda suelto si se ve mal posicionado */
/* (El usuario ya sabe la moneda por el .elementor-7752 .elementor-element.elementor-element-63db510 de arriba) */
.donacion-minimalista .woocommerce-Price-currencySymbol {
    /* Opcional: quita el comentario de abajo si quieres ocultar el signo $ o ₡ suelto */
    /* display: none !important; */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roblealto';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://roblealto.org/wp-content/uploads/2025/10/RoblealtoFelicidad-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */