@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,wght@0,600;0,700;1,600&display=swap');

:root{--vino:#94203e;--fresa:#ae2147;--rosa:#fce9ed;--tinta:#38242a;--suave:#78666b;--borde:#eadde0;--verde:#166348;--fondo:#fffafa;--radio:20px;font-family:'DM Sans',Arial,sans-serif;color:var(--tinta);background:var(--fondo);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a,button,input,textarea,summary{outline-offset:4px}:focus-visible{outline:3px solid #3768b8}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{overflow-wrap:anywhere}h1,h2{font-family:'Fraunces',Georgia,serif}p{line-height:1.6}img{display:block}fieldset{min-width:0}.ancho{width:min(1200px,calc(100% - 64px));margin-inline:auto}.franja{text-align:center;background:var(--fresa);color:#fff;padding:9px 12px;font-size:.75rem;letter-spacing:.16em;font-weight:700}.franja span{margin-left:14px}.cabecera{display:flex;align-items:center;justify-content:space-between;padding-block:20px}.marca{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--fresa);font-family:'Fraunces',Georgia,serif;font-size:1.8rem;font-weight:700;letter-spacing:-.05em}.marca img{object-fit:cover;border-radius:50%;width:62px;height:62px}.marca-sub{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:.65rem;letter-spacing:.19em;margin-top:3px;color:var(--suave)}.contacto{text-decoration:none;font-size:.875rem;font-weight:700;padding:12px 18px;border:1px solid var(--borde);border-radius:30px}.contacto span{margin-left:16px}.bienvenida{min-height:294px;border-radius:26px;background:var(--rosa);display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;position:relative}.bienvenida-texto{padding:34px 42px;z-index:1}.sobretexto{font-size:.7rem;letter-spacing:.16em;font-weight:700;color:var(--fresa)}h1{font-size:clamp(2.5rem,4.8vw,3.9rem);line-height:1.06;letter-spacing:-.055em;color:var(--vino);margin:12px 0 14px}h1 em{font-weight:600} .bienvenida p{font-size:.94rem;color:#754d59}.modalidades{display:inline-block;margin-top:19px;font-size:.8rem;color:var(--vino);font-weight:500}.modalidades span{margin:0 9px}.bienvenida-foto{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 78%,#e9bdc88a,transparent 65%)}.recorte-vaso{overflow:hidden;position:absolute;width:215px;height:290px}.recorte-vaso img{position:absolute;width:260%;height:260%;object-fit:contain;max-width:none;left:-80%;top:-77%;filter:drop-shadow(0 12px 10px #56213026)}.vaso-uno{left:0;top:22px;transform:rotate(-10deg);z-index:1}.vaso-dos{left:38%;top:-13px;transform:rotate(10deg)}.corazon{font-family:Georgia,serif;color:var(--fresa);font-size:90px;position:absolute;top:12px;left:5%;transform:rotate(-18deg)}.sello{position:absolute;right:18px;bottom:18px;background:#fff9f0;color:var(--vino);font-family:'Fraunces',Georgia,serif;border:1px dashed #c57889;border-radius:50%;padding:19px 17px;text-align:center;font-size:1rem;transform:rotate(10deg);z-index:2}.categorias{position:sticky;top:0;background:#fffafaf5;backdrop-filter:blur(10px);z-index:5;display:flex;gap:10px;overflow:auto;padding:22px 0;margin-bottom:12px;scrollbar-width:thin}.categorias a{white-space:nowrap;text-decoration:none;font-size:.875rem;border:1px solid var(--borde);border-radius:30px;padding:11px 18px;background:#fff;font-weight:500}.categorias a:hover,.categorias a:focus-visible{background:var(--rosa);border-color:#dc9dae}.distribucion{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;align-items:start}h2{font-size:1.8rem;letter-spacing:-.035em}.seccion-cabecera{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:12px 0 26px}.seccion-cabecera h2{margin-top:7px}.moneda{color:var(--suave);font-size:.75rem;white-space:nowrap}.categoria{margin-bottom:32px;scroll-margin-top:85px}.categoria-titulo{font-family:'DM Sans',Arial,sans-serif;font-size:1.03rem;letter-spacing:0;margin-bottom:15px;display:flex;gap:10px;align-items:center}.categoria-titulo:after{content:'';flex:1;height:1px;background:var(--borde);margin-left:6px}.productos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.producto{border:1px solid var(--borde);border-radius:var(--radio);background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.producto:hover{box-shadow:0 8px 25px #68132d0c;transform:translateY(-2px)}.producto-foto{height:145px;background:#f9edf0;position:relative;overflow:hidden}.producto:nth-child(even) .producto-foto{background:#f8eee7}.producto-foto .recorte-vaso{width:170px;height:195px;top:-25px;left:calc(50% - 85px);transform:rotate(-7deg)}.producto-foto .recorte-vaso img{filter:drop-shadow(0 5px 4px #56213012)}.tamano{position:absolute;top:12px;left:12px;font-size:.75rem;font-weight:700;border:1px solid #fff;background:#ffffffbf;border-radius:20px;padding:5px 10px;z-index:1}.producto-cuerpo{padding:18px;display:flex;flex-direction:column;flex:1}.producto h3{font-size:1.07rem;line-height:1.3;margin-bottom:8px;font-weight:700;letter-spacing:-.025em}.producto p{font-size:.85rem;color:var(--suave);margin-bottom:18px}.producto-pie{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.precio{font-size:1.13rem;letter-spacing:-.03em}.agregar{border:0;background:var(--rosa);color:var(--fresa);font-size:.82rem;font-weight:700;border-radius:24px;padding:11px 14px;min-height:44px}.agregar:hover{background:var(--fresa);color:#fff}.promo{grid-column:1/-1;background:var(--fresa);color:#fff;position:relative}.promo .producto-cuerpo{padding:22px 24px}.promo h3{font-family:'Fraunces',Georgia,serif;font-size:1.65rem;margin-top:8px}.promo p{color:#ffe3eb;margin-bottom:14px}.promo .precio{font-size:1.5rem}.promo .agregar{background:#fff;color:var(--fresa)}.etiqueta{font-size:.67rem;letter-spacing:.16em;font-weight:700}.emoji-producto{font-size:1.8rem;margin-bottom:12px}.pedido{position:sticky;top:86px;background:#fff;border:1px solid var(--borde);border-radius:22px;padding:23px;box-shadow:0 6px 24px #5e283805;scroll-margin-top:90px}.pedido-titulo{display:flex;align-items:center;justify-content:space-between;gap:10px}.pedido h2{font-size:1.6rem}.contador{border-radius:50%;min-width:27px;min-height:27px;padding:5px;background:var(--rosa);text-align:center;font-size:.75rem;font-weight:700;color:var(--fresa)}.vacio{text-align:center;padding:28px 8px;color:var(--suave)}.vacio span{font-size:2.4rem;display:block;margin-bottom:8px}.vacio p{font-size:.875rem}.vacio strong{display:block;font-size:.95rem;margin-bottom:5px;color:var(--tinta)}.total-fila{padding-block:20px;border-top:1px dashed var(--borde);display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.83rem}.total-fila strong{font-size:1.3rem}.entrega-opciones{padding:0;margin:0 0 18px;border:0;display:flex;gap:8px}.entrega-opciones legend{font-size:.82rem;font-weight:700;margin-bottom:10px}.entrega-opciones label{display:flex;align-items:center;gap:6px;background:#fffafa;padding:10px 8px;border:1px solid var(--borde);border-radius:10px;font-size:.76rem;flex:1;cursor:pointer;min-height:44px}.entrega-opciones label:has(:checked){border-color:var(--fresa);background:var(--rosa);color:var(--fresa)}input[type=radio],input[type=checkbox]{accent-color:var(--fresa);width:17px;height:17px;flex-shrink:0;margin:0}.campo{font-size:.83rem;font-weight:600;display:block;margin-bottom:15px}.campo span{font-weight:400;color:var(--suave)}.campo input,.campo textarea{display:block;width:100%;border:1px solid var(--borde);border-radius:10px;padding:12px;margin-top:7px;background:#fff;color:var(--tinta);font-size:1rem}.campo textarea{min-height:75px;resize:vertical}.campo input::placeholder,.campo textarea::placeholder{font-size:.83rem;color:#89777d}.nota{font-size:.81rem;color:var(--suave);line-height:1.6;margin-bottom:15px}.boton{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:0;border-radius:12px;background:var(--fresa);color:#fff;padding:15px 20px;font-weight:700;font-size:.94rem;min-height:48px}.boton:hover{filter:brightness(.94)}.whatsapp{background:var(--verde);width:100%}.pie-pedido{text-align:center;font-size:.73rem;color:var(--suave);margin-top:11px}.linea-carrito{padding:18px 0;border-bottom:1px solid var(--borde)}.linea-titulo{display:flex;justify-content:space-between;gap:10px;font-size:.9rem}.linea-detalle{white-space:pre-line;font-size:.77rem;color:var(--suave);margin:7px 0;overflow-wrap:anywhere;line-height:1.5}.linea-acciones{display:flex;align-items:center;gap:10px;justify-content:space-between}.texto-boton{border:0;background:none;padding:8px 0;color:var(--fresa);font-size:.77rem;min-height:40px}.pasos{display:flex;align-items:center;gap:7px;border:1px solid var(--borde);border-radius:25px;padding:2px;background:#fff}.pasos button{width:34px;min-height:36px;border:0;background:none;border-radius:50%;color:var(--fresa);font-size:1.1rem}.pasos button:hover{background:var(--rosa)}.pasos output{min-width:20px;text-align:center;font-size:.9rem}.pie{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--borde);padding-block:30px;margin-top:35px;margin-bottom:10px;gap:20px}.pie strong{font-family:'Fraunces',Georgia,serif;color:var(--fresa);font-size:1.4rem}.pie p{font-size:.8rem;color:var(--suave);margin-top:7px}.pie a{font-size:.88rem;text-decoration:none;font-weight:600}.carrito-movil{display:none}.saltar{position:fixed;top:-100px;left:16px;padding:14px;background:white;z-index:30}.saltar:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.aviso{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--tinta);color:#fff;border-radius:40px;z-index:20;font-size:.86rem;padding:12px 22px;box-shadow:0 4px 15px #0002;pointer-events:none;opacity:0;transition:opacity .15s;max-width:90vw;text-align:center}.aviso.visible{opacity:1}body:has(dialog[open]){overflow:hidden}
dialog{padding:0;border:1px solid var(--borde);border-radius:24px;width:min(590px,calc(100% - 28px));max-height:90dvh;max-height:90vh;color:var(--tinta);background:#fffafa;box-shadow:0 24px 100px #35121c33}dialog::backdrop{background:#30172380;backdrop-filter:blur(4px)}.dialogo-cabecera{display:flex;justify-content:space-between;align-items:start;gap:18px;padding:24px;border-bottom:1px solid var(--borde);background:#fffafa;position:sticky;top:0;z-index:2}.dialogo-cabecera h2{font-size:1.65rem;margin-top:7px}.cerrar{border:1px solid var(--borde);background:white;min-width:40px;height:40px;border-radius:50%;font-size:1.5rem;color:var(--tinta)}.dialogo-cuerpo{padding:22px 24px}.dialogo-pie{display:flex;gap:12px;justify-content:space-between;position:sticky;bottom:0;background:#fffafa;padding:16px 24px;border-top:1px solid var(--borde);z-index:2}.dialogo-pie .boton{flex:1}.selecciones{border:0;margin:0 0 25px;padding:0}.selecciones legend{font-weight:700;font-size:.93rem;margin-bottom:10px}.selecciones legend span{color:var(--suave);font-size:.8rem;font-weight:400}.opciones{display:grid;grid-template-columns:1fr 1fr;gap:8px}.opcion{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--borde);border-radius:10px;padding:12px;font-size:.84rem;min-height:46px;cursor:pointer}.opcion:has(:checked){background:var(--rosa);border-color:var(--fresa)}.opcion:has(:disabled){opacity:.5;cursor:not-allowed}.vaso-seleccion{padding-top:8px}.vaso-seleccion h3{font-size:1rem;color:var(--fresa);padding-bottom:12px}.extras{margin-bottom:24px;border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);padding:14px 0}.extras summary{font-size:.87rem;font-weight:700;cursor:pointer;min-height:30px}.extras .nota{margin-top:9px}.extra-fila{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:9px 0;font-size:.87rem}.resumen-acciones{padding:0 24px 24px;display:grid;gap:10px}.secundario{background:#fff;color:var(--fresa);border:1px solid var(--borde)}#mensaje{width:100%;height:310px;resize:vertical;border:1px solid var(--borde);border-radius:12px;padding:16px;line-height:1.6;font:inherit;font-size:.87rem;margin:16px 0;background:white;color:var(--tinta)}#copia-estado{font-size:.8rem;text-align:center;color:var(--verde)}
@media(min-width:1300px){.bienvenida-foto{margin-right:35px}.bienvenida{min-height:310px}.vaso-uno{left:10%;top:32px}.vaso-dos{left:47%;top:2px}}
@media(max-width:1000px){.ancho{width:calc(100% - 40px)}.distribucion{gap:20px;grid-template-columns:minmax(0,1fr) 300px}.pedido{padding:18px}.bienvenida-texto{padding:30px}.vaso-dos{left:30%}.sello{right:5px;font-size:.8rem}.producto-cuerpo{padding:15px}.producto-pie{flex-wrap:wrap}.categorias a{padding:10px 14px}}
@media(max-width:760px){.ancho{width:calc(100% - 32px)}.franja{font-size:.61rem;padding:9px 6px;letter-spacing:.1em}.cabecera{padding-block:16px}.marca{font-size:1.5rem}.marca img{width:49px;height:49px}.marca-sub{font-size:.55rem}.contacto{font-size:.8rem;padding:10px 14px}.contacto span{margin-left:5px}.bienvenida{min-height:245px;grid-template-columns:1.15fr 1fr;border-radius:20px}.bienvenida-texto{padding:25px 0 25px 23px}.sobretexto{font-size:.62rem;letter-spacing:.12em}h1{font-size:2.6rem;line-height:1.05;margin-top:11px}.bienvenida p{font-size:.8rem;max-width:170px}.modalidades{font-size:.68rem;margin-top:14px}.modalidades span{margin:0 3px}.bienvenida-foto .vaso-uno{width:160px;height:240px;left:-5px;top:38px;transform:rotate(8deg)}.bienvenida-foto .vaso-dos{display:none}.corazon{font-size:58px;left:32px;top:1px}.sello{font-size:.68rem;padding:10px;bottom:12px;right:8px}.categorias{padding-block:16px;margin-bottom:8px;gap:8px}.categorias a{font-size:.78rem;padding:10px 13px}.distribucion{display:block}.seccion-cabecera{margin:12px 0 22px}.seccion-cabecera h2{font-size:1.7rem}.moneda{font-size:.67rem}.productos{gap:12px}.producto h3{font-size:1rem}.producto p{font-size:.81rem;margin-bottom:15px}.producto-cuerpo{padding:14px}.producto-foto{height:125px}.producto-foto .recorte-vaso{width:140px;height:170px;left:calc(50% - 70px);top:-25px}.producto-pie{gap:9px}.precio{font-size:1.05rem}.agregar{font-size:.78rem;padding:9px 12px}.promo .producto-cuerpo{padding:20px}.promo h3{font-size:1.5rem}.promo .producto-pie{flex-wrap:nowrap}.categoria-titulo{font-size:.93rem}.pedido{position:static;margin-top:20px;padding:24px;scroll-margin-top:85px}.entrega-opciones label{font-size:.86rem;padding:13px}.campo{font-size:.9rem}.nota{font-size:.86rem}.pie-pedido{font-size:.8rem}.linea-detalle{font-size:.84rem}.linea-titulo{font-size:1rem}.texto-boton{font-size:.85rem}.pie{align-items:start;flex-direction:column;gap:14px;margin-bottom:90px}.pie p{font-size:.77rem}.carrito-movil{display:flex;position:fixed;bottom:12px;bottom:calc(12px + env(safe-area-inset-bottom));left:16px;right:16px;z-index:8;justify-content:space-between;align-items:center;padding:17px 22px;border-radius:16px;background:var(--fresa);color:white;text-decoration:none;box-shadow:0 6px 28px #7b193b44;font-size:.95rem}.carrito-movil b{display:inline-block;margin-left:7px;background:#ffffff26;padding:2px 8px;border-radius:14px;font-size:.75rem}.aviso{bottom:90px}.dialogo-cabecera{padding:20px}.dialogo-cuerpo{padding:20px}.dialogo-pie{padding:14px 16px}.dialogo-pie .boton{font-size:.83rem;padding:13px 8px}.opcion{font-size:.82rem;padding:11px 9px}.dialogo-cabecera h2{font-size:1.5rem}dialog{border-radius:20px;max-height:92dvh}.pasos button{min-height:40px}.resumen-acciones{padding:0 20px 20px}}
@media(max-width:360px){.bienvenida-texto{padding-left:17px}h1{font-size:2.25rem}.bienvenida-foto .vaso-uno{left:-19px}.sello{right:0}.marca-sub{letter-spacing:.1em}.productos{gap:9px}.producto-cuerpo{padding:12px}.producto-pie{align-items:start;flex-direction:column}.promo .producto-pie{flex-direction:row;align-items:center}.moneda{white-space:normal;text-align:right}.opciones{grid-template-columns:1fr}}
@media(max-width:760px){.bienvenida{grid-template-columns:1.35fr 1fr}.bienvenida h1{font-size:clamp(1.85rem,8.5vw,2.4rem);white-space:nowrap}.bienvenida-foto .vaso-uno{width:140px;height:220px;left:-12px;top:35px}.producto p{font-size:.875rem}.sello{font-size:.65rem}.corazon{left:20px}.opcion,.extra-fila{font-size:.875rem}}
@media(min-width:761px){.pedido{max-height:calc(100dvh - 106px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d7afb9 transparent}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.producto:hover{transform:none}}
.foto-catalogo{width:100%;height:100%;object-fit:contain;padding:8px}.producto-foto{position:relative}.promo .producto-foto{height:145px}