/* Vista de la aplicación: el teléfono se convierte en el protagonista en móvil. */
.hero-stage{position:relative;min-height:640px;display:flex;align-items:center;justify-content:center}
.phone-frame{position:relative;width:292px;padding:13px;border:10px solid #172f37;border-radius:43px;background:#172f37;box-shadow:0 30px 70px rgba(24,58,70,.24),inset 0 0 0 2px #50636a;transform:rotate(3deg);z-index:2}
.phone-speaker{position:absolute;top:7px;left:50%;width:70px;height:6px;border-radius:10px;background:#08191f;transform:translateX(-50%);z-index:3}
.phone-screen{overflow:hidden;border-radius:27px;background:#f5faff;padding:20px 12px 15px}.phone-status{display:flex;justify-content:space-between;color:#607078;font-size:.62rem;font-weight:800}.phone-brand{text-align:center;color:#172f37;font-size:1.13rem;font-weight:900;margin:8px 0 2px;letter-spacing:-.05em}.phone-brand span{color:var(--coral);font-size:1rem}.phone-weather{text-align:center;color:#607078;font-size:.58rem;margin-bottom:11px}.phone-greeting{background:#fff;border-radius:13px;padding:9px;box-shadow:0 3px 8px rgba(24,58,70,.08);font-size:.62rem;text-align:center}.phone-greeting strong{display:block;margin-bottom:7px}.phone-greeting button,.phone-tool{font:inherit;border:0;cursor:pointer}.phone-greeting button{width:100%;border-radius:8px;background:#0878d1;color:white;font-weight:900;padding:8px 4px}.phone-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.phone-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;border-radius:13px;color:#fff;font-size:.65rem;transition:transform .18s,filter .18s}.phone-tool:hover,.phone-tool:focus-visible{transform:scale(1.04);filter:brightness(1.08)}.phone-tool span{font-size:1.45rem;line-height:1}.phone-blue{background:#0878d1}.phone-green{background:#159948}.phone-red{background:#df091b}.phone-orange{background:#eea900}.phone-settings{background:#647782}.phone-home{width:72px;height:4px;border-radius:8px;background:#87969b;margin:10px auto 0}.phone-hint{position:absolute;bottom:5px;margin:0;color:var(--muted);font-size:.82rem;font-weight:700;background:#fff8;padding:5px 11px;border-radius:99px;z-index:3}
.granny-illustration{position:absolute;left:-30px;bottom:55px;width:175px;text-align:center;color:#a55b4c;font-size:.72rem;font-weight:800;z-index:3;transform:rotate(-6deg)}.granny-illustration svg{display:block;width:145px;height:170px;margin:auto;filter:drop-shadow(0 9px 8px rgba(38,50,56,.1))}.granny-hair{fill:#d9b08b}.granny-face{fill:#ffd8bb}.granny-body{fill:#f47c68}.scarf{fill:#f2c65d}.glasses{fill:none;stroke:#263238;stroke-width:4}.glasses-bridge,.smile{fill:none;stroke:#263238;stroke-width:3;stroke-linecap:round}.eye{fill:#263238}.granny-side{opacity:.9}.granny-side.right{transform:translateX(3px)}
@media(max-width:850px){.hero-stage{min-height:630px;margin-top:10px}.hero{gap:35px}.tool-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.hero{padding-top:42px;padding-bottom:55px}.hero-stage{min-height:610px;margin-top:5px}.phone-frame{width:278px;transform:rotate(0)}.phone-screen{padding-inline:11px}.granny-illustration{left:calc(50% - 185px);bottom:45px;transform:rotate(-6deg) scale(.8);transform-origin:bottom center}.phone-hint{bottom:2px;font-size:.72rem}}