body.mageworx_checkout-onepage-index{background:#ffffff !important;font-family:'Manrope',system-ui,-apple-system,sans-serif !important;color:#2b2b2b;}
body.mageworx_checkout-onepage-index .checkout-container{max-width:1180px;margin:0 auto;padding:24px 16px 64px;}
/* Tarjetas */
body.mageworx_checkout-onepage-index .layout__pane{background:#FFFFFF !important;border:1px solid #fdf4e3 !important;border-radius:16px !important;padding:24px 24px 26px !important;margin-bottom:20px !important;box-shadow:0 2px 10px rgba(30,26,29,.05) !important;}
/* Encabezados de secci\00f3n: limpios, serif oscuro (sin barra magenta) */
body.mageworx_checkout-onepage-index .layout__pane__heading,
body.mageworx_checkout-onepage-index .layout__pane .heading,
body.mageworx_checkout-onepage-index .step-title{background:transparent !important;color:#2b2b2b !important;font-family:inherit,Georgia,serif !important;font-weight:700 !important;font-size:24px !important;letter-spacing:.2px;padding:0 0 14px 0 !important;margin:0 0 18px 0 !important;border-bottom:1px solid #fdf4e3 !important;border-radius:0 !important;}
/* Resumen: cabecera en degradado magenta, al ras de la tarjeta */
body.mageworx_checkout-onepage-index #mwCheckoutSidebarBlock .layout__pane__heading,
body.mageworx_checkout-onepage-index .layout__pane--styled .layout__pane__heading{background:linear-gradient(135deg,#e8951c,#c97f12) !important;color:#fff !important;border:none !important;border-radius:16px 16px 0 0 !important;margin:-24px -24px 18px -24px !important;padding:18px 22px !important;font-size:23px !important;}
/* Campos */
body.mageworx_checkout-onepage-index .input__control,
body.mageworx_checkout-onepage-index input.input-text,
body.mageworx_checkout-onepage-index input[type="text"],
body.mageworx_checkout-onepage-index input[type="email"],
body.mageworx_checkout-onepage-index input[type="tel"],
body.mageworx_checkout-onepage-index input[type="number"],
body.mageworx_checkout-onepage-index input[type="password"],
body.mageworx_checkout-onepage-index input[type="date"],
body.mageworx_checkout-onepage-index select,
body.mageworx_checkout-onepage-index textarea{background:#ffffff !important;border:1.5px solid #fdf4e3 !important;border-radius:11px !important;padding:12px 14px !important;font-family:inherit !important;font-size:15px !important;color:#2b2b2b !important;box-shadow:none !important;transition:border-color .15s, box-shadow .15s, background .15s;}
body.mageworx_checkout-onepage-index .input__control:focus,
body.mageworx_checkout-onepage-index input.input-text:focus,
body.mageworx_checkout-onepage-index input[type="text"]:focus,
body.mageworx_checkout-onepage-index input[type="email"]:focus,
body.mageworx_checkout-onepage-index input[type="tel"]:focus,
body.mageworx_checkout-onepage-index select:focus,
body.mageworx_checkout-onepage-index textarea:focus{outline:none !important;border-color:#e8951c !important;background:#FFFFFF !important;box-shadow:0 0 0 4px rgba(232,149,28,.10) !important;}
body.mageworx_checkout-onepage-index .input__label,
body.mageworx_checkout-onepage-index .field > .label,
body.mageworx_checkout-onepage-index label{color:#2b2b2b !important;font-weight:600 !important;font-size:13px;letter-spacing:.2px;}
body.mageworx_checkout-onepage-index .input--is-required .input__label:after,
body.mageworx_checkout-onepage-index .field._required > .label:after{color:#e8951c !important;}
body.mageworx_checkout-onepage-index input[type="radio"],
body.mageworx_checkout-onepage-index input[type="checkbox"]{accent-color:#e8951c;}
/* Botones */
body.mageworx_checkout-onepage-index .button--primary,
body.mageworx_checkout-onepage-index .action.primary,
body#html-body.mageworx_checkout-onepage-index button.action.primary.checkout{background:#e8951c !important;border:1px solid #e8951c !important;color:#fff !important;border-radius:12px !important;font-family:inherit !important;font-weight:700 !important;letter-spacing:.3px;transition:background .2s, transform .12s, box-shadow .2s;}
body.mageworx_checkout-onepage-index .button--primary:hover,
body.mageworx_checkout-onepage-index .action.primary:hover,
body#html-body.mageworx_checkout-onepage-index button.action.primary.checkout:hover{background:#c97f12 !important;border-color:#c97f12 !important;}
body.mageworx_checkout-onepage-index .button--type-checkout{background:#e8951c !important;border-color:#e8951c !important;color:#fff !important;border-radius:13px !important;padding:16px !important;font-size:16px !important;font-weight:700 !important;box-shadow:0 8px 22px rgba(232,149,28,.28) !important;}
body.mageworx_checkout-onepage-index .button--type-checkout:hover{background:#c97f12 !important;box-shadow:0 12px 26px rgba(232,149,28,.34) !important;}
body.mageworx_checkout-onepage-index .button--type-checkout:after{content:"  \2192";font-weight:700;}
body.mageworx_checkout-onepage-index .link--variation-accent,
body.mageworx_checkout-onepage-index a{color:#e8951c;}
body.mageworx_checkout-onepage-index a:hover{color:#c97f12;}
/* M\00e9todos de pago */
body.mageworx_checkout-onepage-index .payment-method{border:1.5px solid #fdf4e3 !important;border-radius:13px !important;padding:14px 16px !important;margin-bottom:12px !important;background:#fff !important;transition:border-color .15s, box-shadow .15s, background .15s;}
body.mageworx_checkout-onepage-index .payment-method:hover{border-color:#fdf4e3 !important;}
body.mageworx_checkout-onepage-index .payment-method._active,
body.mageworx_checkout-onepage-index .payment-method:has(input:checked){border-color:#e8951c !important;background:#fdf4e3 !important;box-shadow:0 0 0 3px rgba(232,149,28,.08) !important;}
body.mageworx_checkout-onepage-index .payment-method-title{font-weight:600 !important;}
/* Resumen (sidebar) */
body.mageworx_checkout-onepage-index .layout__pane--styled,
body.mageworx_checkout-onepage-index #mwCheckoutSidebarBlock{background:#FFFFFF !important;border:1px solid #fdf4e3 !important;border-radius:16px !important;box-shadow:0 8px 30px rgba(30,26,29,.07) !important;position:sticky !important;top:16px !important;overflow:hidden;}
body.mageworx_checkout-onepage-index .opc-block-summary{background:transparent !important;}
body.mageworx_checkout-onepage-index .opc-block-summary .text--size-xxl,
body.mageworx_checkout-onepage-index .opc-block-summary .grand .price,
body.mageworx_checkout-onepage-index .summary__field--align-bottom .cart-price .price{font-family:inherit,Georgia,serif !important;font-weight:700 !important;font-size:30px !important;color:#e8951c !important;}
body.mageworx_checkout-onepage-index .opc-block-summary .media__image,
body.mageworx_checkout-onepage-index .summary__cell .media__image img{border-radius:12px !important;border:1px solid #fdf4e3;}
/* Sellos de confianza bajo el resumen */
body.mageworx_checkout-onepage-index #mwCheckoutSidebarBlock:after{content:"\1F512  Pago 100% seguro, cifrado SSL\A\1F69A  Entrega garantizada\A\1F4AC  Atenci\00f3n por WhatsApp y Chat";white-space:pre-line;display:block;margin:18px -24px -26px -24px;padding:18px 22px;background:#ffffff;border-top:1px solid #fdf4e3;font-size:13px;line-height:2;color:#6b6b6b;}
body.mageworx_checkout-onepage-index .form-discount .button--primary{border-radius:11px !important;}
body.mageworx_checkout-onepage-index .message--error{color:#c97f12;}
/* === Layout 2 columnas: pasos 1-5 a la izquierda, resumen a la derecha === */
body.mageworx_checkout-onepage-index .layout{display:grid !important;grid-template-columns:minmax(0,1fr) 384px !important;gap:28px !important;align-items:start !important;}
body.mageworx_checkout-onepage-index .layout__section{width:auto !important;max-width:none !important;min-width:0 !important;display:block !important;flex:none !important;margin:0 !important;}
body.mageworx_checkout-onepage-index .layout__section:nth-child(1){grid-column:1 !important;grid-row:1 !important;}
body.mageworx_checkout-onepage-index .layout__section:nth-child(2){grid-column:1 !important;grid-row:2 !important;}
body.mageworx_checkout-onepage-index .layout__section:nth-child(3){grid-column:2 !important;grid-row:1 / span 2 !important;}
@media (max-width:900px){
 body.mageworx_checkout-onepage-index .layout{grid-template-columns:1fr !important;}
 body.mageworx_checkout-onepage-index .layout__section:nth-child(1),
 body.mageworx_checkout-onepage-index .layout__section:nth-child(2),
 body.mageworx_checkout-onepage-index .layout__section:nth-child(3){grid-column:1 !important;grid-row:auto !important;}
}
/* Paso 1 (datos remitente) Nombre+Apellido en 2 columnas */
body.mageworx_checkout-onepage-index .order-attributes-form{display:flex !important;flex-wrap:wrap !important;gap:16px;}
body.mageworx_checkout-onepage-index .order-attributes-form > .field{flex:1 1 100% !important;min-width:0 !important;}
body.mageworx_checkout-onepage-index .order-attributes-form > .field:has(input[name="sender_fname"]),
body.mageworx_checkout-onepage-index .order-attributes-form > .field:has(input[name="sender_lname"]){flex:1 1 45% !important;}

/* Checkout: ocultar barra gris (menu+buscador) y mostrar logo en el header */
body.mageworx_checkout-onepage-index .menubar-afterheader{display:none !important;}
body.mageworx_checkout-onepage-index .headercontentin{align-items:center;}
body.mageworx_checkout-onepage-index .headercontentin:not(:has(#fg-checkout-logo))::before{content:"";order:-1;flex:0 0 auto;align-self:center;display:inline-block;width:365px;height:62px;margin-right:24px;background:url('/media/logo/default/logo-new.png') no-repeat left center;background-size:contain;}

/* Titulos de pasos 1-5: tipografia Manrope + numero en recuadro magenta claro */
body.mageworx_checkout-onepage-index .layout__pane:not(.layout__pane--styled) .layout__pane__heading{font-family:'Manrope',system-ui,sans-serif !important;font-weight:700 !important;font-size:18px !important;display:flex;align-items:center;gap:12px;}
body.mageworx_checkout-onepage-index .fg-step-badge{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fdf4e3;color:#e8951c;font-family:'Manrope',system-ui,sans-serif;font-weight:700;font-size:15px;line-height:1;flex:0 0 auto;}

/* Encabezado superior del checkout + Paso 1 estilo mockup */
body.mageworx_checkout-onepage-index #fg-checkout-head{margin:0 0 6px 2px;}
body.mageworx_checkout-onepage-index #fg-checkout-head h1{font-family:inherit,Georgia,serif;font-weight:700;font-size:40px;color:#2b2b2b;margin:0 0 4px;line-height:1.1;}
body.mageworx_checkout-onepage-index #fg-checkout-head p{font-family:'Manrope',system-ui,sans-serif;color:#8a8a8a;font-size:15px;margin:0 0 16px;}
body.mageworx_checkout-onepage-index .layout__pane:not(.layout__pane--styled) .layout__pane__heading{border-bottom:none !important;padding-bottom:0 !important;margin-bottom:18px !important;}
body.mageworx_checkout-onepage-index .fg-head-note{margin-left:auto;font-family:'Manrope',system-ui,sans-serif;font-weight:400;font-size:13px;color:#8a8a8a;}
body.mageworx_checkout-onepage-index .fg-phone-note{margin-top:6px;font-family:'Manrope',system-ui,sans-serif;font-size:13px;color:#8a8a8a;}

/* Pasos 1 y 2 en tarjetas blancas separadas (mwShippingAddressBlock se vuelve contenedor transparente) */
body.mageworx_checkout-onepage-index #mwShippingAddressBlock{background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;}
body.mageworx_checkout-onepage-index #mwShippingAddressBlock .fg-card{background:#fff !important;border:1px solid #fdf4e3 !important;border-radius:16px !important;padding:24px 24px 26px !important;margin-bottom:20px !important;box-shadow:0 2px 10px rgba(30,26,29,.05) !important;}

/* Resumen sticky: acompaña el scroll. Liberar el scroll-container falso de #html-body y estirar la columna */
#html-body.mageworx_checkout-onepage-index{overflow:visible !important;}
body.mageworx_checkout-onepage-index .layout__section:nth-child(3){align-self:stretch !important;}

/* Compuerta de validacion: ocultar 'campo obligatorio' hasta que el cliente toque el campo o presione Realizar Pedido (checkout-enhance.js agrega .fg-touched) */
body.mageworx_checkout-onepage-index .field:not(.fg-touched) .field-error,
body.mageworx_checkout-onepage-index .form__field:not(.fg-touched) .field-error{display:none !important;}
body.mageworx_checkout-onepage-index .field._error:not(.fg-touched) input.input-text,
body.mageworx_checkout-onepage-index .field._error:not(.fg-touched) .input__control{border-color:#fdf4e3 !important;box-shadow:none !important;}

/* Fix: el texto del selector (Pais/Estado) se cortaba por padding+line-height en alto fijo */
body.mageworx_checkout-onepage-index select{line-height:1.2 !important;padding-top:8px !important;padding-bottom:8px !important;height:auto !important;min-height:44px !important;}

/* Pasos 3 y 4 en tarjetas separadas (mwShippingMethodsBlock transparente) */
body.mageworx_checkout-onepage-index #mwShippingMethodsBlock{background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;}
body.mageworx_checkout-onepage-index .fg-card{background:#fff !important;border:1px solid #fdf4e3 !important;border-radius:16px !important;padding:24px 24px 26px !important;margin-bottom:20px !important;box-shadow:0 2px 10px rgba(30,26,29,.05) !important;}

/* Paso 3: selector moderno de Fecha de entrega (Hoy/Manana/Otra fecha) */
body.mageworx_checkout-onepage-index #fg-dd{margin:2px 0 6px;}
body.mageworx_checkout-onepage-index #fg-dd .fg-dd-btns{display:flex;gap:10px;flex-wrap:nowrap;}
body.mageworx_checkout-onepage-index #fg-dd .fg-dd-btn{flex:1 1 0;min-width:0;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 8px;border:1.5px solid #fdf4e3;border-radius:13px;background:#fff;color:#2b2b2b;font-family:inherit;font-weight:700;font-size:14.5px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,color .15s;}
body.mageworx_checkout-onepage-index #fg-dd .fg-dd-btn:hover{border-color:#fdf4e3;}
body.mageworx_checkout-onepage-index #fg-dd .fg-dd-btn.is-active{border-color:#e8951c;background:#fdf4e3;color:#e8951c;box-shadow:0 0 0 3px rgba(232,149,28,.08);}
body.mageworx_checkout-onepage-index #fg-dd .fg-dd-ico{width:20px;height:20px;flex:0 0 auto;}
body.mageworx_checkout-onepage-index #fg-dd .fg-dd-note{margin-top:12px;font-weight:700;font-size:14px;color:#2b2b2b;}


/* ===== Paso 4: Tarjeta de regalo (toggle + auto-guardado) ===== */
body.mageworx_checkout-onepage-index #fg-card-4 .cart-gift-item .title{position:relative !important;padding-left:62px !important;min-height:30px;cursor:pointer;}
body.mageworx_checkout-onepage-index #fg-card-4 .cart-gift-item .title::before{content:'' !important;position:absolute !important;left:0 !important;top:2px !important;width:46px !important;height:26px !important;border-radius:13px !important;background:#D9D2D7 !important;transition:background .2s;box-shadow:none !important;}
body.mageworx_checkout-onepage-index #fg-card-4 .gift-item-block._active .title::before{background:#e8951c !important;}
body.mageworx_checkout-onepage-index #fg-card-4 .cart-gift-item .title input[type="checkbox"]{position:absolute !important;left:3px !important;top:5px !important;right:auto !important;width:20px !important;height:20px !important;border-radius:50% !important;background:#fff !important;-webkit-appearance:none !important;appearance:none !important;margin:0 !important;border:none !important;box-shadow:0 1px 3px rgba(0,0,0,.25) !important;transition:left .2s !important;z-index:5 !important;cursor:pointer !important;}
body.mageworx_checkout-onepage-index #fg-card-4 .gift-item-block._active .title input[type="checkbox"]{left:23px !important;}
body.mageworx_checkout-onepage-index #fg-card-4 .cart-gift-item .title::after{display:none !important;}
body.mageworx_checkout-onepage-index .fg-gift-label{font-weight:700;color:#2b2b2b;font-size:15px;display:block;}
body.mageworx_checkout-onepage-index .fg-gift-sub{font-weight:400;color:#8A8088;font-size:13px;display:block;margin-top:2px;}
body.mageworx_checkout-onepage-index #fg-card-4 .action-update,body.mageworx_checkout-onepage-index #fg-card-4 .action-cancel{display:none !important;}

/* === fg: magenta + label instrucciones === */
body.mageworx_checkout-onepage-index #fg-checkout-head p{color:#e8951c !important;}
body.mageworx_checkout-onepage-index #fg-dd-note{color:#e8951c !important;}
body.mageworx_checkout-onepage-index .fg-di-label{font-family:Manrope,system-ui,sans-serif !important;font-weight:700 !important;color:#2b2b2b !important;}

/* fg: Pais y Estado en el mismo renglon (Paso 2) */
.fieldset.address > .field:has(select[name="country_id"]),
.fieldset.address > .field:has(input[name="region"]){display:inline-block !important;vertical-align:top;box-sizing:border-box;width:calc(50% - 10px);}
.fieldset.address > .field:has(select[name="country_id"]){margin-right:16px;}
@media (max-width:600px){.fieldset.address > .field:has(select[name="country_id"]),.fieldset.address > .field:has(input[name="region"]){width:100% !important;margin-right:0;}}
/* fg: logos de metodos de pago (Paso 5) */
label[for="paypalspb_paypal"]{background:url('/static/frontend/Smartwave/porto_child/es_MX/StripeIntegration_Payments/img/methods/paypal.svg') no-repeat 34px center !important;background-size:auto 18px !important;padding-left:120px !important;}
label[for="mercadopago_adbpayment_cc"] img{display:none !important;}
label[for="mercadopago_adbpayment_cc"],label[for="stripe_payments"]{background:url('/media/mageworx/payment_methods/icons/default/visam_1.jpg') no-repeat 34px center !important;background-size:auto 18px !important;padding-left:124px !important;}
/* fg: espacio Paso 4 tarjeta regalo */
.cart-gift-item .gift-item-block .content{margin-bottom:14px !important;padding-bottom:0 !important;}
.cart-gift-item .gift-options{padding-bottom:0 !important;margin-bottom:10px !important;}
.cart-gift-item .gift-options .fieldset{margin-bottom:0 !important;padding-bottom:0 !important;}
.cart-gift-item .gift-options .field-from,.cart-gift-item .gift-options .field-to{margin-bottom:14px !important;}
.cart-gift-item .gift-options .field.text{margin-bottom:0 !important;}

/* fg: resumen orden (boton ancho + total + acuerdo abajo) */
.button--type-checkout{width:100% !important;max-width:none !important;display:block !important;}
.summary{display:flex !important;flex-direction:column !important;}
.summary > .summary__field:has(.button--type-checkout){order:1 !important;margin-top:8px !important;}
.summary > .summary__field:has(small[data-bind*="agreementsMessage"]){order:2 !important;margin-top:8px !important;text-align:center;}
.summary__field--align-bottom .summary__cell--content-right{font-family:inherit,Georgia,serif !important;font-size:30px !important;line-height:1.1 !important;color:#e8951c !important;font-weight:700 !important;}
.summary__field--align-bottom .summary__cell:first-child{font-size:18px !important;font-weight:700 !important;color:#2b2b2b !important;}
.summary small[data-bind*="agreementsMessage"] a,.summary .fg-agree a{color:#e8951c !important;text-decoration:none !important;}

/* fg: reCAPTCHA badge (login Paso 1) a la mitad */
.field-recaptcha .grecaptcha-badge,.grecaptcha-badge{transform:scale(.5) !important;transform-origin:left top !important;}
.field-recaptcha{height:40px !important;overflow:hidden !important;}

/* fg: lapiz editar por direccion (Paso 2) + oculta el del titulo */
#fg-edit-addr{display:none !important;}


/* FG-MOBILE-HEADER */
@media (max-width:767px){
.mageworx_checkout-onepage-index #fg-checkout-logo{width:160px !important;height:28px !important;margin-right:0 !important;margin-left:46px !important;}
.mageworx_checkout-onepage-index .headercontentin{padding-top:6px !important;padding-bottom:6px !important;}
.mageworx_checkout-onepage-index #fg-checkout-head h1{font-size:26px !important;line-height:1.15 !important;}
.mageworx_checkout-onepage-index #fg-checkout-head p{font-size:13px !important;margin-bottom:10px !important;}
.mageworx_checkout-onepage-index .fieldset.address > .field:has(select[name="country_id"]),
.mageworx_checkout-onepage-index .fieldset.address > .field:has(input[name="region"]){display:block !important;width:100% !important;margin-right:0 !important;}
}


/* FG-GIFT-REQ: el mensaje de regalo es OPCIONAL; ocultar el falso "campo obligatorio" */
.field-error.gift-message-require, .cart-gift-item .field-error.gift-message-require{display:none !important;}


/* FG-GIFT-TOGGLE: interruptor on/off (opción A) para el mensaje de regalo */
.cart-gift-item .gift-item-block .title::before{background:#cfcfcf !important;transition:background .2s ease !important;}
.cart-gift-item .gift-item-block._active .title::before{background:#e8951c !important;}
.cart-gift-item .gift-item-block .title::after{content:"" !important;position:absolute !important;left:2px !important;top:4px !important;width:22px !important;height:22px !important;background:#fff !important;border-radius:50% !important;box-shadow:0 1px 2px rgba(0,0,0,.3) !important;transition:transform .2s ease !important;display:block !important;}
.cart-gift-item .gift-item-block._active .title::after{transform:translateX(20px) !important;}


/* FG-MISSING-BOX: aviso de campos faltantes junto al boton */
#fg-missing-box{background:#fcebeb !important;border:1px solid #e24b4a !important;border-radius:10px !important;padding:10px 14px !important;margin:0 0 14px !important;}
#fg-missing-box .fg-mb-title{color:#a32d2d !important;font-weight:600 !important;font-size:14px !important;margin-bottom:6px !important;}
#fg-missing-box .fg-mb-title::before{content:'\26A0  ';}
#fg-missing-box .fg-mb-list{font-size:14px !important;line-height:1.7 !important;}
#fg-missing-box .fg-mb-link{color:#e8951c !important;text-decoration:underline !important;cursor:pointer !important;font-weight:500 !important;}
#fg-missing-box .fg-mb-sep{color:#999 !important;}


/* fiorinet ajustes: centrar icono+texto en tabs de fecha + solo metodo de pago activo en verde */
.fg-dd-btn{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:6px !important;min-height:62px}
.fg-dd-ico{margin:0 !important;display:block}
body.mageworx_checkout-onepage-index #checkout .payment-method{background:#fff !important}
body.mageworx_checkout-onepage-index #checkout .payment-method._active{background:#fdf4e3 !important;border-color:#e8951c !important}

/* fiorinet movil: metodos de pago con texto dentro de la tarjeta + boton Comprar del carrito NO fijo */
@media (max-width:767px){
  body.mageworx_checkout-onepage-index #checkout .payment-method{padding:10px 14px !important}
  body.mageworx_checkout-onepage-index #checkout .payment-method .payment-method-title{flex-wrap:wrap !important;gap:6px !important;padding-right:6px}
  body.mageworx_checkout-onepage-index #checkout .payment-method .payment-method-label,
  body.mageworx_checkout-onepage-index #checkout .payment-method-label{white-space:normal !important;overflow-wrap:break-word !important;word-break:normal;line-height:1.25}
  body.checkout-cart-index .cart-summary .checkout.methods.items,
  body.checkout-cart-index .checkout-methods-items{position:static !important;bottom:auto !important;left:auto !important;right:auto !important;width:auto !important;box-shadow:none !important;z-index:auto !important;background:transparent !important;padding:6px 20px 16px !important}
}

/* fiorinet: boton APLICAR del cupon dentro del cuadro (desktop + movil) */
body.checkout-cart-index #block-discount .fieldset.coupon{display:flex !important;gap:10px !important;align-items:center !important;flex-wrap:nowrap !important}
body.checkout-cart-index #block-discount .fieldset.coupon>.field{flex:1 1 auto !important;min-width:0 !important;margin:0 !important}
body.checkout-cart-index #block-discount input#coupon_code{width:100% !important;box-sizing:border-box !important}
body.checkout-cart-index #block-discount .fieldset.coupon>.actions-toolbar{flex:0 0 auto !important;margin:0 !important}
body.checkout-cart-index #block-discount .action.apply{white-space:nowrap !important;padding:0 18px !important;flex-shrink:0 !important}

/* fiorinet: el boton APLICAR estaba flotado (float:left) y colapsaba su contenedor -> desbordaba */
body.checkout-cart-index #block-discount .fieldset.coupon>.actions-toolbar{flex:0 0 auto !important;width:auto !important;margin:0 !important;display:block !important}
body.checkout-cart-index #block-discount .fieldset.coupon>.actions-toolbar .primary{float:none !important;width:auto !important;margin:0 !important}
body.checkout-cart-index #block-discount .action.apply{float:none !important}

/* PDP fiorinet 2026-07-03: imagen de producto mas chica + galeria sticky que acompana el scroll y frena en la descripcion */
body.catalog-product-view{overflow-x:clip}
@media(min-width:768px){
body.catalog-product-view #fg-pdp-row{grid-template-columns:470px minmax(0,1fr) !important}
body.catalog-product-view #fg-pdp-row>.product.media{align-self:start !important;top:90px !important}
}
@media(max-width:767px){
body.catalog-product-view #fg-pdp-row>.product.media{position:static !important}
}

/* FN-PM-MOBILE (2026-07-03): payment method labels overflowing their boxes on mobile.
   Root: label.label has padding-left ~120-124px (to clear the left icon/background) which,
   on a ~290px mobile box, leaves a cramped right column so long labels touch/overflow the
   border. Fix: smaller left icon + reduced padding + guaranteed wrap + right padding. */
@media (max-width:767px){
  .checkout-payment-method .payment-method-title{
    padding-right:12px !important;
    box-sizing:border-box;
    align-items:center;
  }
  .checkout-payment-method .payment-method-title > label.label{
    padding-left:50px !important;
    background-size:32px auto !important;
    background-position:7px center !important;
    overflow-wrap:anywhere;
    word-break:break-word;
    min-width:0;
    box-sizing:border-box;
    line-height:1.25;
  }
  /* methods with a separate icon block (checkmo / phone): shrink the icon, drop label pad */
  .checkout-payment-method .payment-method-title > .checkmo-paymentIcon{
    flex:0 0 auto;
    width:62px !important;
    transform:scale(.72);
    transform-origin:left center;
  }
  .checkout-payment-method .payment-method-title > .checkmo-paymentIcon + label.label{
    padding-left:8px !important;
    background:none !important;
  }
}

/* FN-CO-LOGO: ocultar logo Porto duplicado en checkout (dejar solo #fg-checkout-logo) */
body.mageworx_checkout-onepage-index a.logo{display:none!important}

/* FN-DD-ICO: que el icono de calendario no se salga del boton de fecha (min-height 62->76 + padding) */
.fg-dd-btn{min-height:66px!important;padding-top:11px!important;padding-bottom:11px!important;gap:3px!important}

/* FN-PAYMOBILE v2: metodos de pago movil - texto envuelto por palabra, un solo logo, placeholder visible */
@media(max-width:767px){
.payment-methods .payment-method,.payment-method{height:auto!important;min-height:0!important;overflow:visible!important}
.payment-method .payment-method-title label.label,.payment-method-title label.label,.payment-method .payment-method-title>label{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;white-space:normal!important;line-height:1.3!important}
.payment-method .payment-method__image-wrapper{flex:0 0 auto!important;margin:0!important}
.payment-method .payment-method__image{max-width:66px!important;width:auto!important;height:auto!important}
.payment-method .payment-method-title span[data-bind*="getTitle"],.payment-method .payment-method-label,.payment-method .payment-method-title>span{flex:1 1 55%!important;min-width:120px!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;text-overflow:clip!important;overflow:visible!important;max-width:100%!important;font-size:13px!important;line-height:1.3!important}
.payment-method .payment-method-label-icon{display:none!important}
.payment-method .payment-method-title img{flex:0 0 auto!important}
.payment-method input[name="payment[card_holder_name]"]{font-size:12px!important;width:100%!important}
.payment-method input[name="payment[card_holder_name]"]::placeholder{color:#8a8a8a!important;opacity:1!important}
.payment-method ._active input[name="payment[card_holder_name]"]{width:100%!important;font-size:12px!important}
#form-secure-fields .field,#co-payment-form-mp-card .field{width:100%!important;max-width:none!important;float:none!important}
#form-secure-fields .fields{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
#form-secure-fields .fields>.field{flex:1 1 45%!important;width:auto!important}
#form-secure-fields iframe{width:100%!important}
}

/* FN-PAYMOBILE v2b: stripe logo fix */@media(max-width:767px){.payment-method label.label>img{display:none!important}.payment-method .payment-method-icon{display:none!important}.payment-method-label-icon{display:none!important}}

/* FNPO v2 2026-07-07: boton Realizar Pedido verde claro */
body#html-body.mageworx_checkout-onepage-index button.action.primary.checkout,body#html-body.mageworx_checkout-onepage-index .button--type-checkout{background:#fdf4e3!important;color:#c97f12!important;font-weight:700!important;border:1px solid #fdf4e3!important;}
body#html-body.mageworx_checkout-onepage-index button.action.primary.checkout:hover,body#html-body.mageworx_checkout-onepage-index .button--type-checkout:hover{background:#f0e6d2!important;border-color:#f0e6d2!important;color:#c97f12!important;}
body#html-body.mageworx_checkout-onepage-index button.action.primary.checkout *,body#html-body.mageworx_checkout-onepage-index .button--type-checkout *{color:#c97f12!important;}

/* FN-STRIPELOGO 2026-07-07: logo Stripe en vez de tarjetas duplicadas (lado izq) */
body#html-body label[for="stripe_payments"]{background:url('/media/fn/stripe-logo.jpg') no-repeat 30px center !important;background-size:auto 30px !important;}

/* FN-STRIPEMOB 2026-07-07: tarjeta Stripe compacta en movil */
@media(max-width:767px){
body#html-body label[for="stripe_payments"]{background-size:auto 22px !important;background-position:10px center !important;padding-left:64px !important;padding-right:12px !important;overflow-wrap:anywhere !important;word-break:break-word !important;min-width:0 !important;}
label[for="stripe_payments"] img{display:none !important;}
}

/* ===== F1-MW-EXTRA (29-oct) ajustes propios de flores1 sobre el CSS de fiorinet ===== */
/* encabezado: MageWorx main.css pinta .header en verde; flores1 usa el encabezado Porto blanco */
body.mageworx_checkout-onepage-index .page-header .header.panel,
body.mageworx_checkout-onepage-index .page-header .header.content,
body.mageworx_checkout-onepage-index .page-header .header.links,
body.mageworx_checkout-onepage-index .page-header .header{background:transparent !important;}
@media (min-width:768px){body.mageworx_checkout-onepage-index .page-header .logo{display:inline-block !important;}}
body.mageworx_checkout-onepage-index .page-header .header.links a,
body.mageworx_checkout-onepage-index .page-header .panel.header a{color:#2b2b2b !important;}
/* bloque vacio de "recoger en tienda" que dejaba una caja en blanco bajo el titulo */
#mwPickupInformationBlock{display:none !important;}
#fg-checkout-head{margin-bottom:18px !important;}
#fg-checkout-head p{position:static !important;margin:6px 0 0 !important;}
/* casilla "I have a different billing address": la facturacion siempre es el comprador (Tus datos) */
.billing-address-same-as-shipping-block{display:none !important;}
.layout__pane:has(.checkout-billing-address):not(:has(.payment-method)){display:none !important;}
/* boton Realizar pedido: ambar solido */
body.mageworx_checkout-onepage-index .action.primary.checkout,
body.mageworx_checkout-onepage-index button.action.primary.checkout{background:#e8951c !important;border-color:#e8951c !important;color:#fff !important;box-shadow:0 6px 16px rgba(232,149,28,.28) !important;}
body.mageworx_checkout-onepage-index .action.primary.checkout:hover{background:#c97f12 !important;border-color:#c97f12 !important;}
body.mageworx_checkout-onepage-index .action.primary.checkout span{color:#fff !important;}
/* F1-MW-BTN */
body#html-body.mageworx_checkout-onepage-index button.action.primary.checkout,
body#html-body.mageworx_checkout-onepage-index .button--type-checkout{background:#e8951c !important;border-color:#e8951c !important;color:#fff !important;}
body#html-body.mageworx_checkout-onepage-index button.action.primary.checkout:hover{background:#c97f12 !important;border-color:#c97f12 !important;}
body#html-body.mageworx_checkout-onepage-index button.action.primary.checkout span{color:#fff !important;}
body#html-body.mageworx_checkout-onepage-index button.action.primary.checkout[disabled]{opacity:.6 !important;}
/* F1-MW-MP */
body .payment-method .fieldset .field.mercadopago-input-group{width:100% !important;max-width:420px !important;float:none !important;display:block !important;margin:0 0 12px !important;padding:0 !important}
body .payment-method .fieldset .field.mercadopago-input-group.cvv,body .payment-method .fieldset .field.mercadopago-input-group.date{display:inline-block !important;width:47% !important;max-width:200px !important;vertical-align:top}
body .payment-method .fieldset .field.mercadopago-input-group.cvv{margin-right:3% !important}
body .payment-method .fieldset .group-2 .field.mercadopago-input-group.month,body .payment-method .fieldset .group-2 .field.mercadopago-input-group.year{display:inline-block !important;width:48% !important;margin:0 !important;vertical-align:top}
body .payment-method .fieldset .group-2 .field.mercadopago-input-group.month{margin-right:4% !important}
body .payment-method .control-mp-iframe{border:0 !important;background:transparent !important;height:auto !important;position:relative !important}
body .payment-method .control-mp-iframe .label,body .payment-method .mercadopago-input-group > .label{position:static !important;display:block !important;padding:0 0 5px !important;font-size:13px !important;color:#2b2b2b !important;pointer-events:auto !important;white-space:normal !important}
body .payment-method .control-mp-iframe .input-mp-iframe{position:relative !important;width:100% !important;height:46px !important;margin:0 !important;border:1px solid #ead9b8 !important;border-radius:8px !important;background:#fff !important;padding:4px 10px !important}
body .payment-method .mercadopago-input-group input.input-text{width:100% !important;height:46px !important;border:1px solid #ead9b8 !important;border-radius:8px !important;padding:0 12px !important}
body .payment-method .mercadopago-input-group input.input-text::placeholder{color:#8a8a8a !important;-webkit-text-fill-color:#8a8a8a !important;opacity:1 !important}
/* F1-MW-BTN2 texto centrado en Realizar pedido */
body#html-body .button--type-checkout{height:auto !important;min-height:52px !important;line-height:1.2 !important;padding:15px 16px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important}
/* F1-MW-GIFTAI botones de la tarjeta con IA (el tema les pone Oswald/mayusculas/alto fijo) + caja vacia de recoger en tienda */
#mwPickupContainerBlock:not(:has(input,select,textarea,.field)){display:none !important}
body#html-body .fg-gp-float button,body#html-body .fg-gp-ai button,body#html-body #fg-gp-panels button{font-family:inherit !important;text-transform:none !important;letter-spacing:normal !important;height:auto !important;line-height:1.2 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-weight:600 !important}
body#html-body .fg-gp-aibtn,body#html-body .fg-gp-ai .fg-gp-gen,body#html-body .fg-gp-ai button[class*=gen]{padding:7px 16px !important;font-size:13px !important}
body#html-body .fg-gp-ai .fg-gp-chip,body#html-body .fg-gp-ai button{padding:5px 12px !important;font-size:12.5px !important;margin:0 4px 6px 0 !important}
/* F1-MW-ORDEN firma del remitente debajo del mensaje + botones de direccion */
.gift-message fieldset.fieldset>.field-to{order:1 !important}
.gift-message fieldset.fieldset>.field.text{order:2 !important}
.gift-message fieldset.fieldset>#fg-gp-toolbar{order:3 !important}
.gift-message fieldset.fieldset>#fg-gp-panels{order:4 !important}
.gift-message fieldset.fieldset>.field-from{order:5 !important;margin-top:14px !important}
.gift-message fieldset.fieldset>#fg-gp-emojifrom{order:6 !important}
.gift-message fieldset.fieldset>#fg-gp-pvtitle{order:7 !important}
.gift-message fieldset.fieldset>#fg-gp-cards{order:8 !important}
body#html-body .action-select-shipping-item,body#html-body .action-show-popup,body#html-body .action-edit-address{font-family:inherit !important;text-transform:none !important;letter-spacing:normal !important;font-weight:600 !important;line-height:1.2 !important;height:auto !important;padding:11px 20px !important;border-radius:10px !important;font-size:14px !important}
body#html-body .action-show-popup{background:#fff !important;color:#c97f12 !important;border:1px solid #e8951c !important}
body#html-body .action-show-popup:hover{background:#fdf4e3 !important}
/* F1-MW-V8 emoji de la firma visible + metodos de pago a todo el ancho */
body#html-body .gift-message .field-from .fg-gp-fromemo{z-index:12 !important;width:34px !important;min-width:0 !important;height:34px !important;padding:0 !important;line-height:1 !important;top:auto !important;bottom:3px !important;right:8px !important;transform:none !important;display:flex !important;align-items:center !important;justify-content:center !important;background:transparent !important;border:0 !important;box-shadow:none !important;font-size:20px !important}
#mwPaymentBlock > .row > .heading,#mwPaymentBlock > .row > #co-payment-form{flex:1 1 100% !important;width:100% !important;max-width:100% !important}
/* F1-MW-V9 circulo de "Compra por telefono" (lleva imagen entre el input y la etiqueta) */
#mwPaymentBlock .payment-method-title:has(input + img + label){position:relative !important}
#mwPaymentBlock .payment-method-title:has(input + img + label) > img{margin-left:30px !important}
#mwPaymentBlock .payment-method-title:has(input + img + label)::before{content:'';display:block;position:absolute;left:20px;top:50%;margin-top:-10px;width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid #E0E0E0;box-sizing:border-box;pointer-events:none}
#mwPaymentBlock .payment-method-title:has(input:checked + img + label)::before{border:6px solid #e8951c}
/* F1-MW-V10 circulo de Compra por telefono (el icono es un DIV entre el input y la etiqueta) */
#mwPaymentBlock .payment-method-title:has(> input + :not(label) + label){position:relative !important}
#mwPaymentBlock .payment-method-title:has(> input + :not(label) + label) > :not(label):not(input){margin-left:40px !important}
#mwPaymentBlock .payment-method-title:has(> input + :not(label) + label)::before{content:'';display:block;position:absolute;left:12px;top:50%;margin-top:-10px;width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid #E0E0E0;box-sizing:border-box;pointer-events:none}
#mwPaymentBlock .payment-method-title:has(> input:checked + :not(label) + label)::before{border:6px solid #e8951c}
/* F1-MW-V12 celular: cuadros centrados (el CSS de fiorinet le da margen -60px a la izquierda) */
@media (max-width:767px){body.mageworx_checkout-onepage-index .layout{margin:0 !important;width:100% !important;max-width:100% !important;grid-template-columns:minmax(0,1fr) !important}body.mageworx_checkout-onepage-index #fg-checkout-head{margin-left:0 !important}}