/* Small, brand-aware refinements shared only by the showcase sites. */
body[data-demo]{--dp-accent:#985437;--dp-ink:#30281f;--dp-wash:#f7f1e8;--dp-line:#ddd4c7;--dp-radius:18px}
body[data-demo=belleza]{--dp-accent:#825466;--dp-ink:#34282f;--dp-wash:#fbf0f5;--dp-line:#e6d5dd;--dp-radius:24px}
body[data-demo=clinica]{--dp-accent:#0b6e75;--dp-ink:#123c42;--dp-wash:#eff9f9;--dp-line:#cde4e4}
body[data-demo=legal]{--dp-accent:#806b3e;--dp-ink:#192532;--dp-wash:#f5f3ed;--dp-line:#ded9cc;--dp-radius:3px}
body[data-demo=construccion]{--dp-accent:#40583d;--dp-ink:#172623;--dp-wash:#f3f5ed;--dp-line:#d7dfd1;--dp-radius:3px}
body[data-demo=tienda]{--dp-accent:#6b754e;--dp-ink:#243429;--dp-wash:#f7f6f0;--dp-line:#dddccf;--dp-radius:10px}
[data-demo] :focus-visible{outline:3px solid var(--dp-accent);outline-offset:5px}
[data-demo] button,[data-demo] input,[data-demo] select,[data-demo] textarea{font:inherit}
[data-demo] button{cursor:pointer}
[data-demo] main{overflow:clip}
[data-demo] h1,[data-demo] h2{text-wrap:balance}
[data-demo] p{line-height:1.7}
[data-demo] img{max-width:100%}
[data-demo] .dp-skip{position:fixed;left:16px;top:-100px;z-index:1000;background:white;color:#172623;padding:14px 20px;border:2px solid currentColor}
[data-demo] .dp-skip:focus{top:12px}
[data-demo] :is(.btn,.vm-btn,.ae-btn,.tv-btn,.reserve,.book,.appt){transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
@media(hover:hover){[data-demo] :is(.btn,.vm-btn,.ae-btn,.tv-btn,.reserve,.book,.appt):hover{transform:translateY(-2px);box-shadow:0 8px 20px #162a241c}}
[data-demo] :is(.page-hero,.vm-page-hero,.ae-pagehero,.tv-pagehero){border-bottom:1px solid var(--dp-line);background:linear-gradient(115deg,var(--dp-wash),#fff);padding-block:clamp(46px,6vw,86px)}
[data-demo] :is(.page-hero,.vm-page-hero,.ae-pagehero,.tv-pagehero) p{max-width:660px}
[data-demo] :is(.panel,.form-card,.treatment,.list-card,.ae-card){border:1px solid var(--dp-line);box-shadow:0 10px 35px #24342906}
[data-demo] :is(.treatment,.list-card){border-radius:var(--dp-radius);padding:30px;transition:box-shadow .25s,transform .25s}
@media(hover:hover){[data-demo] :is(.treatment,.list-card):hover{transform:translateY(-3px);box-shadow:0 16px 36px #2434290d}}
[data-demo] :is(.nav-links,.links,.vm-links,.ae-links,.tv-links) a[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
[data-demo] :is(input,select,textarea){accent-color:var(--dp-accent)}
[data-demo] :is(input,select,textarea):focus{border-color:var(--dp-accent)}
.dp-section{padding:clamp(48px,7vw,88px) 24px;background:var(--dp-wash);color:var(--dp-ink)}
.dp-wrap{max-width:1160px;margin:auto}
.dp-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:34px}
.dp-kicker{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--dp-accent)}
.dp-section h2{font:400 clamp(30px,3.5vw,48px)/1.12 Georgia,serif;margin:12px 0 0;letter-spacing:-.035em;color:var(--dp-ink)}
[data-demo=clinica] .dp-section h2,[data-demo=clinica] .dp-card h3{font-family:Arial,sans-serif;font-weight:700}
.dp-heading>p{font:400 15px/1.8 Arial,sans-serif;max-width:500px;margin:0;opacity:.8}
.dp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dp-card{padding:30px;background:#fff;border:1px solid var(--dp-line);border-radius:var(--dp-radius)}
.dp-card>span{font:500 13px Arial,sans-serif;letter-spacing:.1em;color:var(--dp-accent)}
.dp-card h3{font:400 25px/1.2 Georgia,serif;margin:18px 0 12px;color:var(--dp-ink)}
.dp-card p,.dp-card li{font:400 14px/1.8 Arial,sans-serif;color:var(--dp-ink)}
.dp-card ul{padding-left:18px}
.dp-link{display:inline-block;margin-top:26px;color:var(--dp-ink);font:700 14px/1.5 Arial,sans-serif;text-decoration:underline;text-underline-offset:5px}
.dp-faq{border-top:1px solid var(--dp-line);margin-top:24px}
.dp-faq details{border-bottom:1px solid var(--dp-line);padding:20px 0}
.dp-faq summary{cursor:pointer;font:600 16px/1.5 Arial,sans-serif;color:var(--dp-ink)}
.dp-faq p{max-width:760px;font:400 15px/1.8 Arial,sans-serif;margin:14px 0 0}
.dp-location{background:var(--dp-wash);border:1px solid var(--dp-line);border-radius:var(--dp-radius);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.dp-location iframe{border:0;width:100%;height:300px;display:block;background:#e3e8df}
.dp-location-copy{padding:24px}
.dp-location-copy h3{font:400 26px/1.2 Georgia,serif;margin:8px 0;color:var(--dp-ink)}
.dp-location-copy p{font:400 13px/1.7 Arial,sans-serif;color:var(--dp-ink);margin:8px 0}
.dp-location-copy .dp-link{margin:10px 0 0}
.dp-form-field{display:flex;flex-direction:column;gap:8px;min-width:0;font:600 13px/1.5 Arial,sans-serif;color:var(--dp-ink)}
.dp-form-field.full,.dp-form-note,.dp-result{grid-column:1/-1}
.dp-form-note{font:400 12px/1.65 Arial,sans-serif;color:var(--dp-ink);opacity:.75;margin:0 0 18px}
.dp-result{margin-top:20px;padding:20px;border:1px solid var(--dp-line);border-left:3px solid var(--dp-accent);border-radius:4px;background:var(--dp-wash);color:var(--dp-ink);font:400 14px/1.7 Arial,sans-serif}
.dp-result[hidden]{display:none}
.dp-result strong{display:block;margin-bottom:6px}
.dp-demo-note{padding:18px 24px;background:var(--dp-wash);border-top:1px solid var(--dp-line);color:var(--dp-ink);text-align:center;font:400 12px/1.6 Arial,sans-serif}
.dp-demo-note a{text-decoration:underline;text-underline-offset:3px}
.dp-search{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;font:400 14px Arial,sans-serif}
.dp-search label{display:grid;gap:8px;width:min(100%,420px)}
.dp-search input{padding:14px 16px;border:1px solid var(--dp-line);border-radius:6px;background:#fff;width:100%}
.dp-search select{padding:12px;border:1px solid var(--dp-line);background:#fff}
.dp-product-details{border-top:1px solid var(--dp-line);margin-top:24px}
.dp-product-details details{padding:17px 0;border-bottom:1px solid var(--dp-line);font:400 14px/1.7 Arial,sans-serif}
.dp-product-details summary{font-weight:700;cursor:pointer}
.dp-project-note{position:relative;margin-top:14px;border-top:1px solid #ffffff33;padding-top:12px;font:400 13px/1.6 Arial,sans-serif;color:#eef2ea}
.dp-project-note summary{cursor:pointer;font-weight:700}
.dp-project-note p{margin:8px 0 0!important;color:#eef2ea!important;font-size:13px!important}
[data-demo=construccion] .ae-project-info{backdrop-filter:blur(12px)}
[data-demo=restaurante] .menu-item{gap:20px;padding-block:22px}
[data-demo=restaurante] .menu-item .price{white-space:nowrap;font-variant-numeric:tabular-nums}
[data-demo=construccion] .ae-pagehero{background:linear-gradient(120deg,#172623,#263b34);color:#fff;border-color:#34483f}
[data-demo=construccion] .ae-pagehero p{color:#cfdbd4}
[data-demo=legal] .vm-grid:has(.vm-form){align-items:start}
[data-demo] :is(.vm-form,.ae-form){padding:28px;background:#fff;border:1px solid var(--dp-line);border-radius:var(--dp-radius)}
[data-demo=tienda] .tv2-hero .tv-kicker{color:#f0eddb}
@media(max-width:700px){.dp-heading,.dp-grid{grid-template-columns:1fr;gap:20px}.dp-card{padding:24px}.dp-heading{margin-bottom:24px}.dp-location iframe{height:260px}.dp-search{align-items:stretch;flex-direction:column}.dp-search label{width:100%}[data-demo] :is(input,select,textarea){font-size:16px}[data-demo] :is(.vm-form,.ae-form){padding:20px;background:#fff;border:1px solid var(--dp-line)}[data-demo] .treatment-top{flex-wrap:wrap;gap:8px}[data-demo] .treatment-top strong{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){[data-demo] *,[data-demo] *::before,[data-demo] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

[data-demo=clinica] .c-band .kicker,[data-demo=clinica] .band .kicker{color:#8ddedb}

/* Clear, contemporary controls — keep each demo's own brand palette. */
[data-demo]{--dp-button-radius:14px}
[data-demo=belleza],[data-demo=restaurante]{--dp-button-radius:999px}
[data-demo=legal],[data-demo=construccion]{--dp-button-radius:10px}
[data-demo] :is(.btn,.reserve,.book,.appt,.consult,.vm-btn,.vm-cta,.ae-btn,.ae-navcta,.tv-btn){
  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;padding:13px 23px;border-radius:var(--dp-button-radius);
  font:600 14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  letter-spacing:.01em;text-transform:none;text-decoration:none;text-align:center;
  box-sizing:border-box;box-shadow:0 3px 8px #10231a0b;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
}
[data-demo] :is(.btn,.reserve,.book,.appt,.vm-btn,.vm-cta,.ae-btn,.ae-navcta,.tv-btn):active{transform:translateY(0);box-shadow:none}
[data-demo] :is(.dp-link,.dp-action,.b-textlink,.ae-textlink,.tv-textlink,.tv-product-row a){
  display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;
  padding:11px 18px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);
  border-radius:var(--dp-button-radius);background:color-mix(in srgb,currentColor 4%,transparent);
  color:inherit;font:600 13px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  text-transform:none;letter-spacing:0;text-decoration:none;text-align:center;
  transition:background .2s,box-shadow .2s,transform .2s;
}
[data-demo] .dp-link{color:var(--dp-ink)}
[data-demo] :is(.treatment,.list-card) a.kicker{margin-top:16px;color:var(--dp-accent)}
[data-demo] .tv-product-row{flex-wrap:wrap;gap:12px}
[data-demo] .tv-filterbar{gap:9px}
[data-demo] .tv-filter{appearance:none;min-height:42px;padding:10px 19px;border:1px solid var(--dp-line);border-radius:999px;background:transparent;color:var(--dp-ink);font:600 13px/1.4 Arial,sans-serif;transition:background .2s,color .2s,box-shadow .2s}
[data-demo] .tv-filter.active{background:var(--dp-ink);border-color:var(--dp-ink);color:white;box-shadow:0 4px 12px #20302418}
[data-demo] .tv-cartcontrols{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
[data-demo] .tv-cartcontrols button{appearance:none;min-width:40px;min-height:40px;border:1px solid var(--dp-line);border-radius:10px;background:#fff;color:var(--dp-ink);font:600 14px/1.3 Arial,sans-serif;padding:9px 12px}
[data-demo] .tv-cartcontrols button[data-tv-remove]{background:transparent;border-color:transparent;font-size:12px;color:#79594d}
[data-demo] :is(.nav-links,.links,.vm-links,.ae-links,.tv-links){gap:8px}
[data-demo] :is(.nav-links,.links,.vm-links,.ae-links,.tv-links)>a:not(.reserve,.book,.appt,.consult,.vm-cta,.ae-navcta){padding:10px 13px;border-radius:10px;font:600 13px/1.4 Arial,sans-serif;letter-spacing:.01em;text-transform:none;transition:background .2s}
[data-demo] :is(.nav-links,.links,.vm-links,.ae-links,.tv-links)>a[aria-current=page]:not(.reserve,.book,.appt,.consult,.vm-cta,.ae-navcta){text-decoration:none;background:color-mix(in srgb,currentColor 9%,transparent)}
[data-demo] :is(.return-klick,.back,.vm-back,.ae-back,.tv-back){border-radius:999px;font:600 12px/1.4 Arial,sans-serif;padding:10px 16px}
[data-demo] :is(.menu-toggle,.toggle,.vm-menu,.ae-menu,.tv-menu){appearance:none;position:relative;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:96px;padding:10px 14px;border:1px solid var(--dp-line);border-radius:12px;background:#fff;color:var(--dp-ink);font-size:0!important;box-shadow:0 3px 10px #15251c08;cursor:pointer}
[data-demo] :is(.menu-toggle,.toggle,.vm-menu,.ae-menu,.tv-menu)::before{content:"";width:18px;height:14px;flex:none;background:linear-gradient(currentColor,currentColor) left top/18px 1.5px no-repeat,linear-gradient(currentColor,currentColor) left center/13px 1.5px no-repeat,linear-gradient(currentColor,currentColor) left bottom/18px 1.5px no-repeat}
[data-demo] :is(.menu-toggle,.toggle,.vm-menu,.ae-menu,.tv-menu)::after{content:"Menú";font:600 13px/1.4 Arial,sans-serif}
[data-demo] :is(.menu-toggle,.toggle,.vm-menu,.ae-menu,.tv-menu)[aria-expanded=true]::before{background:linear-gradient(45deg,transparent 46%,currentColor 47%,currentColor 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,currentColor 47%,currentColor 53%,transparent 54%);height:16px;width:16px}
[data-demo] :is(.menu-toggle,.toggle,.vm-menu,.ae-menu,.tv-menu)[aria-expanded=true]::after{content:"Cerrar"}
[data-demo=construccion] .ae-menu{background:#253b34;border-color:#53685f;color:#fff}
@media(hover:hover){
 [data-demo] :is(.dp-link,.dp-action,.b-textlink,.ae-textlink,.tv-textlink,.tv-product-row a):hover{background:color-mix(in srgb,currentColor 9%,transparent);box-shadow:0 5px 14px #15251c08;transform:translateY(-1px)}
 [data-demo] :is(.nav-links,.links,.vm-links,.ae-links,.tv-links)>a:not(.reserve,.book,.appt,.consult,.vm-cta,.ae-navcta):hover{background:color-mix(in srgb,currentColor 7%,transparent)}
 [data-demo] .tv-filter:not(.active):hover,[data-demo] .tv-cartcontrols button:hover{background:var(--dp-wash)}
}
@media(max-width:900px){
 [data-demo] :is(.menu-toggle,.toggle,.vm-menu,.ae-menu,.tv-menu){display:inline-flex}
 [data-demo] :is(.nav,.vm-nav-in,.ae-navin,.tv-navin){position:relative;flex-wrap:wrap;gap:14px}
 [data-demo] :is(.nav-links,.links,.vm-links,.ae-links,.tv-links){display:none;position:absolute;top:calc(100% + 8px);left:12px;right:12px;width:auto;z-index:110;padding:12px;flex-direction:column;align-items:stretch;gap:5px;background:#fff;color:var(--dp-ink);border:1px solid var(--dp-line);border-radius:18px;box-shadow:0 18px 48px #11251e24}
 [data-demo] :is(.nav-links,.links,.vm-links,.ae-links,.tv-links).open{display:flex}
 [data-demo] :is(.nav-links,.links,.vm-links,.ae-links,.tv-links)>a{min-height:44px;padding:13px 16px!important}
 [data-demo] :is(.nav-links,.links,.vm-links,.ae-links,.tv-links)>a:not(.reserve,.book,.appt,.consult,.vm-cta,.ae-navcta){color:var(--dp-ink)}
 [data-demo] :is(.nav-links,.links,.vm-links,.ae-links,.tv-links)>a:is(.reserve,.book,.appt,.consult,.vm-cta,.ae-navcta){margin-top:5px}
 [data-demo] .tv-tools{margin-left:auto}
}
@media(max-width:480px){[data-demo] :is(.hero-actions,.tv-actions){gap:10px}[data-demo] :is(.btn,.vm-btn,.ae-btn,.tv-btn){padding-inline:18px}[data-demo] .tv-navin{gap:10px}[data-demo] .tv-menu{min-width:44px;padding:10px}[data-demo] .tv-menu::after{display:none}}
@media(max-width:900px){
 [data-demo=tienda] .tv-navin{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;height:78px}
 [data-demo=tienda] .tv-menu{width:44px;min-width:44px;padding:10px;justify-self:start}
 [data-demo=tienda] .tv-menu::after{display:none}
 [data-demo=tienda] .tv-brand{font-size:23px;text-align:center}
 [data-demo=tienda] .tv-brand small{font-size:6px;letter-spacing:.08em}
 [data-demo=tienda] .tv-tools{display:flex;margin:0;gap:0}
 [data-demo=tienda] .tv-tools>a:not(.tv-cart){display:none}
 [data-demo=tienda] .tv-cart{display:inline-flex;align-items:center;gap:5px;min-height:44px;font-size:12px}
}