.case-stage{background:radial-gradient(70% 55% at 50% 100%,#ffc23329,#0000 70%),linear-gradient(#faf8f6,#f2eee9)}.case-pos-laptop{width:84%;top:9%;left:3%}.case-pos-tablet{width:78%;top:9%;left:4%}.case-pos-phone{width:40%;bottom:5%;right:5%}@media (min-width:640px){.case-pos-laptop{width:76%;top:auto;bottom:13%;left:6%}.case-pos-tablet{width:68%;top:auto;bottom:12%;left:8%}.case-pos-phone{width:19%;bottom:7%;right:7%}}@media (min-width:1024px){:is(.case-sheet,.case-wide) .case-pos-laptop{width:64%;bottom:11%;left:13%}:is(.case-sheet,.case-wide) .case-pos-tablet{width:58%;bottom:10%;left:15%}:is(.case-sheet,.case-wide) .case-pos-phone{width:15%;bottom:7%;right:13%}}.case-lift{transition:translate var(--t-lift) var(--ease-out), scale var(--t-lift) var(--ease-out)}.case-lift:after{content:"";border-radius:inherit;box-shadow:var(--shadow-lift);opacity:0;pointer-events:none;transition:opacity var(--t-lift) var(--ease-out);position:absolute;inset:0}.case-tilt{transition:transform .5s var(--ease-out)}.case-main,.case-phone{transition:translate .45s var(--ease-out)}.case-horizon{inset-inline:0;background:var(--sun);transform-origin:100%;height:3px;transition:transform var(--t-step) var(--ease-out);position:absolute;bottom:0;transform:scaleX(0)}.case-arrow{transition:translate var(--t-lift) var(--ease-out)}@media (hover:hover) and (pointer:fine){.case-card:hover .case-lift:after{opacity:1}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.case-card:hover .case-lift{translate:0 calc(var(--lift) * -1)}.case-card:hover .case-main{transition-duration:var(--t-push);translate:0 -4px}.case-card:hover .case-phone{transition-duration:var(--t-push);translate:0 -10px}.case-card:hover .case-horizon{transform-origin:0;transform:scaleX(1)}.case-card:hover .case-arrow{translate:4px}}.case-card:has(.case-open:focus-visible) .case-lift:after{opacity:1}@media (prefers-reduced-motion:no-preference){.case-card:active .case-lift{transition-duration:var(--t-lift), var(--t-press);scale:.985}}.case-dialog{overscroll-behavior:contain;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto}.case-dialog::backdrop{background:#1a141173}.case-sheet{background:#fff;min-height:100%;padding:8px 8px 24px;position:relative}@media (min-width:768px){.case-sheet{border-radius:30px;width:min(100% - 3rem,74rem);min-height:0;margin:1.5rem auto;padding:10px 10px 28px;box-shadow:0 40px 120px -30px #1a14118c}}.case-close{z-index:5;border:1px solid var(--line);width:44px;height:44px;color:var(--text);box-shadow:var(--shadow-rest);background:#fffffff0;border-radius:999px;place-items:center;display:grid;position:absolute;top:18px;right:18px}@supports not (view-transition-name:none){@media (prefers-reduced-motion:no-preference){.case-dialog[open] .case-sheet{animation:hoja-entra var(--t-swap) var(--ease-out) both}}}@keyframes hoja-entra{0%{opacity:0;transform:translateY(8px)}}::view-transition-group(*){animation-duration:.38s;animation-timing-function:cubic-bezier(.77,0,.175,1)}::view-transition-old(*){object-fit:cover;object-position:50% 100%;height:100%}::view-transition-new(*){object-fit:cover;object-position:50% 100%;height:100%}::view-transition-old(root){animation-duration:.16s}::view-transition-new(root){animation-duration:.24s}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}