/* Único acabado de interfaz para todas las rutas. Cargar después de los estilos heredados. */
:root{--rr-bg:#fff8eb;--rr-ink:#343535;--rr-muted:#62605a;--rr-teal:#a34b32;--rr-line:#dfd1bd;--rr-coral-top:#a34b32;--rr-coral-bottom:#8f3e29;--rr-font:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--ui-blue:#a34b32;--ui-surface:#fff;--ui-tonal:#f3e8d6;--ui-shadow:0 6px 20px #5b403008}
body .phone-display{background:var(--rr-bg)!important;color:var(--rr-ink)!important;font:400 13px/1.55 var(--rr-font);--app-primary:#a34b32;--app-primary-dark:#773021;--app-accent:#a34b32;--app-ink:#343535;--app-muted:#62605a;--app-surface:#fff;--app-line:#dfd1bd;--v4-accent:#a34b32}
body .phone-display :is(p,small,label,legend,summary,figcaption,output,li,footer){font-family:var(--rr-font)!important}
body .phone-display :is(h1,h2,h3){font-family:var(--rr-font)!important;color:var(--rr-ink)!important;font-weight:700!important;letter-spacing:-.65px!important;text-transform:none!important}
body .phone-display :is(h1){font-size:27px!important;line-height:1.15!important}
body .phone-display :is(h2){font-size:21px!important;line-height:1.2!important}
body .phone-display :is(h3){font-size:15px!important;line-height:1.3!important}
body .phone-display :is(.phone-status,.phone-scroll,.app-brand,.app-header,main,.rr-dialog-header,.rr-dialog){background:var(--rr-bg)!important;color:var(--rr-ink)!important}
body .phone-display :is(.intro>p,.campaign-copy>p,.lead,.path-card p,.note,.privacy,.camera-return-note,.original-quality,.rr-note,.crop-note,.finding,.decision-note p,.installation p,.price-status,.reassurance,.screen-size,.range-labels,.rr-range-labels,.unit-line,.rr-unit-line,.total-label,.rr-total-label,.screen-heading h2,.quantity-controls>div>span,.dock-summary,.screen-size,.tier small,.tier strong,footer){color:var(--rr-muted)!important}
body .phone-display :is(.campaign-copy>p,.path-card p,.lead,.camera-return-note,.privacy,.decision-note p){font-size:12px!important;line-height:1.6!important}
body .phone-display :is(.eyebrow,.rr-eyebrow,.path-kicker,.progress,.progress #step,.app-status,.app-indicator,.back){color:var(--rr-muted)!important;font-size:10px!important;line-height:1.5!important;font-weight:550!important;letter-spacing:.25px!important;text-transform:none!important}
body .phone-display :is(.path-card,.restore-card,.print-card,.rr-card,.screen,#intentSummary,.order-photo,.future-order,.print-send-panel,.capture-card,.tips article,.decision-note,.photo-review-option,.installation,.home-info){background:var(--ui-surface)!important;color:var(--rr-ink)!important;border:1px solid var(--rr-line)!important;border-radius:20px!important;box-shadow:var(--ui-shadow)!important}
body .phone-display .path-card{padding:19px!important;display:flex;flex-direction:column;gap:11px}
body .phone-display .path-card h2{margin:0 0 8px!important}
body .phone-display .path-card p{margin:0!important}
body .phone-display .path-card .path-kicker{margin-bottom:5px!important;color:#93452e!important}
body .phone-display .path-number{display:grid!important;place-items:center;width:33px;height:33px;margin:0!important;border:1px solid #dfc9b1!important;border-radius:11px!important;background:var(--ui-tonal)!important;color:#93452e!important;font:650 11px var(--rr-font)!important}
body .phone-display .path-grid{gap:14px!important}
body .phone-display .path-actions{display:grid;grid-template-columns:1fr;gap:9px!important;margin:0!important}
body .phone-display .campaign-hero{margin-bottom:20px!important}
body .phone-display .campaign-hero figure{border-radius:18px!important;background:#eee4d4!important}
body .phone-display .campaign-hero img{height:155px!important;object-fit:cover}
body .phone-display .campaign-hero figcaption{color:#fff!important;background:#343535c9!important;font-size:8px!important}
body .phone-display .campaign-copy{padding:17px 1px 0!important}
body .phone-display :is(.home-info,.installation){padding:15px!important;margin-top:16px!important;font-size:11px!important}
body .phone-display .home-info p{font-size:11px!important;color:var(--rr-muted)!important;line-height:1.6!important}
/* Las mismas formas y estados en cada recorrido, incluidos los anteriores. */
body .phone-display :is(button,.button,label.file){font-family:var(--rr-font)!important;min-height:46px;border:1px solid var(--rr-line)!important;border-radius:14px!important;padding:12px 14px!important;font-size:12px!important;font-weight:650!important;letter-spacing:0!important;line-height:1.4!important;background:#fff!important;color:var(--rr-ink)!important;box-shadow:0 2px 4px #5b403008!important;text-decoration:none!important;transition:transform .12s,filter .12s}
body .phone-display :is(.rr-primary,.continue,.rr-upload-cta,#printPath,#open,#accept,#continuePrintOrder,#confirmLocal,#saveCrop,.native-camera-button){background:linear-gradient(145deg,#a34b32,#8f3e29)!important;color:#fff!important;border:1px solid #8f3927!important;box-shadow:inset 0 1px 0 #ffffff24,0 4px 10px #a34b3227!important;min-height:49px!important;display:flex;align-items:center;justify-content:center;gap:10px;font:650 12px/1.4 var(--rr-font)!important;border-radius:14px!important;padding:12px 14px!important}
body .phone-display :is(.rr-primary,.continue,#printPath,#open,#accept,#continuePrintOrder,#confirmLocal,#saveCrop,.native-camera-button) :is(span,strong){color:inherit!important}
body .phone-display :is(button:disabled,.button[aria-disabled=true]){background:#e8e1d6!important;color:#777168!important;border-color:#dfd5c6!important;box-shadow:none!important;opacity:1!important}
body .phone-display :is(button,.button,label.file):active{transform:translateY(1px) scale(.985)}
body .phone-display :is(button,.button,a,input,select,summary):focus-visible{outline:3px solid #a34b32!important;outline-offset:3px}
body .phone-display button.brand-home{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;min-height:0!important}
body .phone-display :is(.back,.bottom-nav button,.bottom-nav a){background:transparent!important;border:0!important;box-shadow:none!important}
body .phone-display :is(.rr-round,.quantity-controls button,.quantity-control button){width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:50%!important;font-size:23px!important;background:#fff!important}
body .phone-display .rr-close{width:36px!important;min-width:36px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:12px!important;font-size:23px!important}
body .phone-display :is(.rr-dialog-actions,.phone-dock){background:#fffffff2!important;border-top:1px solid var(--rr-line)!important}
body .phone-display :is(.rr-stepper input,.quantity-controls input){color:var(--rr-ink)!important;background:transparent!important}
body .phone-display :is(.sizes label>span,.rr-size-options label>span){background:linear-gradient(#fff,#f4e9d8)!important;color:var(--rr-ink)!important;border:1px solid #dfceb7!important;border-bottom:3px solid #ccb595!important;box-shadow:0 2px 0 #e9dac4,0 4px 9px #5b40300f!important;border-radius:14px!important}
body .phone-display :is(.sizes input:checked+span,.rr-size-options input:checked+span){background:linear-gradient(145deg,#a34b32,#8f3e29)!important;color:#fff!important;border-color:#8f3e29!important;border-bottom-color:#773021!important;box-shadow:0 2px 0 #773021,0 4px 9px #a34b3224!important}
body .phone-display :is(.sizes input:checked+span,.rr-size-options input:checked+span) small{color:#fff!important}
body .phone-display :is(#slider,input.rr-range){background:linear-gradient(to right,#a34b32 var(--fill,0%),#dfd1bd var(--fill,0%)) center/100% 5px no-repeat!important;border:0!important;box-shadow:none!important}
body .phone-display :is(input[type=checkbox],input[type=radio]){accent-color:#a34b32!important}
body .phone-display :is(.screen-quantity,.screen-size,.total,.rr-total,.unit-line strong,.rr-unit-line strong,.screen-mark,.dock-summary strong,.rr-summary-price>strong,.grand-total,#intentTitle,.order-photo h3,.original-quality strong,#localStatus){color:var(--rr-ink)!important}
body .phone-display :is(.variant-preview,.print-final-summary,.selection-summary,.order-summary,.original-quality,.finding,.confirm,.decision-note,.tips article,.order-photo img){background:#f5ebdc!important;color:var(--rr-muted)!important;border-color:var(--rr-line)!important}
body .phone-display :is(.saving,.tier.active strong,.tier.active small,.journey [aria-current],.range-labels span:nth-child(2)){color:#93452e!important}
body .phone-display .tier{background:#fff!important;border-color:var(--rr-line)!important}
body .phone-display .tier.active{background:var(--ui-tonal)!important;border-color:#d3ad87!important}
body .phone-display .journey li{color:var(--rr-muted)!important}
body .phone-display .journey b{background:#eee2cf!important;color:#62605a!important}
body .phone-display .journey [aria-current] b{background:#a34b32!important;color:#fff!important}
body .phone-display .journey{gap:10px}
body .phone-display .print-picker{background:#fff!important;color:var(--rr-ink)!important;border:1px solid var(--rr-line)!important}
body .phone-display .print-picker small{color:var(--rr-muted)!important}
body .phone-display .bottom-nav{background:#ffffffed!important;border:1px solid var(--rr-line)!important;box-shadow:0 4px 18px #5b403012!important;margin:0!important}
body .phone-display .bottom-nav :is(button,a){color:#68625b!important;font-size:9px!important;padding:4px!important;border-radius:10px!important}
body .phone-display .bottom-nav .active{color:#a34b32!important}
body .phone-display .bottom-nav .active span{background:var(--ui-tonal)!important;color:#a34b32!important}
body .phone-display :is(.pill,.app-indicator,.app-status){background:#f5ebdc!important;border:1px solid var(--rr-line)!important;color:#62605a!important;box-shadow:none!important}
body .phone-display .tips{grid-template-columns:1fr!important;gap:10px!important}
body .phone-display .capture-card h2{font-size:19px!important}
body .phone-display .capture-card img{max-height:195px!important;object-fit:cover}
body .phone-display .finding{font-size:11px!important;line-height:1.6!important;border-radius:13px!important}
body .phone-display #intentSummary p,body .phone-display #intentSummary .rr-summary-price>span{color:var(--rr-muted)!important}
body .phone-display .tiers-block h2,body .phone-display .screen-heading h2{font-size:12px!important;letter-spacing:0!important}
body .phone-display :is(.capture-card,.path-card,.future-order){overflow:hidden}
body .phone-display .preview{padding:0!important;background:#eee4d4!important;border:0!important;box-shadow:none!important}
@media(max-width:360px){body .phone-display h1{font-size:24px!important}body .phone-display h2{font-size:19px!important}body .phone-display .path-card{padding:15px!important}body .phone-display .journey{gap:7px}}
@media(prefers-reduced-motion:reduce){body .phone-display *{transition:none!important;scroll-behavior:auto!important}}
body .phone-display strong{color:inherit!important}
body .phone-display #message{color:var(--rr-ink)!important}
body .phone-display :is(input,select,textarea){color:var(--rr-ink)!important}
body .phone-display :is(.quantity-error,.rr-error,#intentError,#quantity-error){color:#a12b39!important;font-size:11px!important}
body .phone-display :is(#priceSummary,#printFinalSummary,.price-row,.print-send-panel>p){color:var(--rr-ink)!important}
body .phone-display p{color:var(--rr-muted)!important}
body .phone-display summary{color:var(--rr-ink)!important}