.elementor-kit-5{--e-global-color-primary:#000000;--e-global-color-secondary:#1875AB;--e-global-color-text:#4F7934;--e-global-color-accent:#D81F2E;--e-global-color-fca340b:#009DE1;--e-global-color-33590c1:#FFFFFF;--e-global-typography-primary-font-family:"Gilroy";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Gilroy";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Gilroy";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Gilroy";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.highlight-text {
  background-color: white;
  color: black;
  padding: 0.3em 0.8em;
  border-radius: 8px; /* esto lo hace ultra redondeado, como Canva */
  line-height: 1.6;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}


/* Quitar espacio de imagen y hacer que el summary ocupe todo el ancho */
.single-product div.product div.images {
    display: none; /* Oculta la columna de imagen */
}

.single-product div.product div.summary {
    width: 100% !important;
    float: none;
}

/* Ocultar valoraciones (tabs de WooCommerce) */
.woocommerce-tabs.wc-tabs-wrapper {
    display: none !important;
}

/* Ocultar categoría y meta del producto */
.product_meta {
    display: none !important;
}

/* Ocultar productos relacionados */
.related.products,
.upsells.products {
    display: none !important;
}



/* Estilo del título de la donación */
.wcdp-variation-heading {
  font-family: "Gilroy Normal", Sans-serif;
  font-size: 24px;
  font-weight: 400;
  color: var(--e-global-color-secondary);
  text-align: center;
  margin-bottom: 20px;
}

/* Contenedor de fuera de opciones */
.wcdp_options.wcdp_amount {
  text-align: center;
  background: #fff;
  padding: 40px 20px;
  border-radius: 16px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  font-family: "Gilroy Normal", Sans-serif;
  color: #000;
}

/* Aplica fondo blanco y borde a los labels dentro de las opciones de donación */
.wcdp-button-label,
.wcdp_label_custom_amount,
.wcdp_options > li > label {
    text-align: center;
    display: inline-block;
    background: #fff !important;       /* Fuerza fondo blanco */
    color: #000 !important;
    border: 1px solid #000;
    border-radius: 16px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    font-family: "Gilroy Normal", Sans-serif;
    padding: 2%;
    cursor: pointer;
    transition: background 0.3s ease;
}

/* Hover: fondo gris */
.wcdp-button-label:hover,
.wcdp_label_custom_amount:hover,
.wcdp_options > li > label:hover {
    background: #d3d3d3 !important;
}


/* Botón de donación */
.button.wcdp-button.wcdp-right {
  background-color: var(--e-global-color-secondary);
  color: #fff;
  background-color: #d81f2e;
  font-family: "Gilroy Normal", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  border-radius: 10px;
  padding: 12px 30px;
  transition: all 0.3s ease;
  display: inline-block;
  margin-top: 20px;
}

/* Hover del botón */
.button.wcdp-button.wcdp-right:hover {
  background-color: #4f7934;
  color: #fff;
}

body, html {
  overflow-x: hidden;
  width: 100%;
}

section {
  overflow-x: hidden;
}/* End custom CSS */