/* event.com.ar — sitio público. Tranquilo, delicado, con mucho aire. */
:root{--bg:#FAF7F2;--surface:#FFFFFF;--text:#3A3631;--muted:#7A736A;--accent:#8A9A86;--accent2:#C9A99A;--border:#ECE6DD;--sage-d:#6F806B;--on-accent:#fff;--fh:'Cormorant Garamond',Georgia,serif;--fb:'Inter',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.7 var(--fb);-webkit-font-smoothing:antialiased}
img,svg,iframe{max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--fh);font-weight:500;line-height:1.15;margin:0 0 .5em;letter-spacing:.005em}
h1{font-size:clamp(36px,6.4vw,64px)}h2{font-size:clamp(28px,4.6vw,42px)}h3{font-size:22px}
.serif{font-family:var(--fh)}
.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}
.wrap{max-width:1100px;margin:0 auto;padding:0 22px}.narrow{max-width:640px}.narrow-title{max-width:960px;margin:0 auto;padding:0 22px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px 12px;z-index:999}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.ico{width:30px;height:30px;color:var(--sage-d)}
.lead{font-size:19px;color:var(--muted);max-width:34ch}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--muted);margin:0 0 8px}
.link{color:var(--sage-d);text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;font:inherit;cursor:pointer}

/* Botones */
.btn{display:inline-block;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:999px;padding:.72em 1.6em;font:500 15px/1.2 var(--fb);text-decoration:none;cursor:pointer;transition:background .25s,transform .25s}
.btn:hover{background:var(--sage-d);border-color:var(--sage-d);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--accent)}.btn-ghost:hover{background:var(--accent);color:#fff}
.btn-sm{padding:.5em 1.1em;font-size:13px}.btn-lg{padding:.9em 2.1em;font-size:16px}.btn-solid{background:var(--accent)}
.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.center .btn-row,.btn-row.jc{justify-content:center}

/* Cabecera */
.site-head{position:sticky;top:0;z-index:50;background:rgba(250,247,242,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.head-in{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font:500 26px var(--fh);text-decoration:none;color:var(--text)}.logo span{color:var(--accent2)}
.nav{display:flex;align-items:center;gap:26px;font-size:14px}.nav a{text-decoration:none;color:var(--muted)}.nav a:hover{color:var(--text)}.nav .btn{color:#fff}
.nav-toggle{display:none;background:none;border:1px solid var(--border);border-radius:10px;width:42px;height:42px;font-size:20px;color:var(--text)}
@media(max-width:860px){.nav-toggle{display:block}.nav{position:absolute;top:68px;left:0;right:0;background:var(--bg);flex-direction:column;align-items:flex-start;padding:16px 22px 24px;gap:14px;border-bottom:1px solid var(--border);display:none}.nav.open{display:flex}}

/* Secciones */
.sect{padding:clamp(56px,9vw,108px) 0}.sect.alt{background:#F4EFE7}.sect.alt2{background:#F6F0EC}.page-head{padding-bottom:20px}
.sub{max-width:52ch;margin:-4px auto 36px}.more{margin-top:34px}
.reveal{opacity:0;transform:translateY(10px);transition:opacity .5s ease-out,transform .5s ease-out}.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* Hero */
.hero{padding:clamp(40px,7vw,90px) 0 clamp(40px,6vw,80px)}
.hero-in{display:grid;gap:40px;align-items:center}
@media(min-width:860px){.hero-in{grid-template-columns:1.1fr .9fr}}
.hero-phone{display:flex;justify-content:center}

/* Teléfono / miniatura */
.phone{width:min(290px,72vw);aspect-ratio:9/18.6;border:9px solid #34312d;border-radius:38px;overflow:hidden;position:relative;box-shadow:0 30px 60px -20px rgba(58,54,49,.35);background:#fff}
.phone::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:34%;height:16px;background:#34312d;border-radius:0 0 12px 12px;z-index:3}
.phone-in{width:100%;height:100%}.phone iframe{width:100%;height:100%;border:0;display:block}
.phone .mini{border-radius:0;height:100%;aspect-ratio:auto;box-shadow:none}
.mini{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:var(--bg);color:var(--text);container-type:inline-size;font-family:var(--fb);box-shadow:0 14px 34px -14px rgba(58,54,49,.35)}
.mini-img img{width:100%;height:100%;object-fit:cover;display:block}
.m-txt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2.4cqw;padding:0 8cqw;z-index:1}
.m-names{font-family:var(--fh);font-size:21cqw;line-height:1.02}.m-names i{display:block;font-style:normal;font-size:.55em;opacity:.8}
.m-tag{font-size:4.2cqw;letter-spacing:.3em;text-transform:uppercase;opacity:.9}.m-date{font-size:3.8cqw;letter-spacing:.22em}

/* Categorías */
.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@media(min-width:860px){.cat-grid{grid-template-columns:repeat(4,1fr)}}
.cat-card{text-decoration:none;display:block;text-align:center}.cat-vis{max-width:210px;margin:0 auto 16px;transition:transform .4s}.cat-card:hover .cat-vis{transform:translateY(-6px)}
.cat-card h3{font-size:28px;margin:0}

/* Pasos, features, precios */
.steps{display:grid;gap:28px;margin-top:40px}@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{text-align:center;padding:0 10px}.step .n{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid var(--accent);border-radius:50%;font:500 22px var(--fh);color:var(--sage-d);margin-bottom:14px}
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px;margin-top:36px}.feat{padding:8px}.feat p{margin:0}
.price-grid{display:grid;gap:22px;max-width:760px;margin:0 auto}@media(min-width:720px){.price-grid{grid-template-columns:1fr 1fr}}
.price-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:34px 28px;text-align:center}.feat-card{border-color:var(--accent2)}
.big{font:500 44px/1.1 var(--fh);margin:6px 0 18px}.big small{font:400 13px var(--fb)}
.ticks{list-style:none;padding:0;margin:0 0 22px;text-align:left;display:grid;gap:8px}.ticks li{padding-left:26px;position:relative}.ticks li::before{content:"";position:absolute;left:3px;top:.62em;width:11px;height:6px;border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(-45deg)}
.tests{display:grid;gap:20px;margin-top:30px}@media(min-width:760px){.tests{grid-template-columns:repeat(3,1fr)}}
blockquote{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px}blockquote cite{color:var(--muted);font-size:14px}
.faq details{border-bottom:1px solid var(--border);padding:16px 0}.faq summary{cursor:pointer;font:500 22px var(--fh);list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::after{content:"+";color:var(--accent);font-size:26px;line-height:1}.faq details[open] summary::after{content:"–"}.faq p{margin:10px 0 0;color:var(--muted)}

/* Catálogo */
.tgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 14px}@media(min-width:760px){.tgrid{grid-template-columns:repeat(3,1fr);gap:34px 26px}}@media(min-width:1000px){.tgrid{grid-template-columns:repeat(4,1fr)}}
.tcard{display:flex;flex-direction:column;gap:12px}.tcover{display:block;transition:transform .35s}.tcover:hover{transform:translateY(-5px)}
.caption{margin:0;font-size:12px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.caption em{font-family:var(--fh);font-size:14px;text-transform:none}.caption b{color:var(--text);font-weight:600}
.tmeta{display:flex;justify-content:space-between;align-items:center;font-size:13px}.sw{display:inline-flex;gap:5px}.sw i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.12);display:block}
.sw-big .sw i{width:28px;height:28px}.sw-big{display:flex;align-items:center;gap:12px}
.price{font:500 24px var(--fh);margin:0}
.tinfo{display:grid;gap:4px}
.motif-group{margin-bottom:56px}.motif-h{font:italic 400 22px var(--fh);color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:26px}.motif-h em{font-style:normal;letter-spacing:.1em;text-transform:uppercase;font:600 11px var(--fb);color:var(--muted)}
.filters{display:grid;gap:10px;margin-bottom:10px}.chips-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chips-row.jc{justify-content:center}
.chip{border:1px solid var(--border);background:#fff;border-radius:999px;padding:.3em 1em;font-size:13px;text-decoration:none;color:var(--text)}.chip.on,.chip:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.tpl-detail{display:grid;gap:40px;align-items:center}@media(min-width:860px){.tpl-detail{grid-template-columns:.8fr 1.2fr}.tpl-phone{display:flex;justify-content:center}}
.tpl-phone .phone{width:min(320px,80vw)}

/* Formularios / compra */
.form{display:grid;gap:16px}.form label{display:grid;gap:6px;font-size:14px;color:var(--muted)}
.form input,.form select,.form textarea{width:100%;padding:.8em 1em;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);font:400 16px var(--fb)}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px rgba(138,154,134,.2)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:26px;margin:0 0 18px}.card h2{font-size:26px}
.buy-form .card{display:grid;gap:16px}
.err{color:#B3423A;font-size:13px}.ok-t{color:#5E7D5A}
.steps-bar{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--muted)}
.slug-input{font-weight:500}.slug-status{margin:0;font-size:14px;min-height:1.4em}.slug-status.good{color:#5E7D5A}.slug-status.bad{color:#B3423A}
.check{display:flex!important;gap:10px;align-items:flex-start;grid-template-columns:none;color:var(--text)!important}.check input{width:auto;margin-top:.35em}
.notice-wa{background:#F1F4EE;border:1px solid #D9E2D5;border-radius:14px;padding:16px 18px;margin:8px 0 4px}
.dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0}.dl dt{color:var(--muted)}.dl dd{margin:0}.total{font:500 28px var(--fh)}
hr{border:0;border-top:1px solid var(--border);margin:16px 0}
.coupon-form{display:flex;gap:10px;margin:0 0 18px}.coupon-form input{flex:1;padding:.7em 1em;border:1px solid var(--border);border-radius:999px;font:inherit}
.bank-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 0;border-bottom:1px dashed var(--border)}.bank-row span{color:var(--muted);font-size:13px;min-width:90px}.bank-row b{flex:1;word-break:break-all;font-weight:500}
.copy{border:1px solid var(--accent);background:transparent;border-radius:999px;padding:.3em .9em;font:500 12px var(--fb);cursor:pointer;color:var(--text)}.copy.ok{background:var(--accent);color:#fff}
.ok-badge{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#E8EFE4;margin-bottom:12px}.ok-badge .ico{width:32px;height:32px}
.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin:22px auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.prose{line-height:1.8}.hp{position:absolute!important;left:-9999px;opacity:0}
.flash{max-width:640px;margin:14px auto;padding:12px 18px;border-radius:12px;background:#EAF1E6;border:1px solid #D3E0CD;font-size:14px}.flash-err{background:#F8E7E4;border-color:#EBCAC5;color:#8D332B}.flash-warn{background:#FBF1DC;border-color:#EBD9AE}
.auth-card{max-width:420px;margin:0 auto}.otp{font-size:26px!important;letter-spacing:.5em;text-align:center}
.plain{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.demo-bar{position:fixed;left:0;right:0;bottom:0;z-index:90}
/* Footer */
.site-foot{border-top:1px solid var(--border);padding:44px 0;margin-top:30px}.foot-in{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:flex-start}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:14px}.foot-links a{color:var(--muted);text-decoration:none}.foot-links a:hover{color:var(--text)}