
/* Acabado físico del dispositivo. La pantalla conserva la aplicación real. */
body#rrCinemaApp.desk-scene.rr-cinema .phone-shell{
 background:repeating-linear-gradient(94deg,#ffffff04 0 1px,transparent 1px 3px),linear-gradient(116deg,#a3a69c 0%,#303731 3%,#101611 14%,#4c554c 52%,#171e18 85%,#bdc0b3 98%,#424a42 100%)!important;
 border:1px solid #414841!important;
 box-shadow:inset 1px 1px 1px #e6ead8bb,inset -1px -1px 2px #030704,0 0 0 1px #0a100b,2px 4px 0 #101711,4px 7px 2px #050a07aa,0 5px 9px #0006,10px 25px 34px #0005,22px 42px 58px #0003!important;
}
body#rrCinemaApp.desk-scene.rr-cinema .phone-display{
 border-color:#060a07!important;
 box-shadow:0 0 0 1px #030604,inset 0 0 0 1px #c7d3be38,inset 1px 0 2px #f1f7e521!important;
}
body#rrCinemaApp.desk-scene.rr-cinema .phone-display::after{
 content:'';position:absolute;inset:0;z-index:70;pointer-events:none;border-radius:inherit;
 background:linear-gradient(90deg,#cde0c514,transparent 1.2%,transparent 97.5%,#edf4db29 99%,#fff8df12 100%)!important;
 box-shadow:inset 0 1px 1px #ffffff28,inset 0 -1px 2px #0008;
}
body#rrCinemaApp.desk-scene.rr-cinema .phone-shell::before,body#rrCinemaApp.desk-scene.rr-cinema .phone-shell::after{
 background:linear-gradient(90deg,#080c0a,#6d786b 38%,#a1a997 53%,#242d25 72%,#090d0a)!important;border:1px solid #1b241b;
 box-shadow:1px 1px 1px #d6dfc752,0 2px 2px #0006!important;
}
body#rrCinemaApp.desk-scene.rr-cinema .phone-shell::before{box-shadow:1px 1px 1px #d6dfc752,0 59px 0 #394639,0 60px 1px #0008!important}
body#rrCinemaApp.desk-scene.rr-cinema .phone-camera{
 background:linear-gradient(180deg,#020403,#090c09)!important;
 box-shadow:inset 0 1px 1px #000,inset 0 -1px 1px #ffffff12,0 0 0 1px #48513f55!important;
}
body#rrCinemaApp.desk-scene.rr-cinema .phone-camera::after{
 background:radial-gradient(circle at 38% 32%,#657b8b 0%,#283d45 16%,#080f13 39%,#020404 64%,#111a15 72%,#030604 86%)!important;
 box-shadow:0 0 0 1px #1a261e,inset 0 0 2px #000;
}
/* Encabezado limpio y centrado, sin la fotografía de ejemplo. */
body#rrCinemaApp.rr-integrated-entry .phone-display .welcome-visual{display:none!important}
body#rrCinemaApp.rr-integrated-entry[data-copy-stage=calculate] .phone-display .welcome-heading{display:block!important;padding:0 18px!important;margin:3px 0 0!important;text-align:center!important}
body#rrCinemaApp.rr-integrated-entry[data-copy-stage=calculate] .phone-display .welcome-heading .intro{padding:0!important;margin:0 auto!important;min-width:0;width:100%;text-align:center!important}
body#rrCinemaApp.rr-integrated-entry[data-copy-stage=calculate] .phone-display .intro h1{font-size:24px!important;line-height:1.08!important;margin:0 0 5px!important;letter-spacing:-.4px!important;text-align:center!important}
body#rrCinemaApp.rr-integrated-entry[data-copy-stage=calculate] .phone-display .integrated-intro-copy{font-size:12px!important;line-height:1.35!important;margin:0 auto!important;max-width:29ch!important;text-align:center!important}
body#rrCinemaApp.rr-integrated-entry .phone-display .app-brand{padding-top:10px!important;padding-bottom:10px!important}
body#rrCinemaApp.rr-integrated-entry .phone-display .journey{margin-top:8px!important;margin-bottom:12px!important}

/* Marco fotográfico con transparencia real; no contiene la interfaz. */
body#rrCinemaApp.desk-scene.rr-cinema .phone-shell.rr-product-phone{
 padding:var(--rr-screen-y,18px) var(--rr-screen-x,16px) var(--rr-screen-bottom,15px)!important;background:transparent!important;border:0!important;box-shadow:none!important;isolation:isolate;
}
body#rrCinemaApp.desk-scene.rr-cinema .phone-shell.rr-product-phone::before,body#rrCinemaApp.desk-scene.rr-cinema .phone-shell.rr-product-phone::after{display:none!important}
body#rrCinemaApp.desk-scene.rr-cinema .rr-phone-product{
 position:absolute;max-width:none!important;left:-5.10204%;top:-1.6543%;width:110.20408%;height:103.82345%;z-index:-1;pointer-events:none;object-fit:fill;filter:drop-shadow(0 5px 5px #0005) drop-shadow(9px 19px 20px #0004);border:0!important;
}
body#rrCinemaApp.desk-scene.rr-cinema .phone-shell.rr-product-phone .phone-display{border:0!important;border-radius:calc(var(--rr-screen-x,16px)*2.45)!important;box-shadow:none!important}
/* En la portada, reservar también la última línea del total dentro del teléfono. */
html.embedded body#rrCinemaApp.rr-integrated-entry .phone-display .app-brand{padding-top:8px!important;padding-bottom:8px!important}
html.embedded body#rrCinemaApp.rr-integrated-entry .phone-display .journey{margin-bottom:8px!important}

/* El marco decorativo no debe ensanchar las pantallas de revisión y datos. */
@media(max-width:800px){html:not(.embedded) body#rrCinemaApp:not([data-copy-stage="calculate"]) .rr-phone-product{display:none!important}}


/* La decoración del teléfono se usa en portada, no sobre el área ampliada. */
body#rrCinemaApp.workspace-view .rr-phone-product{display:none!important}
body#rrCinemaApp.workspace-view .phone-shell.rr-product-phone{padding:0!important;background:transparent!important}
body#rrCinemaApp.workspace-view .phone-shell.rr-product-phone .phone-display{border-radius:0!important}
html body#rrCinemaApp.desk-scene.rr-cinema.workspace-view :is(.phone-shell,.phone-display,.phone-scroll){border-radius:0!important}
html body#rrCinemaApp.desk-scene.rr-cinema.workspace-view .scene{background:#151c18!important}
html body#rrCinemaApp.workspace-view .rr-window-tools,html body#rrCinemaApp.workspace-view .rr-window-status{display:none!important}
