/* Acabado convexo: luz superior y apoyo inferior, compartido por todos los recorridos. */
body .phone-display :is(button,.button,label.file){border-radius:999px!important;background:linear-gradient(180deg,#fff 0%,#fff6e7 50%,#f1e3ce 100%)!important;border-top-color:#fff!important;border-bottom:2px solid #cbb392!important;box-shadow:inset 0 2px 2px #fff,0 2px 0 #e3ceb1,0 4px 8px #5b403016!important}
body .phone-display :is(.rr-primary,.continue,.rr-upload-cta,#printPath,#open,#accept,#continuePrintOrder,#confirmLocal,#saveCrop,.native-camera-button){border-radius:999px!important;background:linear-gradient(180deg,#ad573c 0%,#a34b32 22%,#9b452e 60%,#843821 100%)!important;border:1px solid #8f3927!important;border-top-color:#d39573!important;border-bottom:3px solid #70301f!important;box-shadow:inset 0 2px 1px #ffffff55,inset 0 -1px 2px #65301f55,0 2px 0 #d9b694,0 5px 10px #a34b3225!important;min-height:50px!important}
body .phone-display :is(.sizes label>span,.rr-size-options label>span){border-radius:20px!important;background:linear-gradient(180deg,#fff,#fff8ee 55%,#f0e1ca)!important;box-shadow:inset 0 2px 1px #fff,0 2px 0 #ddc6a6,0 5px 8px #5b403014!important}
body .phone-display :is(.sizes input:checked+span,.rr-size-options input:checked+span){background:linear-gradient(180deg,#ad573c 0%,#a34b32 20%,#9b452e 65%,#843821 100%)!important;border-top-color:#d39573!important;border-bottom-color:#70301f!important;box-shadow:inset 0 2px 1px #ffffff50,0 2px 0 #773021,0 5px 9px #a34b3229!important}
body .phone-display :is(button:disabled,.button[aria-disabled=true]){background:#e8e1d6!important;border:1px solid #dfd1bd!important;box-shadow:none!important}
body .phone-display :is(.rr-round,.quantity-controls button,.quantity-control button){border-radius:50%!important}
body .phone-display :is(.back,.bottom-nav button,.bottom-nav a,button.brand-home,.preview){background:transparent!important;border:0!important;box-shadow:none!important}
body .phone-display .rr-close{border-radius:50%!important}
body .phone-display :is(button,.button,label.file):active{transform:translateY(2px) scale(.985);box-shadow:inset 0 2px 5px #58392924!important}
body .phone-display .photo-source-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;margin:15px 0}
body .phone-display .photo-source-actions>*{width:100%}
body .phone-display .photo-source-actions [hidden],body .phone-display #instructions [hidden]{display:none!important}
body .phone-display .rr-source-file{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}
body .phone-display .rr-source-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
body .phone-display .rr-source-file:focus-within{outline:3px solid #a34b32;outline-offset:3px}
/* Confirmación visual al presionar: misma tonalidad, más luz y menos altura. */
body .phone-display :is(button,.button,label.file,.sizes label>span,.rr-size-options label>span){transition:filter 80ms ease,transform 80ms ease,box-shadow 80ms ease}
body .phone-display :is(button:not(:disabled),.button,label.file):active,
body .phone-display :is(.sizes label,.rr-size-options label):active>span{filter:brightness(1.16)!important;transform:translateY(2px) scale(.985);box-shadow:inset 0 2px 5px #58392924!important}
body .phone-display :is(button:not(:disabled),.button,label.file):active{border-bottom-width:1px!important}
body .phone-display button:disabled:active{filter:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){body .phone-display :is(button,.button,label.file,.sizes label>span,.rr-size-options label>span){transition:none!important}}
/* Rangos informativos con el mismo acabado; la selección sigue al contador. */
body .phone-display .tiers{gap:9px;padding:3px 2px 9px;scrollbar-color:#bac8e3 transparent}
body .phone-display .tier{flex:0 0 120px;min-width:120px;min-height:94px;padding:12px 6px 10px;border:1px solid #dfceb7!important;border-top-color:#fff!important;border-bottom:3px solid #cbb392!important;border-radius:19px!important;background:linear-gradient(180deg,#fff,#fff6e7 50%,#f1e3ce)!important;box-shadow:inset 0 2px 1px #fff,0 2px 0 #e3ceb1,0 4px 8px #5b403012!important;cursor:default}
body .phone-display .tier strong{font-size:12px;font-weight:650;color:var(--rr-ink)!important}
body .phone-display .tier small{font-size:9px;white-space:nowrap;color:var(--rr-muted)!important;margin-top:8px;line-height:1.4}
body .phone-display .tier .tier-caption{display:block;margin-top:7px;font-size:9px;line-height:1.3;color:var(--rr-muted)}
body .phone-display .tier.active{background:linear-gradient(180deg,#ad573c 0%,#a34b32 20%,#9b452e 65%,#843821)!important;border-color:#8f3927!important;border-top-color:#d39573!important;border-bottom-color:#70301f!important;box-shadow:inset 0 2px 1px #ffffff50,0 2px 0 #773021,0 5px 9px #a34b3229!important}
body .phone-display .tier.active :is(strong,small,.tier-caption){color:#fff!important}
body .phone-display .tier.active .tier-current-price{font-size:14px;font-weight:700;letter-spacing:-.25px}
