.elementor-15 .elementor-element.elementor-element-494346cd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3rem;--padding-bottom:5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-15 .elementor-element.elementor-element-87b8b2a{--display:flex;--padding-top:3rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;}.elementor-15 .elementor-element.elementor-element-87b8b2a:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-87b8b2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-heading .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-15 .elementor-element.elementor-element-1530616{text-align:center;}.elementor-15 .elementor-element.elementor-element-1530616 .elementor-heading-title{font-family:var( --e-global-typography-058ebcd-font-family ), Sans-serif;font-size:var( --e-global-typography-058ebcd-font-size );font-weight:var( --e-global-typography-058ebcd-font-weight );text-transform:var( --e-global-typography-058ebcd-text-transform );color:var( --e-global-color-b54e137 );}.elementor-widget-woocommerce-checkout-page .product-name .variation{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-15 .elementor-element.elementor-element-4f9f764{--additional-information-display:block;--order-summary-rows-gap-top:calc( 0.5rem/2 );--order-summary-rows-gap-bottom:calc( 0.5rem/2 );}.elementor-15 .elementor-element.elementor-element-4f9f764 h3#order_review_heading, .elementor-15 .elementor-element.elementor-element-4f9f764 .woocommerce-billing-fields h3, .elementor-15 .elementor-element.elementor-element-4f9f764 .woocommerce-additional-fields h3{font-family:var( --e-global-typography-1d77a5a-font-family ), Sans-serif;font-size:var( --e-global-typography-1d77a5a-font-size );font-weight:var( --e-global-typography-1d77a5a-font-weight );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-1530616 .elementor-heading-title{font-size:var( --e-global-typography-058ebcd-font-size );}.elementor-15 .elementor-element.elementor-element-4f9f764 h3#order_review_heading, .elementor-15 .elementor-element.elementor-element-4f9f764 .woocommerce-billing-fields h3, .elementor-15 .elementor-element.elementor-element-4f9f764 .woocommerce-additional-fields h3{font-size:var( --e-global-typography-1d77a5a-font-size );}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-1530616 .elementor-heading-title{font-size:var( --e-global-typography-058ebcd-font-size );}.elementor-15 .elementor-element.elementor-element-4f9f764 h3#order_review_heading, .elementor-15 .elementor-element.elementor-element-4f9f764 .woocommerce-billing-fields h3, .elementor-15 .elementor-element.elementor-element-4f9f764 .woocommerce-additional-fields h3{font-size:var( --e-global-typography-1d77a5a-font-size );}}/* Start custom CSS for woocommerce-checkout-page, class: .elementor-element-4f9f764 *//* =========================================================
   MÉTODOS DE PAGO — WooCommerce (estilo “botones”)
   ACTUALIZADO 10/09/2025
   ========================================================= */

/* Contenedor + spacing */
.woocommerce-checkout .wc_payment_methods,
.woocommerce-checkout #payment .wc_payment_methods {
  display: block;
  margin-top: 12px !important;
  padding: 10px 0; /* un poco de aire arriba */
}
.woocommerce-checkout .wc_payment_methods li {
  list-style: none;
  margin: 0 0 32px !important;   /* separación vertical entre botones */
  padding: 0;
}
.woocommerce-checkout .wc_payment_methods li:last-child { margin-bottom: 0 !important; }

/* Ocultar radios manteniendo accesibilidad */
.woocommerce-checkout .wc_payment_methods li input[type="radio"]{
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none;
}

/* Botón base */
.woocommerce-checkout .wc_payment_methods li label{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 56px;
  padding: 14px 16px;
  border: 2px solid #e5e7eb;      /* borde gris claro */
  border-radius: 12px;
  background: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: all .18s ease;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
  outline: none;
  box-shadow: none;
}
/* Sin pseudo adornos del tema */
.woocommerce-checkout .wc_payment_methods li label::before,
.woocommerce-checkout .wc_payment_methods li label::after{ content: none !important; }
/* Logos */
.woocommerce-checkout .wc_payment_methods li label img{
  position: static !important;
  display: inline-block !important;
  max-height: 22px !important;
  width: auto !important;
  margin: 0 !important;
  transform: none !important;
}

/* Hover genérico (fallback para métodos sin estilo propio) */
.woocommerce-checkout .wc_payment_methods li label:hover{
  border-color: #c7ccd1;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
}

/* Caja de detalles del método: solo al seleccionar */
.woocommerce-checkout .wc_payment_methods li .payment_box{
  display: none;
  padding: 12px 14px;
  border-left: 3px solid #111827;
  background: #f9fafb;
  border-radius: 8px;
  margin-top: 8px;
}
.woocommerce-checkout .wc_payment_methods li input[type="radio"]:checked ~ .payment_box{ display: block; }

/* =========================================================
   ESTILOS POR MÉTODO
   ========================================================= */

/* --- Tarjeta (MONEI) por defecto (blanco con borde gris) --- */
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei"] {
  background:#fff !important;
  color:#111 !important;
  border:2px solid #e5e7eb !important; /* gris claro */
}

/* Hover tarjeta Monei Oscar */
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei"]:hover,
.woocommerce-checkout .wc_payment_methods li.payment_method_monei input[type="radio"]:checked + label {
  border:2px solid #8B0000 !important; /* granate */
  background:#fff !important;
  color:#111 !important;
}


/* --- Google Pay (negro) --- */
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei_google_pay"],
.woocommerce-checkout .wc_payment_methods li label[for*="googlepay"],
.woocommerce-checkout .wc_payment_methods li label[for*="google_pay"]{
  background:#000; color:#fff; border-color:#000;
}

/* --- Bizum estilo tarjeta (blanco) con hover/selected azul --- */
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei_bizum"],
.woocommerce-checkout .wc_payment_methods li label[for*="bizum"]{
  background:#fff !important;
  color:#111 !important;
  border:2px solid #e5e7eb !important;
}
/* Ocultar texto “Bizum” si lo inserta el gateway; deja solo el logo */
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei_bizum"] span,
.woocommerce-checkout .wc_payment_methods li label[for*="bizum"] span,
.woocommerce-checkout .wc_payment_methods li label[for*="bizum"] strong{ font-size:0 !important; }
/* Hover y seleccionado en azul Bizum */
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei_bizum"]:hover,
.woocommerce-checkout .wc_payment_methods li label[for*="bizum"]:hover{
  border-color:#00AEC1 !important; box-shadow:none !important;
}
.woocommerce-checkout .wc_payment_methods li input#payment_method_monei_bizum:checked + label,
.woocommerce-checkout .wc_payment_methods li input[id*="bizum"]:checked + label{
  border-color:#00AEC1 !important;
  box-shadow:0 0 0 2px rgba(0,174,193,.15) !important; /* opcional */
}

/* --- PayPal (PPCP) estilo tarjeta (gris SIEMPRE) + hover azul --- */
/* Base gris forzada (igual que el resto), texto azul corporativo */
#payment .wc_payment_methods li.payment_method_ppcp-gateway
input#payment_method_ppcp-gateway + label{
  background:#fff !important;
  border:2px solid #e5e7eb !important;  /* gris por defecto */
  color:#003087 !important;             /* texto azul PayPal */
  justify-content:center; gap:10px;
  width:100% !important; max-width:100% !important;
  font-size:16px !important; font-weight:600;
  box-shadow:none !important; outline:none !important;
}
/* Neutraliza focos/clases del tema */
#payment .wc_payment_methods li.payment_method_ppcp-gateway:focus-within label,
#payment .wc_payment_methods li.payment_method_ppcp-gateway label:focus,
#payment .wc_payment_methods li.payment_method_ppcp-gateway label:focus-visible{
  border-color:#e5e7eb !important; box-shadow:none !important; outline:none !important;
}
/* Hover con misma especificidad que la base */
#payment .wc_payment_methods li.payment_method_ppcp-gateway
input#payment_method_ppcp-gateway + label:hover,
#payment .wc_payment_methods li.payment_method_ppcp-gateway
input#payment_method_ppcp-gateway:checked + label:hover{
  border-color:#003087 !important;
  box-shadow:0 0 0 2px rgba(0,48,135,.15) !important; /* quita si no quieres halo */
}

/* Paypal seleccionado borde azul: */
#payment .wc_payment_methods li.payment_method_ppcp-gateway
input#payment_method_ppcp-gateway:checked + label{
  border-color:#003087 !important;
  box-shadow:0 0 0 2px rgba(0,48,135,.15) !important;
}


/* Logos un poco mayores en PayPal */
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_ppcp-gateway"] img{
  max-height:24px !important;
}

/* ===== 1) FORZAR ANCHO COMPLETO EN TODO EL BLOQUE DE PAGOS ===== */
.woocommerce-checkout #payment,
.woocommerce-checkout #payment .wc_payment_methods,
.woocommerce-checkout #payment .wc_payment_methods li,
.woocommerce-checkout #payment .wc_payment_methods li label {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Evitar restricciones de ancho del tema en la columna de pago */
.woocommerce-checkout #payment .payment_methods,
.woocommerce-checkout #payment .form-row {
  width: 100% !important;
  max-width: 100% !important;
}

/* ===== 2) EVITAR SOLAPES CUANDO SE ABRE LA CAJITA ===== */
.woocommerce-checkout .wc_payment_methods li {
  position: relative;           /* crea contexto y evita overlays */
  overflow: visible !important; /* que nada se recorte */
  clear: both;
}

/* La caja de detalles debe fluir, no posicionarse absoluta */
.woocommerce-checkout .wc_payment_methods li .payment_box {
  position: static !important;
  display: none;                /* cerrada por defecto */
  width: 100% !important;
  max-width: 100% !important;
  margin: 12px 0 0 !important;  /* separación respecto al botón */
  padding: 12px 16px !important;
  box-sizing: border-box !important;
  background: #f9fafb;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: none !important;
}

/* Al seleccionar un método, muestra su caja y deja aire debajo */
.woocommerce-checkout .wc_payment_methods li input[type="radio"]:checked ~ .payment_box {
  display: block !important;
  margin-bottom: 16px !important;  /* espacio antes del siguiente botón */
}

/* Asegurar que logos/elementos internos no se posicionen encima */
.woocommerce-checkout .wc_payment_methods li label img,
.woocommerce-checkout .wc_payment_methods li .payment_box * {
  position: static !important;
  float: none !important;
  max-width: 100% !important;
}

/* (Opcional) Si algún tema mete márgenes negativos a los labels, neutralízalos */
.woocommerce-checkout .wc_payment_methods li label {
  margin: 0 !important;
}

/* ====== Botón "Añadir un nuevo método de pago" dentro de la caja ====== */
/* Listado de métodos guardados: limpia márgenes y formato */
.woocommerce-checkout .payment_box .wc-saved-payment-methods,
.woocommerce-checkout .payment_box .woocommerce-SavedPaymentMethods,
.woocommerce-checkout .payment_box ul.wc-saved-payment-methods {
  margin: 0 0 12px !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Cada item del listado (tokens + opción de nuevo método) */
.woocommerce-checkout .payment_box .wc-saved-payment-methods li,
.woocommerce-checkout .payment_box .woocommerce-SavedPaymentMethods li {
  margin: 0 0 8px !important;
  padding: 0 !important;
}

/* Opción "nuevo método" (nombre varía según plugin, cubrimos varias) */
.woocommerce-checkout .payment_box .wc-saved-payment-methods .wc-saved-payment-methods-new,
.woocommerce-checkout .payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,
.woocommerce-checkout .payment_box li.wc-saved-payment-method-new,
.woocommerce-checkout .payment_box li.wc-payment-token-new,
.woocommerce-checkout .payment_box li.add-payment-method,
.woocommerce-checkout .payment_box li.monei-new-payment-method {
  width: 100% !important;
}

/* El "botón" en sí (suele ser un label o un a/button) */
.woocommerce-checkout .payment_box .wc-saved-payment-methods .wc-saved-payment-methods-new label,
.woocommerce-checkout .payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,
.woocommerce-checkout .payment_box li.wc-saved-payment-method-new label,
.woocommerce-checkout .payment_box li.wc-payment-token-new label,
.woocommerce-checkout .payment_box li.add-payment-method label,
.woocommerce-checkout .payment_box li.monei-new-payment-method label,
.woocommerce-checkout .payment_box .wc-saved-payment-methods .wc-saved-payment-methods-new a,
.woocommerce-checkout .payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new a,
.woocommerce-checkout .payment_box li.add-payment-method a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  width: 100% !important;
  min-height: 44px !important;          /* ↓ baja la altura */
  padding: 10px 12px !important;         /* ↓ padding más contenido */
  border: 2px solid #e5e7eb !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #111 !important;
  font-weight: 600 !important;
  text-align: center !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* Oculta el radio/checkbox de esa opción si lo hay (solo estilo botón) */
.woocommerce-checkout .payment_box .wc-saved-payment-methods input[type="radio"],
.woocommerce-checkout .payment_box .wc-saved-payment-methods input[type="checkbox"]{
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Hover coherente */
.woocommerce-checkout .payment_box .wc-saved-payment-methods .wc-saved-payment-methods-new label:hover,
.woocommerce-checkout .payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label:hover,
.woocommerce-checkout .payment_box li.add-payment-method a:hover {
  border-color: #c7ccd1 !important;
}

/* ==== GOOGLE / APPLE via MONEI (id: payment_method_monei_apple_google) ==== */

/* Quitar texto "Google Pay" / "Apple Pay" y dejar solo el logo */
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei_apple_google"] span,
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei_apple_google"] strong {
  font-size: 0 !important;
  color: transparent !important;
}

/* Botón base negro */
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei_apple_google"] {
  background: #000 !important;
  border: 2px solid #fff !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 16px !important;
  min-height: 56px !important;
}

/* Logo centrado (MONEI lo mete con class monei-icons) */
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei_apple_google"] img {
  max-height: 26px !important;
  width: auto !important;
  margin: 0 !important;
  position: static !important;
}

/* Hover: borde #FDBD00 */
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei_apple_google"]:hover {
  border-color: #FDBD00 !important;
}

/* Seleccionado: borde #FDBD00 */
.woocommerce-checkout .wc_payment_methods li input#payment_method_monei_apple_google:checked + label {
  border-color: #FDBD00 !important;
  box-shadow: 0 0 0 2px rgba(253,189,0,0.2) !important; /* opcional */
}

/* ==== GOOGLE / APPLE via MONEI (id: payment_method_monei_apple_google) ==== */

/* Quitar texto "Google Pay" / "Apple Pay" y dejar solo el logo */
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei_apple_google"] span,
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei_apple_google"] strong {
  font-size: 0 !important;
  color: transparent !important;
}

/* Botón base blanco */
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei_apple_google"] {
  background: #fff !important;
  border: 2px solid #e5e7eb !important;   /* gris claro */
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 16px !important;
  min-height: 56px !important;
  transition: all .2s ease;
}

/* Logo centrado (MONEI lo mete con class monei-icons) */
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei_apple_google"] img {
  max-height: 26px !important;
  width: auto !important;
  margin: 0 !important;
  position: static !important;
}

/* Hover → borde amarillo */
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei_apple_google"]:hover {
  border-color: #FDBD00 !important;
}

/* Seleccionado → borde amarillo */
.woocommerce-checkout .wc_payment_methods li input#payment_method_monei_apple_google:checked + label {
  border-color: #FDBD00 !important;
  box-shadow: 0 0 0 2px rgba(253,189,0,0.2) !important; /* halo opcional */
}

/* Ocultar el texto plano "Google Pay" del label de MONEI */
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei_apple_google"] {
  font-size: 0 !important;   /* oculta el texto directo */
  color: transparent !important;
}

/* Mantener el logo visible con tamaño normal */
.woocommerce-checkout .wc_payment_methods li label[for="payment_method_monei_apple_google"] img {
  font-size: initial !important;
  color: initial !important;
  max-height: 26px !important;
}/* End custom CSS */