/* Relieve suave basado en la tinta ciruela de Wualapp. El contraste no depende de la sombra. */
:root {
 --neo-fondo:#f1edf5;
 --neo-luz:#fff;
 --neo-sombra:#d9d1e1;
 --neo-relieve:8px 8px 20px #d9d1e1, -8px -8px 20px #fff;
 --neo-hundido:inset 3px 3px 7px #d9d1e1, inset -3px -3px 7px #fff;
 --lienzo:var(--neo-fondo);
}
body,.intro-statement,.servicio-portada,.directorio { background:var(--neo-fondo); }
.cabecera { background:#f1edf5f2; border-bottom:1px solid #d9d1e1; box-shadow:0 3px 18px #24102e08; }
.servicio { border-top-color:#d2c8dc; }
.servicio .icono { background:var(--neo-fondo); box-shadow:6px 6px 13px #d9d1e1,-6px -6px 13px #fff; border:1px solid #fff; border-radius:18px; }
.capa-casa,.alcance,.enlace-servicio,.precio:not(.destacado) { background:var(--neo-fondo); box-shadow:var(--neo-relieve); border:1px solid #ffffffd9; }
.capa-casa .n { box-shadow:inset 0 1px 1px #ffffff6b,2px 3px 5px #24102e20; }
.enlace-servicio,.capa-casa { transition:box-shadow .25s,transform .25s,border-color .25s; }
.enlace-servicio:hover { transform:translateY(-3px); box-shadow:12px 12px 24px #d9d1e1,-8px -8px 20px #fff; border-color:#b8a7c3; }
.enlace-servicio:active { transform:translateY(0); box-shadow:var(--neo-hundido); }
.boton-principal,.cinema-cta { box-shadow:inset 0 1px 1px #ffffff45,0 5px 12px #66006622; border:1px solid #630064; }
.boton-principal:hover,.cinema-cta:hover { box-shadow:inset 0 1px 1px #ffffff65,0 8px 16px #66006633; }
.boton:active,.cinema-cta:active { transform:translateY(1px); box-shadow:inset 2px 3px 6px #24102e50; }
.boton-secundario { background:var(--neo-fondo); color:var(--tinta); border:1px solid #9c8aa8; box-shadow:3px 3px 7px #d9d1e1,-3px -3px 7px #fff; }
form.idea { background:var(--neo-fondo); box-shadow:inset 1px 1px 0 #fff,12px 12px 30px #10061770; }
label.campo input,label.campo textarea { background:var(--neo-fondo); border:1px solid #86718e; box-shadow:var(--neo-hundido); }
label.campo input:focus,label.campo textarea:focus { border-color:#660066; box-shadow:inset 2px 2px 5px #d9d1e1,inset -2px -2px 5px #fff; }
.chips-lista span { background:var(--neo-fondo); box-shadow:3px 3px 6px #d9d1e1,-3px -3px 6px #fff; border:1px solid #86718e; }
.chips-lista input:checked+span { box-shadow:inset 2px 2px 5px #350035; }
.preguntas details { background:none; border-color:#cbbfd4; }
.preguntas summary::after { box-shadow:3px 3px 7px #d9d1e1,-3px -3px 7px #fff; border-radius:50%; }
.preguntas details[open] summary::after { box-shadow:var(--neo-hundido); }
/* Marco contemporáneo: vidrio continuo, bisel negro fino y un único canto de aluminio. */
.phone-hardware { width:284px; height:598px; border-radius:48px; padding:3px; background:linear-gradient(115deg,#d7d6da 0%,#818086 22%,#d3d2d7 48%,#626168 76%,#c0bfc5 100%); box-shadow:inset 0 0 0 1px #e8e7eb,4px 2px 0 -1px #6a686f,5px 3px 0 -1px #b0aeb5,24px 36px 60px #08030e8c; }
.phone-screen { border:5px solid #09090c; border-radius:45px; background:#f5f2f8; }
.phone-island { top:11px; width:65px; height:18px; border-radius:20px; box-shadow:inset 0 1px 1px #35343a; }
.phone-island:after { width:6px; height:6px; top:6px; right:7px; }
.phone-hardware::after { content:''; position:absolute; width:3px; height:63px; top:168px; right:-4px; border-radius:2px; background:linear-gradient(#c9c8cf,#77757d); box-shadow:1px 0 0 #303036; }
.phone-side { width:3px; left:-2px; top:120px; height:33px; background:linear-gradient(#b6b4be,#6a6870); }
.phone-side.side-two { top:167px; height:44px; }
.screen-reflection { background:linear-gradient(115deg,#ffffff0c,transparent 38%); opacity:.3; }
.demo-app { padding:15px 18px 20px; background:#f1edf5; }
.demo-status { margin-bottom:27px; }
.demo-booking { background:#f1edf5; border:1px solid #fff; box-shadow:4px 4px 9px #d9d1e1,-4px -4px 9px #fff; }
.demo-reserve { margin-top:18px; box-shadow:inset 0 1px 0 #ffffff50,3px 4px 8px #cdbdd5; }
.demo-nav { padding-top:14px; }
.demo-avatar,.demo-date { box-shadow:inset 2px 2px 4px #d8c8df,inset -2px -2px 4px #fff; background:#eee5f2; }
.phone-screen::after { content:''; position:absolute; bottom:5px; left:35%; width:30%; height:4px; background:#24102e; border-radius:4px; z-index:10; pointer-events:none; }
/* Los textos dentro de las miniaturas se leen sobre su propia superficie clara. */
.paso .app .app-saludo,.paso .app .app-seccion { color:#62516d; }
.paso .app .app-titulo { color:#24102e; }
:focus-visible { outline:3px solid #0068b2; outline-offset:4px; }
.cinema :focus-visible,.proceso :focus-visible,.cierre-servicio :focus-visible,.pie :focus-visible { outline-color:#65d5fa; }
@media(prefers-reduced-motion:reduce) { .enlace-servicio,.capa-casa{transition:none;}.enlace-servicio:hover{transform:none;} }
.interacciones-reducidas .enlace-servicio { transition:none; }
@media(forced-colors:active) { .alcance,.enlace-servicio,.capa-casa,.servicio .icono,.phone-hardware { border:1px solid CanvasText; } }

.despues { background:#291333; border:1px solid #44224f; box-shadow:8px 8px 18px #13051b,-5px -5px 15px #382043; }
.demo-art::after {content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#24102edb);pointer-events:none;}
.demo-art>span,.demo-art>b {z-index:1;}