/* Superficies amplias, colores suaves y movimiento respetuoso. */
:root{--experience-shadow:0 14px 40px #3341550a}
body{min-height:100vh;background:linear-gradient(180deg,#f8faff 0,#fff 55%,#f6faf9 100%)}
.container-tienda{width:100%;max-width:none;padding-inline:clamp(16px,3vw,64px)}
.header-flotante,.header-flotante-inner{max-width:none}.header-flotante{width:100%;padding-inline:clamp(16px,3vw,64px)}
.card-flat{box-shadow:var(--experience-shadow);border-color:#e4e9f2;border-radius:22px}
.btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease;gap:8px}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 18px #33415514}.btn:active{transform:translateY(0) scale(.985)}.btn:disabled{transform:none;opacity:.55;cursor:not-allowed}
.input-flat{transition:border-color .2s,box-shadow .2s;background:#fcfdff}.input-flat:focus{border-color:#a5b4fc;box-shadow:0 0 0 4px #e0e7ff80;outline:none}
.producto-card:hover{box-shadow:0 18px 36px #64748b18}.producto-card img{transition:transform .6s cubic-bezier(.2,.75,.3,1),filter .6s}.producto-card:hover img{transform:scale(1.055);filter:saturate(1.08)}
.toast-container{position:fixed;top:20px;right:20px;bottom:auto;z-index:10000;width:min(410px,calc(100vw - 32px));display:grid;gap:12px;pointer-events:none}
.toast.notice-modern{max-width:none;width:100%;position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 26px;align-items:start;gap:12px;padding:18px 15px;border:1px solid #e0e7f0;border-radius:20px;background:#fffffff5;backdrop-filter:blur(14px);box-shadow:0 16px 48px #33415522;pointer-events:auto;overflow:hidden;animation:noticeIn .28s ease-out}
.notice-modern>i{height:42px;width:42px;display:grid;place-items:center;font-size:1.4rem;background:#e0e7ff;color:#4f46e5;border-radius:14px}.notice-modern.success>i{background:#dcfce7;color:#15803d}.notice-modern.error>i{background:#ffe4e6;color:#be123c}.notice-modern.warning>i{background:#fef3c7;color:#a16207}.notice-modern strong{display:block;font-size:.9rem}.notice-modern p{margin:5px 0 0;color:#596579;font-size:.85rem;line-height:1.5;overflow-wrap:anywhere}.notice-close{border:0;background:transparent;font-size:1.5rem;color:#64748b;cursor:pointer}.notice-action{font-size:.8rem;color:#4f46e5;font-weight:700;display:inline-block;margin-top:8px}.notice-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#a5b4fc;transform-origin:left;animation:noticeLife linear forwards}.notice-modern.success .notice-progress{background:#86efac}.notice-modern.error .notice-progress{background:#fda4af}.notice-modern.saliendo{animation:noticeOut .23s ease-in forwards}
.experience-confirm{border:1px solid #e5e7eb;width:min(94vw,460px);padding:30px;border-radius:26px;color:#26334b;box-shadow:0 28px 100px #1e293b35;animation:noticeIn .25s ease-out}.experience-confirm::backdrop{background:#26334b66;backdrop-filter:blur(6px)}.experience-confirm h2{font-weight:800;font-size:1.35rem;margin:18px 0 10px}.experience-confirm p{color:#64748b;font-size:.95rem;line-height:1.65}.confirm-emblem,.account-emblem{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#ede9fe;color:#7c3aed;font-size:1.8rem}.confirm-emblem{background:#ffe4e6;color:#be123c}.confirm-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.confirm-actions button{flex:1;justify-content:center}
.auth-shell.container-tienda{max-width:580px;padding-inline:20px}.auth-shell .card-flat{background:linear-gradient(145deg,#fff,#f8f7ff);padding:32px}.account-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-delete{border-color:#fecdd3;background:#fffafb}.account-delete-form{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end}.soft-reveal{opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s,box-shadow .25s}.soft-reveal.entered{opacity:1;transform:translateY(0)}
@keyframes noticeIn{from{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:none}}@keyframes noticeOut{to{opacity:0;transform:translateX(20px)}}@keyframes noticeLife{to{transform:scaleX(0)}}
@media(max-width:760px){.header-flotante{width:100%;padding-inline:16px}.account-layout{grid-template-columns:1fr}.account-heading{align-items:flex-start;flex-direction:column}.account-delete-form{grid-template-columns:1fr}.toast-container{top:12px;right:16px}.experience-confirm{padding:24px}.confirm-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.soft-reveal{opacity:1;transform:none}.notice-modern,.experience-confirm{animation:none!important}.notice-progress{animation:none;display:none}.btn,.producto-card,.producto-card img,.input-flat{transition:none!important}.btn:hover,.producto-card:hover img{transform:none}.notice-modern.saliendo{opacity:0}}

@media(min-width:1400px){.storefront-products{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}

@media(prefers-reduced-motion:no-preference){.producto-card.soft-reveal.entered:hover,.home-servicio.soft-reveal.entered:hover,.pedido-card.soft-reveal.entered:hover{transform:translateY(-4px)}}