/* Villamerle · Nota para el tablón (14-10-2026)
   Componente compartido: /regalo/ y /tablon/nota/ */
.vmn{--vmn-tinta:#382a20;--vmn-oxido:#98351e;--vmn-linea:#c5b28e;--vmn-suave:#766a55;--vmn-papel:#fffaf0;--vmn-arena:#efe3c7;--vmn-postit:#f6e7b4;
  width:100%;max-width:880px;margin:28px auto 0;background:var(--vmn-papel);border:1px solid var(--vmn-linea);border-radius:16px;padding:26px 22px;box-shadow:0 18px 40px rgba(56,42,32,.08);color:var(--vmn-tinta);font:15px/1.6 Poppins,system-ui,sans-serif;text-align:left;position:relative;overflow:hidden}
.vmn:before{content:'';position:absolute;inset:0 0 auto;height:8px;background:repeating-linear-gradient(-45deg,var(--vmn-oxido) 0 14px,var(--vmn-papel) 14px 28px)}
.vmn *{box-sizing:border-box}
.vmn-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:26px;align-items:start}
@media (max-width:720px){.vmn-grid{grid-template-columns:1fr}.vmn-vista{order:-1}}
.vmn-label{margin:0 0 6px;font:12px/1.4 'Special Elite',monospace;letter-spacing:2px;text-transform:uppercase;color:var(--vmn-oxido)}
.vmn h2{margin:0 0 8px;font:600 clamp(24px,5vw,30px)/1.15 'Playfair Display',Georgia,serif;text-wrap:balance}
.vmn h2 em{color:var(--vmn-oxido)}
.vmn h2:focus{outline:none}
.vmn-intro{margin:0 0 18px;color:var(--vmn-suave);font:14.5px/1.6 'Special Elite',monospace}
.vmn form{display:grid;gap:14px}
.vmn label.vmn-campo{display:grid;gap:5px;font-weight:600;font-size:14px}
.vmn label.vmn-campo small{font-weight:400;color:var(--vmn-suave)}
.vmn input[type=text],.vmn input[type=email]{width:100%;padding:12px 14px;border:1.5px solid var(--vmn-linea);border-radius:10px;background:#fff;color:var(--vmn-tinta);font:16px Poppins,system-ui,sans-serif}
.vmn input[type=text]:focus,.vmn input[type=email]:focus{outline:2px solid var(--vmn-oxido);outline-offset:1px;border-color:var(--vmn-oxido)}
.vmn-cuenta{justify-self:end;margin-top:-2px;font:12px 'Special Elite',monospace;color:var(--vmn-suave)}
.vmn fieldset{border:0;padding:0;margin:0;display:grid;gap:8px}
.vmn legend{font-weight:600;font-size:14px;padding:0;margin-bottom:6px}
.vmn legend small{font-weight:400;color:var(--vmn-suave)}
.vmn-emojis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
@media (max-width:380px){.vmn-emojis{grid-template-columns:repeat(4,1fr)}}
.vmn-emoji{aspect-ratio:1;min-height:44px;border:1.5px solid var(--vmn-linea);border-radius:12px;background:#fff;font-size:24px;line-height:1;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease}
.vmn-emoji:hover{transform:translateY(-2px)}
.vmn-emoji[aria-pressed=true]{background:var(--vmn-postit);border-color:var(--vmn-oxido);box-shadow:inset 0 0 0 1.5px var(--vmn-oxido)}
.vmn-emoji:focus-visible{outline:2px solid var(--vmn-oxido);outline-offset:2px}
.vmn-emoji[aria-disabled=true]{opacity:.45}
.vmn-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5}
.vmn-check input{margin-top:3px;width:18px;height:18px;accent-color:var(--vmn-oxido);flex:none}
.vmn-check a{color:var(--vmn-oxido)}
.vmn-trampa{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.vmn-btn{justify-self:start;border:0;border-radius:12px;padding:14px 22px;background:var(--vmn-oxido);color:var(--vmn-papel);font:600 16px Poppins,system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 18px -8px rgba(152,53,30,.7)}
.vmn-btn:hover{filter:brightness(1.08)}
.vmn-btn:disabled{opacity:.6;cursor:wait}
.vmn-btn:focus-visible{outline:2px solid var(--vmn-tinta);outline-offset:3px}
.vmn-error{min-height:1.2em;margin:0;color:var(--vmn-oxido);font:14px 'Special Elite',monospace}
/* La nota de muestra */
.vmn-vista{position:sticky;top:20px;display:grid;justify-items:center;gap:10px}
.vmn-vista>p{margin:0;font:12px 'Special Elite',monospace;letter-spacing:1.5px;text-transform:uppercase;color:var(--vmn-suave)}
.vmn-postit{position:relative;width:min(260px,100%);min-height:210px;padding:34px 20px 20px;background:var(--vmn-postit);border-radius:3px;box-shadow:0 14px 24px -14px rgba(56,42,32,.55),0 2px 0 rgba(56,42,32,.06);transform:rotate(-2.2deg);text-align:center;display:grid;align-content:start;gap:6px;transition:transform .3s ease}
.vmn-postit:before{content:'';position:absolute;top:10px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d8735c,var(--vmn-oxido) 60%,#5d1f10);box-shadow:0 3px 4px rgba(0,0,0,.25)}
.vmn-p-emojis{font-size:30px;line-height:1.2;min-height:36px;letter-spacing:4px}
.vmn-p-nombre{font:600 32px/1.05 Caveat,cursive;color:var(--vmn-oxido);word-break:break-word}
.vmn-p-lugar{font:13px 'Special Elite',monospace;color:var(--vmn-suave)}
.vmn-p-frase{font:22px/1.2 Caveat,cursive;color:var(--vmn-tinta);word-break:break-word}
.vmn-p-vacio{opacity:.45}
/* Hecho */
.vmn-hecho{display:grid;gap:10px}
.vmn-hecho p{margin:0}
.vmn-hecho .vmn-firma{font:600 26px Caveat,cursive;color:var(--vmn-oxido)}
.vmn-hecho .vmn-postit{transform:rotate(1.5deg)}
@media (prefers-reduced-motion:reduce){.vmn-emoji,.vmn-postit{transition:none}.vmn-emoji:hover{transform:none}}