/* Pase Peyote con el estilo nuevo del sitio: header unificado, título Unbounded y la compra en 3 pasos. */
@font-face{font-family:"Unbounded";src:url(unbounded-extrabold.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
html body.sitio-nuevo.ps-body{background:#f7f6f2;color:#151412;font-family:Rubik,Arial,sans-serif}
body.ps-body .ps-page{max-width:1180px;margin:0 auto;padding:0 clamp(16px,3vw,32px) 80px}
body.ps-body .ps-hero{display:flex;align-items:flex-end;justify-content:flex-start;gap:clamp(16px,3vw,44px);padding:clamp(26px,4vw,48px) 0 clamp(18px,3vw,30px)}
body.ps-body .ps-hero-txt{min-width:0}
html body.ps-body .ps-h1{margin:0;font:400 clamp(44px,7.4vw,92px)/.98 "Unbounded",Rubik,Arial,sans-serif!important;letter-spacing:-.005em;text-transform:none;color:#151412}
html body.ps-body .ps-lead{max-width:52ch;margin:16px 0 0;color:#3e3c37;font:400 clamp(15px,1.3vw,18px)/1.45 Rubik,Arial,sans-serif}
body.ps-body .ps-hero-peyo{display:block;flex:none;width:clamp(110px,17vw,230px);height:auto;margin-bottom:-6px}
body.ps-body .ps-buy{margin-top:0;padding-top:0;border-top:0;gap:28px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
body.ps-body .ps-form{gap:16px}
body.ps-body .ps-step{padding:22px clamp(16px,2.2vw,26px) 24px;background:#fff;border:2px solid #151412;border-radius:18px}
body.ps-body .ps-step>*+*{margin-top:14px}
html body.ps-body .ps-sh{display:flex;align-items:center;gap:12px;margin:0 0 4px;font:400 clamp(21px,2.2vw,26px)/1.1 "Unbounded",Rubik,Arial,sans-serif;color:#151412}
body.ps-body .ps-sh i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#ff8346;border:2px solid #151412;font:400 18px/1 "Unbounded",Rubik,sans-serif;font-style:normal}
body.ps-body .ps-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html body.ps-body .ps-lbl{font:600 14px/1.2 Rubik,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#151412}
html body.ps-body .ps-lbl small{font:400 13px Rubik,Arial,sans-serif;color:#6a675f}
html body.ps-body .ps-mute{color:#6a675f}
body.ps-body .ps-amts button,body.ps-body .ps-seg button{border:2px solid #d3d1ca;border-radius:12px;font-family:Rubik,Arial,sans-serif}
body.ps-body .ps-amts b{font:400 20px/1 "Unbounded",Rubik,sans-serif}
html body.ps-body .ps-amts span{font:500 12px/1.2 Rubik,Arial,sans-serif;letter-spacing:0;text-transform:none}
body.ps-body .ps-seg button{font:600 15px/1.2 Rubik,Arial,sans-serif}
body.ps-body .ps-amts button[aria-pressed="true"],body.ps-body .ps-seg button[aria-pressed="true"]{border-color:#151412;background:#ff8346;color:#151412;box-shadow:3px 3px 0 #151412}
body.ps-body .ps-amts button[aria-pressed="true"] span{color:#151412}
body.ps-body .ps-amts button:hover,body.ps-body .ps-seg button:hover{border-color:#151412}
body.ps-body .ps-form input,body.ps-body .ps-form textarea,body.ps-body .ps-form select{border:2px solid #d3d1ca;border-radius:12px;font:500 16px/1.35 Rubik,Arial,sans-serif;background:#fbfaf7}
body.ps-body .ps-form input:focus,body.ps-body .ps-form textarea:focus,body.ps-body .ps-form select:focus{border-color:#151412;box-shadow:none;background:#fff}
html body.ps-body .ps-count{font:400 11px Rubik,Arial,sans-serif}
html body.ps-body .ps-small{font:400 13px/1.45 Rubik,Arial,sans-serif;color:#6a675f}
body.ps-body .ps-hand{border-left:0;border-radius:12px;background:#fdeee4;color:#151412;padding:12px 14px}
body.ps-body .ps-side{top:96px;gap:16px}
body.ps-body .ps-preview{padding:22px clamp(14px,2vw,24px) 24px;background:#f9c3a7 url(papel-banner.webp) center/cover;border:2px solid #151412;border-radius:18px}
html body.ps-body .ps-preview .ps-lbl{font:400 18px/1.1 "Unbounded",Rubik,sans-serif;color:#151412}
body.ps-body .ps-ticket{max-width:none}
body.ps-body .ps-pay{padding:20px clamp(16px,2vw,24px) 22px;background:#151412;color:#f7f6f2;border-radius:18px}
body.ps-body .ps-sum{padding:0;border:0;background:none;color:#f7f6f2;font:500 17px Rubik,Arial,sans-serif}
html body.ps-body .ps-sum b{font:400 clamp(36px,4vw,48px)/1 "Unbounded",Rubik,sans-serif;color:#ff8346}
html body.ps-body .ps-btn{padding:17px 20px;border:2px solid #151412;border-radius:999px;background:#ff8346;color:#151412;font:600 17px/1 Rubik,Arial,sans-serif;letter-spacing:0;text-align:center;text-transform:none;box-shadow:0 0 0 2px #ff8346}
body.ps-body .ps-btn:hover:not(:disabled){background:#fff;color:#151412}
html body.ps-body .ps-pay .ps-small{color:#c9c6bd}
html body.ps-body .ps-error{color:#ff9a7a;font:600 14px/1.4 Rubik,Arial,sans-serif}
@media(max-width:900px){
  body.ps-body .ps-buy{grid-template-columns:1fr;gap:18px}
  body.ps-body .ps-hero-peyo{width:96px}
}
@media(max-width:520px){
  body.ps-body .ps-hero{align-items:flex-end}
  body.ps-body .ps-step{border-radius:16px}
}
