/* Ronda — reglas propias que Tailwind (Play CDN) no cubre.
   Las reglas estructurales (barra, cajón, riel) también viven acá para que el primer
   pintado, antes de que Tailwind compile en el navegador, no desborde el viewport móvil. */
.rd-top{position:fixed;top:0;left:0;right:0;z-index:40}
.rd-drawer{position:fixed;top:0;bottom:0;right:0;width:18rem;transform:translateX(100%);z-index:50}
.rd-rail{display:flex;gap:1.5rem;overflow-x:auto;overflow-y:hidden;contain:paint;padding-bottom:1rem;margin-top:2.5rem}
.rd-rail>li{flex:0 0 auto;width:82vw}@media(min-width:640px){.rd-rail>li{width:46vw}}@media(min-width:1024px){.rd-rail>li{width:31.5%}}
.rd-hero{position:relative;min-height:100vh;overflow:hidden}
img,svg{max-width:100%}.rd-top svg,.rd-drawer svg,footer svg{width:32px;height:32px}
.rd-top nav{display:none}@media(min-width:768px){.rd-top nav{display:flex}.rd-burger{display:none}}
#rd-scrim{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.7)}#rd-scrim.hidden{display:none}
.rd-hero__body,.rd-hero>div{position:relative}
img{height:auto}html,body{overflow-x:clip}
.rd-top{transition:background-color .3s,box-shadow .3s}
.rd-top.is-solid{background:rgba(28,28,30,.92);backdrop-filter:blur(8px);box-shadow:0 12px 30px -20px #000}
.rd-burger{width:40px;height:40px;display:grid;place-items:center;gap:5px;padding:9px 8px}
.rd-burger span{display:block;width:100%;height:2px;background:#F3EFE9;transition:transform .25s,opacity .25s}
.rd-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.rd-burger[aria-expanded="true"] span:nth-child(2){opacity:0}.rd-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.rd-drawer{visibility:hidden;transition:transform .3s,visibility 0s .3s}.rd-drawer.is-open{transform:none;visibility:visible;transition:transform .3s,visibility 0s}
.rd-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.rd-hero__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,28,30,.88) 0%,rgba(28,28,30,.5) 45%,rgba(28,28,30,.1) 100%),linear-gradient(0deg,rgba(28,28,30,.96) 0%,rgba(28,28,30,0) 60%)}
.rd-rail{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.rd-rail::-webkit-scrollbar{display:none}.rd-rail>li{scroll-snap-align:start}
.rd-arrow{width:48px;height:48px;border:1px solid rgba(243,239,233,.35);font-family:Oswald,sans-serif;font-size:1.3rem;transition:.2s}.rd-arrow:hover{border-color:#F26B1D;color:#F26B1D}
.rd-swatches{display:flex;align-items:center;gap:.5rem;border:0;padding:0;margin:0}
.rd-swatches label{cursor:pointer;line-height:0}.rd-swatches input{position:absolute;opacity:0;width:1px;height:1px}
.rd-swatches span{display:inline-block;width:22px;height:22px;border-radius:50%;background:var(--sw);border:2px solid transparent;outline:1px solid rgba(243,239,233,.25);transition:.15s}
.rd-swatches input:checked+span{border-color:#26262A;outline:2px solid #F26B1D}.rd-swatches input:focus-visible+span{outline:2px solid #F3EFE9}
.rd-swatches output{margin-left:.35rem}
.rd-tallas{display:flex;gap:.35rem;flex-wrap:wrap;font-size:.72rem;font-weight:700;letter-spacing:.06em}.rd-tallas li{border:1px solid rgba(243,239,233,.3);padding:.15rem .45rem}.rd-tallas li.is-off{color:#6d6c68;text-decoration:line-through;border-style:dashed}
.rd-steps{counter-reset:none;display:grid;gap:1.6rem}.rd-steps li{display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;align-items:start}
.rd-steps li>span{font-family:Oswald,sans-serif;font-size:2.4rem;line-height:1;color:#F26B1D}.rd-steps h3{font-family:Oswald,sans-serif;font-size:1.35rem;text-transform:uppercase;letter-spacing:.02em}.rd-steps p{color:rgba(28,28,30,.7);margin-top:.3rem;max-width:56ch}
.rd-field{display:grid;gap:.4rem;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#A8A6A1}
.rd-field input,.rd-field select,.rd-field textarea{font:400 1rem/1.4 "Nunito Sans",sans-serif;text-transform:none;letter-spacing:0;color:#F3EFE9;background:#26262A;border:1px solid rgba(243,239,233,.18);padding:.75rem .9rem;border-radius:2px;width:100%}
.rd-field input:focus,.rd-field select:focus,.rd-field textarea:focus{outline:none;border-color:#F26B1D;box-shadow:0 0 0 3px rgba(242,107,29,.25)}
.rd-field select option{color:#1C1C1E}
.rd-radios{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.rd-radios legend{font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#A8A6A1;margin-bottom:.5rem}
.rd-radios label{cursor:pointer}.rd-radios input{position:absolute;opacity:0;width:1px;height:1px}.rd-radios span{display:inline-block;border:1px solid rgba(243,239,233,.3);padding:.5rem 1rem;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;transition:.15s}
.rd-radios input:checked+span{background:#F26B1D;color:#1C1C1E;border-color:#F26B1D}.rd-radios input:focus-visible+span{outline:2px solid #F3EFE9}
.rd-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.rd-table th,.rd-table td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid rgba(243,239,233,.1)}.rd-table thead th{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#A8A6A1}.rd-table tbody th{font-family:Oswald,sans-serif;font-size:1.2rem;color:#F26B1D}
.rd-voice{background:#1C1C1E;padding:2rem;display:flex;flex-direction:column;gap:1.2rem;border-top:3px solid #F26B1D}.rd-voice img{width:56px;height:56px;border-radius:50%;object-fit:cover}.rd-voice blockquote{font-size:1.05rem;line-height:1.6}.rd-voice figcaption{display:flex;flex-wrap:wrap;gap:.4rem .8rem;font-size:.85rem;color:#A8A6A1}.rd-voice b{color:#F3EFE9;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em}.rd-stars{color:#F26B1D;letter-spacing:.1em}
.rd-faq details{border-top:1px solid rgba(243,239,233,.15)}.rd-faq details:last-child{border-bottom:1px solid rgba(243,239,233,.15)}
.rd-faq summary{cursor:pointer;list-style:none;padding:1.2rem 3rem 1.2rem 0;font-family:Oswald,sans-serif;font-size:1.25rem;text-transform:uppercase;letter-spacing:.03em;position:relative}.rd-faq summary::-webkit-details-marker{display:none}
.rd-faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.8rem;color:#F26B1D;transition:transform .25s}.rd-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.rd-faq p{padding:0 0 1.4rem;color:#A8A6A1;max-width:64ch}.rd-faq a{color:#F26B1D;text-decoration:underline}
.rd-contact{display:grid;grid-template-columns:auto 1fr;gap:.6rem 1.2rem;font-size:.95rem}.rd-contact dt{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#F26B1D;padding-top:.2rem}.rd-contact dd a{text-decoration:underline}
.rd-check{display:flex;gap:.7rem;align-items:flex-start;font-size:.9rem;color:#A8A6A1;cursor:pointer}.rd-check input{margin-top:.3rem;width:18px;height:18px;accent-color:#F26B1D;flex:none}.rd-check a{color:#F3EFE9;text-decoration:underline}
.rd-arrep{color:#F26B1D;font-weight:700;text-decoration:underline}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}