/* Presentación exclusiva de la primera elección. Tipografías y logo existentes. */
body .test-gate.r66-entry{
 --r66-header:clamp(84px,22vw,100px);
 --r66-logo-slot:clamp(52px,15vw,74px);
 display:flex;flex-direction:column;padding:0;
 background:#fffaf1!important;color:#191919;
}
.test-gate.r66-entry>.pedido-stage-header{
 flex:none;position:relative;top:auto;z-index:2;
 background:#e21b23!important;border-bottom:4px solid #ffe156!important;
 box-shadow:none;backdrop-filter:none;
}
.test-gate.r66-entry .header-inner{
 width:min(calc(100% - 24px),960px)!important;
 min-height:calc(var(--r66-header) - 4px)!important;
 box-sizing:border-box;padding:8px 0!important;margin:0 auto!important;
 display:grid!important;grid-template-columns:var(--r66-logo-slot) minmax(0,1fr) var(--r66-logo-slot)!important;
 align-items:center!important;gap:0!important;
}
.test-gate.r66-entry .header-inner::after{width:var(--r66-logo-slot)!important;grid-column:3!important}
.test-gate.r66-entry .header-inner .logo{
 width:clamp(48px,14vw,66px)!important;max-width:100%!important;max-height:70px!important;
 height:auto!important;object-fit:contain;filter:none!important;
}
.test-gate.r66-entry .header-inner .hero-title{
 font-size:clamp(28px,7.8vw,42px)!important;line-height:1.1!important;
 color:#fff!important;text-shadow:none!important;white-space:nowrap!important;
}
.test-gate.r66-entry>.of-scenery,.test-gate.r66-entry .of-header-note{display:none!important}
.r66-entry .r66-main{
 position:relative;isolation:isolate;flex:1 0 auto;display:grid;place-items:center;
 width:100%;max-width:none;margin:0;padding:28px 16px;
 box-sizing:border-box;
}
.r66-entry .r66-main::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:url('./tlapa-fondo-sutil.svg?v=r87.1') center top/360px 420px repeat;opacity:.65;
}
.r66-entry .r66-card{
 width:100%;max-width:430px;box-sizing:border-box;padding:30px 24px;
 margin:0;border:0;border-radius:24px;background:#fff;
 box-shadow:0 10px 32px #5742220a;animation:none;
}
.r66-entry .r66-card h2{
 margin:0 0 26px;text-align:center;font-family:"Baloo 2",sans-serif;
 font-size:clamp(28px,7.5vw,34px);font-weight:800;line-height:1.12;
 letter-spacing:-.3px;outline:none;
}
.r66-entry #customer-actions{display:grid;gap:14px}
.r66-entry .r66-option{
 display:grid;grid-template-columns:32px minmax(0,1fr) 20px;align-items:center;gap:12px;
 box-sizing:border-box;width:100%;height:70px;min-height:70px;
 padding:0 16px;margin:0;border:0;border-radius:16px;
 background:#e21b23;color:#fff;cursor:pointer;touch-action:manipulation;
 font-family:"Baloo 2",sans-serif;font-size:clamp(20px,5.6vw,24px);font-weight:800;line-height:1.1;
 text-align:center;-webkit-tap-highlight-color:transparent;
 transition:transform 135ms ease-out;
}
.r66-entry .r66-option-pickup{background:#fff1b8;color:#191919}
.r66-entry .r66-option span{min-width:0;white-space:nowrap}
.r66-entry .r66-icon{display:block;width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.r66-entry .r66-arrow{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.r66-entry.r66-ready .r66-option{animation:r66-fade-in 250ms ease-out both}
.r66-entry.r66-ready .r66-arrow{animation:r66-arrow-nudge 8s ease-in-out 8s infinite}
.r66-entry .r66-option:active{transform:scale(.985)}
.test-gate.r66-entry .r66-option:focus-visible{outline:3px solid #252525;outline-offset:4px}
.r66-entry .r66-option:disabled{cursor:wait}
.r66-entry .test-gate-status:empty,.r66-entry .test-gate-error:empty{display:none}
.r66-entry .test-gate-status,.r66-entry .test-gate-error{margin:16px 0 0;font-size:16px;line-height:1.4}
@keyframes r66-fade-in{from{opacity:0}to{opacity:1}}
@keyframes r66-arrow-nudge{0%,7.5%,100%{transform:translateX(0)}3.75%{transform:translateX(3px)}}
@media(max-width:340px){
 .r66-entry .r66-main{padding:24px 14px}
 .r66-entry .r66-card{padding:28px 18px;border-radius:22px}
 .r66-entry .r66-card h2{font-size:27px;margin-bottom:24px}
 .r66-entry .r66-option{grid-template-columns:28px minmax(0,1fr) 18px;gap:8px;padding:0 12px;font-size:20px;height:68px;min-height:68px}
 .r66-entry .r66-icon{width:28px;height:28px}
 .r66-entry .r66-arrow{width:18px;height:18px}
}
@media(prefers-reduced-motion:reduce){
 .r66-entry .r66-option,.r66-entry .r66-arrow{animation:none!important;transition:none!important}
 .r66-entry .r66-option:active{transform:none}
}