/* ===== Delicias La K'trina · estilos compartidos ===== */
:root{
  --crema:#fff7ea; --papel:#fbe9cf; --tinta:#2a1810; --tinta-2:#5c4033;
  --rosa:#e4007c; --naranja:#f47b20; --amarillo:#ffc21a; --turquesa:#00a19a;
  --verde:#2e9e4f; --morado:#6d2b8f; --azul:#1f4fa0; --rojo:#d7262e;
  --r:18px; --head:64px; --safe-b:env(safe-area-inset-bottom,0px);
  --talavera:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect width='48' height='48' fill='%23fdf8ef'/%3E%3Cg fill='%231f4fa0'%3E%3Ccircle r='11'/%3E%3Ccircle cx='48' r='11'/%3E%3Ccircle cy='48' r='11'/%3E%3Ccircle cx='48' cy='48' r='11'/%3E%3Cpath d='M24 7l4 13 13 4-13 4-4 13-4-13-13-4 13-4z'/%3E%3C/g%3E%3Cg fill='%23ffc21a'%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3Ccircle r='4'/%3E%3Ccircle cx='48' r='4'/%3E%3Ccircle cy='48' r='4'/%3E%3Ccircle cx='48' cy='48' r='4'/%3E%3C/g%3E%3Cg fill='%23e4007c'%3E%3Ccircle cx='24' cy='4' r='2'/%3E%3Ccircle cx='24' cy='44' r='2'/%3E%3Ccircle cx='4' cy='24' r='2'/%3E%3Ccircle cx='44' cy='24' r='2'/%3E%3C/g%3E%3C/svg%3E");
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{margin:0;background:var(--crema);color:var(--tinta);font:400 16.5px/1.5 Nunito,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.slab{font-family:"Alfa Slab One",Rockwell,serif;font-weight:400;letter-spacing:.005em;line-height:1.02}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* franja de talavera */
.talavera{height:22px;background:var(--talavera) 0 0/22px 22px;border-top:3px solid var(--azul);border-bottom:3px solid var(--azul)}

/* papel picado */
.papel{height:74px;overflow:hidden;position:relative;pointer-events:none}
.papel svg{position:absolute;left:50%;top:0;transform:translateX(-50%)}
.papel .f{transform-box:fill-box;transform-origin:50% 0;animation:sway 4s ease-in-out infinite alternate}
@keyframes sway{from{transform:rotate(-2deg)}to{transform:rotate(2deg)}}

/* encabezado */
.top{position:sticky;top:0;z-index:40;height:var(--head);background:var(--crema);border-bottom:3px solid var(--tinta)}
.top .wrap{height:100%;display:flex;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto;min-width:0}
.brand img{width:48px;height:48px;object-fit:contain}
.brand span{font-family:"Alfa Slab One",serif;font-size:clamp(15px,4.3vw,19px);line-height:1;white-space:nowrap}
.brand small{display:block;font:800 11px/1.2 Nunito,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--rosa);margin-top:3px}
.nav{display:none;gap:22px;font-weight:800}
.nav a:hover{color:var(--rosa)}
.pill{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 15px;border-radius:999px;font-weight:900;font-size:15.5px;white-space:nowrap;border:2.5px solid var(--tinta)}
.pill svg{width:18px;height:18px}
.pill-rosa{background:var(--rosa);color:#fff;box-shadow:3px 3px 0 var(--tinta)}
.pill-amarillo{background:var(--amarillo);box-shadow:3px 3px 0 var(--tinta)}
.pill-blanco{background:#fff;box-shadow:3px 3px 0 var(--tinta)}
.pill:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--tinta)}

/* botones grandes */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:58px;padding:0 24px;border-radius:16px;font-weight:900;font-size:17px;border:3px solid var(--tinta);box-shadow:4px 4px 0 var(--tinta);white-space:nowrap}
.btn svg{width:22px;height:22px}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--tinta)}

/* whatsapp flotante */
.wa-float{position:fixed;right:16px;bottom:calc(16px + var(--safe-b));z-index:45;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;border:3px solid var(--tinta);box-shadow:3px 3px 0 var(--tinta)}
.wa-float svg{width:30px;height:30px}

/* pie */
footer{background:var(--tinta);color:#e9d9c6;font-size:15px}
footer .wrap{padding-top:34px;padding-bottom:calc(90px + var(--safe-b))}
footer .row{display:flex;align-items:center;gap:12px;margin-bottom:16px}
footer .row img.logo-pie{width:132px;height:auto;background:var(--crema);border-radius:20px;padding:14px 16px;border:3px solid var(--amarillo)}
footer .row b{font-family:"Alfa Slab One",serif;font-weight:400;font-size:22px;color:#fff}
footer a:hover{color:var(--amarillo)}
.social{display:flex;gap:10px;margin:0 0 20px}
.social a{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.1);display:grid;place-items:center}
.social svg{width:22px;height:22px}
.credit{margin-top:8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.7}

@media (min-width:860px){ .nav{display:flex} }
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}