/* Start custom CSS for section, class: .elementor-element-654f4eb *//* ============================================================
   CSS #1 — Igualar fondo del tema con el diseño TY (#f0f0f0)
   Pegar en: Apariencia > Personalizar > CSS adicional
   ============================================================ */

body,
#page,
.site,
#content,
.site-main,
#primary,
.content-area {
  background-color: #f0f0f0 !important;
}

/* Quitar márgenes laterales blancos del tema */
body:has(#ty3Hero) #page,
body:has(#ty3Hero) .site,
body:has(#ty3Hero) #content,
body:has(#ty3Hero) #primary,
body:has(#ty3Hero) .content-area,
body:has(#ty3Hero) .site-main {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Elementor: quitar padding lateral en el widget HTML */
body:has(#ty3Hero) .elementor-widget-html,
body:has(#ty3Hero) .elementor-widget-container,
body:has(#ty3Hero) .elementor-element,
body:has(#ty3Hero) .elementor-widget-wrap,
body:has(#ty3Hero) .elementor-column,
body:has(#ty3Hero) .elementor-container,
body:has(#ty3Hero) .e-con,
body:has(#ty3Hero) .e-con-inner {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Transparentar secciones de Elementor para no tapar el fondo */
.elementor-section,
.elementor-top-section,
.e-con {
  background-color: transparent !important;
}


/* ============================================================
   CSS #2 — Ocultar bloque de métodos de pago Pagopar
   Pegar en: Apariencia > Personalizar > CSS adicional
   ============================================================ */

.pagopar-methods,
.container .pagopar-methods,
div:has(.pagopar-methods) {
  display: none !important;
}/* End custom CSS */