.elementor-446 .elementor-element.elementor-element-94489ef{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-446 .elementor-element.elementor-element-718e469{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-446 .elementor-element.elementor-element-bea2422{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;}.elementor-446 .elementor-element.elementor-element-bea2422.elementor-element{--align-self:center;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-446 .elementor-element.elementor-element-764c12a{width:var( --container-widget-width, 77% );max-width:77%;margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:77%;--container-widget-flex-grow:0;text-align:center;}.elementor-446 .elementor-element.elementor-element-764c12a.elementor-element{--align-self:center;}.elementor-446 .elementor-element.elementor-element-764c12a .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:36px;font-weight:600;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-446 .elementor-element.elementor-element-afdfb1f .cart button, .elementor-446 .elementor-element.elementor-element-afdfb1f .cart .button{transition:all 0.2s;}.elementor-446 .elementor-element.elementor-element-afdfb1f{--view-cart-spacing:0px;}.elementor-446 .elementor-element.elementor-element-afdfb1f .quantity .qty{transition:all 0.2s;}@media(min-width:768px){.elementor-446 .elementor-element.elementor-element-94489ef{--content-width:28%;}.elementor-446 .elementor-element.elementor-element-718e469{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-446 .elementor-element.elementor-element-94489ef{--content-width:49%;}}/* Start custom CSS *//* ==========================================================================
   ESTILOS PERSONALIZADOS PARA LA PÁGINA DE DONACIÓN / PRODUCTO WOOCOMMERCE
   ========================================================================== */

/* 1. TÍTULO PRINCIPAL */
.product_title.entry-title {
    color: #221C1A !important; /* Café oscuro institucional */
    font-weight: 700;
    margin-bottom: 15px;
}

/* 2. TEXTOS DE SUGERENCIA Y ETIQUETAS (Name Your Price) */
.woocommerce-product-details__short-description,
.price-description,
label[for="nyp"],
.nyp-label {
    color: #606060 !important; /* Gris de lectura limpio */
    font-weight: 600;
    font-size: 16px;
}

/* Ocultar el precio sugerido si no aporta visualmente */
.nyp-suggested-price {
    color: #D4802C !important; /* Naranja/oro viejo */
    font-weight: bold;
}

/* 3. CAMPOS DE ENTRADA (Inputs: Monto y Cantidad) */
.woocommerce .quantity .qty,
input#nyp,
.nyp-input {
    border: 2px solid #E2DCD5 !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    color: #221C1A !important;
    font-weight: 600;
    background-color: #FFFFFF !important;
    transition: border-color 0.3s ease;
}

/* Efecto Focus al hacer clic en las casillas */
.woocommerce .quantity .qty:focus,
input#nyp:focus {
    border-color: #062E25 !important; /* Borde Verde profundo al seleccionar */
    outline: none;
}

/* 4. BOTÓN PRINCIPAL "AÑADIR AL CARRITO / DONAR" */
.woocommerce div.product form.cart .button.single_add_to_cart_button {
    background-color: #D4802C !important; /* Naranja/oro institucional */
    color: #FFFFFF !important;
    border-radius: 30px !important; /* Estilo píldora idéntico a la web */
    padding: 12px 35px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none !important;
    transition: background-color 0.3s ease, transform 0.2s ease !important;
    box-shadow: 0 4px 10px rgba(212, 128, 44, 0.2);
}

/* Efecto Hover del Botón Principal */
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover {
    background-color: #062E25 !important; /* Cambia a Verde profundo al pasar el cursor */
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

/* 5. SECCIÓN DE PESTAÑAS INFERIORES (Tabs: Descripción / Valoraciones) */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-bottom: 2px solid #E2DCD5 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: #FDF9F4 !important; /* Fondo crema suave */
    border: 1px solid #E2DCD5 !important;
    border-bottom: none !important;
    border-radius: 10px 10px 0 0 !important;
    margin-right: 5px;
}

/* Pestaña Activa */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background-color: #FFFFFF !important;
    border-top: 3px solid #062E25 !important; /* Línea superior verde profundo */
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #606060 !important;
    font-weight: 600;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #062E25 !important; /* Texto de pestaña activa en verde */
}

/* 6. ENLACES Y METADATOS (Categorías) */
.product_meta {
    border-top: 1px solid #E2DCD5;
    padding-top: 15px;
    font-size: 14px;
    color: #606060;
}

.product_meta a {
    color: #D4802C !important; /* Enlace de categoría en naranja/oro */
    text-decoration: none;
}

.product_meta a:hover {
    color: #062E25 !important;
    text-decoration: underline;
}/* End custom CSS */