/* Revisión local. La aplicación y el circuito de pago conservan su código. */
:root{--paper:#f3e7d7;--ink:#494640;--brand:#a13f2b}
.cover-copy h1{color:var(--ink)}
.cover-copy p{color:#504a42;line-height:1.5}
.family-scene{mask-image:linear-gradient(to bottom,#000 90%,transparent 100%)}
.family-scene:after{background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 23%,#f3e7d7ee 32%,#f3e7d738 44%,transparent 56%)}
.family-scene img{object-position:68% 44%}
.live-object iframe{rotate:-2deg;transform-origin:50% 50%}
.live-object:focus-within iframe{rotate:0deg}
.device-message{color:#454a42;font-size:15px}
.phone-tools{background:#fff9ee;border-color:#d9c9b3;box-shadow:none}
.quality-tab{font-size:15px;color:#35483f;text-underline-offset:4px}
.product h2{color:#49443d}
@media(min-width:801px){
 .cover-copy{left:37%;width:27%;max-width:350px}
 .cover-copy h1{font-size:clamp(35px,3.1vw,50px);line-height:1.08;letter-spacing:-.045em}
 .cover-copy p{font-size:clamp(16px,1.3vw,20px);max-width:300px;margin-top:22px}
 .products{left:38%;right:3%;gap:30px}
 .family-scene{width:60%}
 .product-photo,.albums .product-photo,.single-print img{max-width:260px}
 .product h2{font-size:clamp(19px,1.7vw,25px)}
}
@media(min-width:801px) and (max-width:1100px){
 .cover-copy{left:38%;width:31%}.cover-copy h1{font-size:34px}
 .cover-copy p{font-size:16px;max-width:235px}.products{gap:16px}
}
@media(max-width:800px){
 .cover{padding:0 22px 36px}
 .cover-copy{order:1;transform:none;margin:6px 0 24px;padding:0!important;max-width:none;text-align:left}
 .cover-copy h1{font-size:38px;max-width:350px}
 .cover-copy p{margin:16px 0 0!important;max-width:310px!important}
 .family-scene{order:0;position:relative;inset:auto;width:calc(100% + 44px);height:245px;flex:none;margin:0 -22px 18px;opacity:1;z-index:0;mask-image:linear-gradient(#000 88%,transparent)}
 .family-scene img{object-position:65% 45%}
 .family-scene:after{background:none!important}
 .live-anchor{order:2;margin-top:8px}
 .products{order:3}
 .live-object iframe{rotate:-1.2deg}
 .cover-copy{padding-inline:8px}
 .cover-copy p{max-width:300px;margin:16px auto 0}
 .device-message{font-size:14px;max-width:310px}
 .family-scene:after{background:linear-gradient(90deg,#f3e7d7 0%,#f3e7d724 25%,transparent 50%)}
}
@media(prefers-reduced-motion:reduce){.live-object iframe{rotate:0deg}}