/* Checkout Peyote FC: mismo lenguaje que la ficha (cabecera oscura, tarjetas, acento naranja).
   Solo cambia el estilo; los campos, el pago y el resumen siguen funcionando igual. */
html body.checkout-page{--ink:#121212;--accent:#ff8346;--bone:#f7f6f2;--paper:#ebe5d6;--line:#e4e0d4;--green:#2f8f5b;--mono:"IBM Plex Mono","DM Mono",ui-monospace,Menlo,Consolas,monospace;background:var(--bone);color:var(--ink)}
body.checkout-page .checkout-header{height:72px;background:var(--ink);border:0;padding:0 max(20px,5.5vw)}
body.checkout-page .checkout-header .brand,body.checkout-page .checkout-header .brand b{color:#fff;font-weight:800;letter-spacing:.14em}
body.checkout-page .checkout-header .brand b{color:var(--accent)}
body.checkout-page .checkout-header a:not(.brand){color:#fff;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:10px 14px;border:1px solid #ffffff44;border-radius:999px;transition:background .15s,border-color .15s}
body.checkout-page .checkout-header a:not(.brand):hover{background:#ffffff14;border-color:#fff}
body.checkout-page .checkout{max-width:1240px;padding:44px max(16px,4vw) 84px}
body.checkout-page .checkout-eyebrow{display:inline-block;margin:0 0 12px;color:var(--accent);font:600 11px/1 var(--mono);letter-spacing:.14em}
body.checkout-page .checkout h1{font:800 clamp(34px,5vw,58px)/.95 Raleway,Arial,sans-serif;letter-spacing:-.05em;text-transform:uppercase;margin:0 0 10px}
body.checkout-page .checkout-intro{color:#5c5a54;font-size:15px;max-width:520px;margin:0 0 30px}
body.checkout-page .checkout-layout{grid-template-columns:minmax(0,1.15fr) minmax(340px,.75fr);gap:clamp(24px,3vw,44px);align-items:start}
/* Secciones = tarjetas */
body.checkout-page #checkout-form{gap:18px}
body.checkout-page #checkout-form>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:clamp(18px,2.4vw,28px);box-shadow:0 14px 30px -26px rgba(18,18,18,.45)}
body.checkout-page #checkout-form>div:first-child{gap:14px}
body.checkout-page .checkout h2,body.checkout-page .checkout-stage-heading{font:600 12px/1 var(--mono)!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--ink)!important}
body.checkout-page #checkout-form>div:first-child>h2,body.checkout-page #checkout-form>div:nth-child(2)>h2{padding-bottom:14px;margin-bottom:4px;border-bottom:1px solid var(--line)}
body.checkout-page .carrier-preference{margin:14px 0 0;padding:18px 0 0;border-top:1px solid var(--line)}
body.checkout-page .carrier-preference::before{display:none!important}
body.checkout-page .checkout label{font:600 11px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#3a3935}
body.checkout-page .checkout label>span{font-weight:400;text-transform:none;letter-spacing:0;color:#8a877e}
body.checkout-page .checkout input:not([type=radio]):not([type=checkbox]),body.checkout-page .checkout select{min-height:48px;margin-top:8px;padding:12px 14px;border:1.5px solid #d6d1c2;border-radius:10px;background:#fff;font:500 15px Raleway,Arial,sans-serif;color:var(--ink);text-transform:none;letter-spacing:0;transition:border-color .15s,box-shadow .15s}
body.checkout-page .checkout input::placeholder{color:#a4a094}
body.checkout-page .checkout input:focus,body.checkout-page .checkout select:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 3px #ff834633}
body.checkout-page .checkout input:focus-visible,body.checkout-page .checkout select:focus-visible{outline:0}
body.checkout-page .save-details-note{color:#77736a}
/* Pago */
body.checkout-page .payment-intro{color:#5c5a54;font-size:13px;margin:0 0 12px}
body.checkout-page .payment-method{padding:16px 18px;margin:10px 0 0;border:1.5px solid #d6d1c2;border-radius:12px;background:#fff;transition:border-color .15s,background .15s,box-shadow .15s}
body.checkout-page .payment-method:hover{border-color:var(--ink)}
body.checkout-page .payment-method.selected{border:2px solid var(--ink);padding:15px 17px;background:#fffdf7;box-shadow:0 12px 24px -18px rgba(18,18,18,.5)}
body.checkout-page .payment-method.selected::after{content:'✓ ELEGIDO';top:-9px;right:14px;padding:3px 9px;border-radius:999px;background:var(--green);color:#fff;font:600 10px/1 var(--mono);letter-spacing:.08em}
body.checkout-page .payment-method label{font:700 13px Raleway,Arial,sans-serif;letter-spacing:0;text-transform:none;color:var(--ink)}
body.checkout-page .payment-method label input[type=radio]{accent-color:var(--accent);width:18px;height:18px}
body.checkout-page .payment-method>p{font-size:12px;color:#5c5a54}
body.checkout-page .payment-details{border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:var(--bone)}
body.checkout-page .payment-badge{padding:5px 10px;border:1px solid #d6d1c2;border-radius:8px;background:#fff;color:var(--ink);font:700 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
body.checkout-page .payment-badge.spei{border-color:var(--ink)}
body.checkout-page .payment-badge.has-logo{padding:0;border:0;border-radius:0;background:none}
body.checkout-page .payment-badge img{display:block;width:auto;object-fit:contain}
body.checkout-page .payment-badge.mp img{height:24px}
body.checkout-page .payment-badge.spei img{height:20px}
body.checkout-page .payment-badge.oxxo img{height:26px}
body.checkout-page .pay-button{min-height:58px;border-radius:12px;background:var(--accent);color:var(--ink);font:700 13px/1 var(--mono);letter-spacing:.12em;box-shadow:0 14px 28px -16px rgba(255,131,70,.75);transition:transform .15s,box-shadow .15s,background .15s}
body.checkout-page .pay-button:not(:disabled):hover{background:#ff6142;transform:translateY(-2px)}
body.checkout-page .pay-button:not(:disabled):active{transform:scale(.99)}
body.checkout-page .pay-button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
body.checkout-page .checkout-status{border:1px solid var(--line);border-left:4px solid var(--ink);border-radius:10px;background:#fff}
/* Resumen */
body.checkout-page .order-summary{position:sticky;top:20px;padding:22px 22px 8px;border:0;border-radius:14px;background:var(--ink);color:#fff;box-shadow:0 24px 44px -28px rgba(18,18,18,.75)}
body.checkout-page .summary-eyebrow{color:var(--accent);font:600 11px/1 var(--mono);letter-spacing:.12em}
body.checkout-page .order-summary>h2{font:800 22px/1 Raleway,Arial,sans-serif!important;letter-spacing:-.03em!important;color:#fff!important;border-bottom:1px solid #ffffff26}
body.checkout-page .cart-line{border-bottom:1px solid #ffffff1f;grid-template-columns:76px minmax(0,1fr) auto;gap:14px}
body.checkout-page .cart-line img{width:76px;height:84px;border-radius:10px;background:var(--paper)!important;object-fit:contain;padding:4px;box-sizing:border-box}
body.checkout-page .cart-line h3{font:700 14px/1.25 Raleway,Arial,sans-serif;color:#fff;max-width:none}
body.checkout-page .cart-line p{color:#bdbbb4;font-size:11px}
body.checkout-page .checkout-archive-kicker{display:none}
body.checkout-page .peyote-archive-label{color:var(--accent);font:500 10px/1.3 var(--mono);letter-spacing:.06em}
body.checkout-page .cart-line .checkout-delivery-label{color:#9e9c95!important}
body.checkout-page .cart-line strong{color:#fff;font:700 14px Raleway,Arial,sans-serif}
body.checkout-page .cart-line select{min-height:34px;border:1px solid #ffffff44;border-radius:8px;background:#1d1d1b;color:#fff;font:600 12px var(--mono)}
body.checkout-page .cart-line button:not(.remove-customization){width:28px;height:28px;border:1px solid #ffffff44;border-radius:50%;color:#fff;background:transparent;transition:background .15s,border-color .15s}
body.checkout-page .cart-line button:not(.remove-customization):hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}
body.checkout-page .cart-quantity-control{border-color:#ffffff44!important;background:transparent}
body.checkout-page .cart-quantity-control button{color:#fff!important;background:transparent!important;border:0!important;border-radius:0!important;width:28px!important}
body.checkout-page .cart-quantity-control output{color:#fff}
body.checkout-page .checkout-customization,body.checkout-page .remove-customization{color:#dcd9d0!important}
body.checkout-page .summary-breakdown{border-bottom:1px solid #ffffff26;color:#e9e7e0;font-size:13px}
body.checkout-page .summary-breakdown .summary-note{color:var(--accent);font:500 11px/1.4 var(--mono)}
body.checkout-page .cart-total{border-top:0;color:#fff;font:800 32px/1 Raleway,Arial,sans-serif;letter-spacing:-.04em}
body.checkout-page .cart-total span:first-child{font:600 12px/1 var(--mono);letter-spacing:.14em;color:#bdbbb4}
body.checkout-page .checkout-delivery{border-top:1px solid #ffffff26;color:#bdbbb4}
body.checkout-page .checkout-delivery h2,body.checkout-page .checkout-delivery p,body.checkout-page .checkout-delivery strong{color:#e9e7e0!important}
body.checkout-page .checkout-delivery a{color:#fff}
body.checkout-page .empty-cart{color:#bdbbb4}
body.checkout-page .confirmation-panel{border:2px solid var(--ink);border-radius:14px;background:#fff}
body.checkout-page .confirmation-whatsapp{border-radius:10px;background:var(--green);color:#fff;font-weight:700}
/* Pie */
body.checkout-page .checkout-footer a,body.checkout-page footer a{color:#5c5a54}
@media(max-width:900px){
  body.checkout-page .checkout-layout{grid-template-columns:minmax(0,1fr);gap:22px}
  body.checkout-page .order-summary{position:static;order:-1;max-height:none;overflow:visible}
  body.checkout-page .checkout-header{height:64px}
}
@media(max-width:520px){
  body.checkout-page .checkout{padding:28px 14px 60px}
  body.checkout-page #checkout-form>div{padding:18px 16px}
  body.checkout-page .payment-method label{flex-wrap:wrap}
  body.checkout-page .cart-line{grid-template-columns:64px minmax(0,1fr) auto;gap:10px}
  body.checkout-page .cart-line img{width:64px;height:72px}
}
@media(prefers-reduced-motion:reduce){body.checkout-page *{transition:none!important}}
body.checkout-page .payment-name,body.checkout-page .payment-method label{font:700 14px Raleway,Arial,sans-serif!important;color:var(--ink)!important}
body.checkout-page .payment-intro{display:none}

/* Logo blanco en el encabezado del checkout */
body.checkout-page .checkout-header .brand{display:block;width:160px;height:44px;background:url('logo-peyote-blanco-v3.webp') no-repeat left center/contain;font-size:0;letter-spacing:0}
body.checkout-page .checkout-header .brand span,body.checkout-page .checkout-header .brand b{display:none}
@media(max-width:720px){body.checkout-page .checkout-header .brand{width:112px;height:38px}}

/* Botones redondos de «¿Cómo quieres recibir avisos?» y cuadrito de «Guardar mis datos»:
   la regla general de los campos (ancho 100 %, relleno, margen) los estiraba en el iPad.
   Solo afecta a estos dos grupos. */
body.checkout-page .notify-choice input[type=radio],body.checkout-page .save-details input[type=checkbox]{box-sizing:border-box;flex:0 0 auto;width:18px;height:18px;min-height:0;margin:0;padding:0;border:0;accent-color:var(--accent)}
body.checkout-page .notify-choice label,body.checkout-page .save-details{display:inline-flex;align-items:center;gap:8px;cursor:pointer}

body.checkout-page .empty-peyo{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 0 10px;text-align:center;color:var(--ink)}
body.checkout-page .empty-peyo p{margin:0;font:800 20px/1.1 Raleway,Arial,sans-serif}
body.checkout-page .empty-peyo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:10px;background:var(--orange,#ff8346);color:#121212!important;text-decoration:none!important;font:700 12px/1 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
body.checkout-page .order-summary:has(.empty-peyo){overflow:visible}
body.checkout-page .checkout-processing{display:flex;align-items:center;gap:14px}
body.checkout-page .checkout-processing p{margin:0;font:700 14px Raleway,Arial,sans-serif}
html:root body.checkout-page .empty-peyo p{color:#fff}
html:root body.checkout-page .empty-peyo a.empty-peyo-btn{background:#ff8346;color:#121212;opacity:1;border:0}
html:root body.checkout-page .empty-peyo a.empty-peyo-btn:hover{background:#ff6142}