/* Un lienzo de diseño: la interfaz térmica enmarca capturas reales sin alterarlas. */
.dw-hero-v2 { padding-top:143px; background:#09080f; }
.dw-hero-v2 .dw-hero-atmosphere { background:radial-gradient(ellipse at 72% 48%,rgba(106,0,255,.2),transparent 56%),radial-gradient(ellipse at 91% 70%,rgba(255,46,138,.12),transparent 42%),radial-gradient(ellipse at 4% 92%,rgba(0,17,255,.14),transparent 50%); }
.dw-hero-v2 .dw-hero-atmosphere::after { inset:0; width:auto; height:auto; background-size:64px 64px; opacity:.17; mask-image:linear-gradient(90deg,transparent 15%,black 55%); }
.dw-hero-v2 .dw-hero-grid { grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr); gap:clamp(34px,4.4vw,74px); padding:16px 0 8px; }
.dw-hero-v2 .dw-hero-copy>.dw-eyebrow { color:#c2b5d4; font-size:8px; letter-spacing:.13em; margin-bottom:18px; }
.dw-hero-v2 h1 { max-width:490px; font-size:clamp(19px,1.45vw,25px); color:#e3dce7; line-height:1.4; margin-bottom:26px; }
.dw-hero-v2 .dw-statement { font-size:clamp(32px,3.05vw,51px); line-height:1.2; letter-spacing:-.045em; margin-bottom:24px; }
.dw-hero-v2 .dw-statement-spectrum { background-image:linear-gradient(100deg,#c6a5ff,#ff7bb7 48%,#ffbd72); }
.dw-hero-v2 .dw-intro { max-width:550px; font-size:clamp(13px,.99vw,16px); line-height:1.85; }
.dw-hero-v2 .dw-actions { gap:10px; }
.dw-hero-v2 .contact-cta { font-size:10px; gap:14px; padding:13px 15px; }
.dw-hero-v2 .dw-showcase-topline { font-size:8px; margin-bottom:12px; }
.dw-hero-v2 .dw-design-canvas { position:relative; min-width:0; border:1px solid rgba(199,172,242,.28); border-radius:7px; background:linear-gradient(150deg,rgba(29,21,48,.9),rgba(12,11,20,.85)); box-shadow:0 25px 80px rgba(0,0,0,.26); }
.dw-hero-v2 .dw-canvas-head { display:flex; align-items:center; gap:9px; min-height:39px; padding:9px 15px; border-bottom:1px solid rgba(199,172,242,.16); color:#ccc0dc; font:500 8px/1.4 var(--font-body); }
.dw-hero-v2 .dw-canvas-mark { font:400 20px/1 var(--font-body); color:#c8a8ff; }
.dw-hero-v2 .dw-canvas-scale { margin-left:auto; color:#8f829e; font-size:7px; }
.dw-hero-v2 .dw-canvas-ruler { display:flex; justify-content:space-between; align-items:start; height:20px; margin:0 23px; color:#8f829e; font:500 6px/1.5 var(--font-body); background:repeating-linear-gradient(90deg,rgba(192,166,229,.25) 0 1px,transparent 1px 10px) left top/100% 5px no-repeat; }
.dw-hero-v2 .dw-canvas-ruler>span { padding-top:9px; }.dw-hero-v2 .dw-canvas-ruler>i { height:8px; border-left:1px solid #8f829e; }
.dw-hero-v2 .dw-canvas-stage { position:relative; isolation:isolate; padding:32px 28px 27px; min-width:0; background-image:linear-gradient(rgba(188,154,238,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(188,154,238,.065) 1px,transparent 1px); background-size:23px 23px; }
.dw-hero-v2 .dw-canvas-stage::before { content:""; position:absolute; inset:7px 15px 12px; pointer-events:none; border-left:1px dashed rgba(186,148,255,.2); border-right:1px dashed rgba(186,148,255,.2); }
.dw-hero-v2 .dw-canvas-layers { position:absolute; z-index:-1; inset:42px 36px 18px; pointer-events:none; }
.dw-hero-v2 .dw-canvas-layers>i { position:absolute; inset:0; display:block; border:1px solid rgba(255,46,138,.4); background:rgba(255,46,138,.03); transform:translate(9px,7px); animation:dwV2Layer .9s .1s both; }
.dw-hero-v2 .dw-canvas-layers>i:nth-child(2) { transform:translate(-9px,-7px); border-color:rgba(106,0,255,.6); background:rgba(106,0,255,.04); animation-delay:.25s; }
.dw-hero-v2 .dw-canvas-selection { position:relative; padding:7px; border:1px solid #8d5df4; animation:dwV2Selection 1.2s .15s both; }
.dw-hero-v2 .dw-canvas-label { position:absolute; left:-1px; top:-21px; padding:4px 7px; color:#e5d7ff; background:#6132b7; font:500 7px/1.5 var(--font-body); white-space:nowrap; }
.dw-hero-v2 .dw-canvas-handle { position:absolute; z-index:4; width:6px; height:6px; background:#fff6e0; border:1px solid #8d5df4; }.dw-hero-v2 .dw-canvas-handle--tl { left:-3px; top:-3px; }.dw-hero-v2 .dw-canvas-handle--tr { right:-3px; top:-3px; }.dw-hero-v2 .dw-canvas-handle--bl { left:-3px; bottom:-3px; }.dw-hero-v2 .dw-canvas-handle--br { right:-3px; bottom:-3px; }
.dw-hero-v2 .dw-browser--hero { border:1px solid rgba(255,246,224,.25); border-radius:4px; box-shadow:0 9px 28px rgba(0,0,0,.5); }
.dw-hero-v2 .dw-browser-bar { min-height:31px; padding:7px 12px; font-size:7px; background:#17141d; }
.dw-hero-v2 .dw-browser-dots i { width:5px; height:5px; }
.dw-hero-v2 .dw-hero-shot { height:auto; aspect-ratio:2.14; min-height:0; background:#100e15; }
.dw-hero-v2 .dw-hero-shot>img { width:100%; height:100%; object-fit:contain; object-position:center; }
.dw-hero-v2 .dw-hero-open { right:12px; bottom:12px; padding:7px 10px; min-height:36px; gap:14px; font-size:8px; background:#151219; }
.dw-hero-v2 .dw-browser-caption { min-height:49px; padding:12px 14px; }
.dw-hero-v2 .dw-browser-caption>strong { font-size:15px; }.dw-hero-v2 .dw-browser-caption .dw-status { font-size:7px; }
.dw-hero-v2 .dw-canvas-cursor { position:absolute; z-index:4; right:21px; bottom:17px; display:flex; align-items:end; gap:4px; pointer-events:none; animation:dwV2Cursor 2.7s .5s both; }
.dw-hero-v2 .dw-canvas-cursor>span { display:block; margin-bottom:-9px; padding:4px 7px; border-radius:2px; color:#1b0d00; background:#ffae00; font:600 7px/1.3 var(--font-body); }
.dw-hero-v2 .dw-canvas-foot { display:flex; align-items:center; gap:11px; flex-wrap:wrap; padding:13px 15px; border-top:1px solid rgba(199,172,242,.16); color:#cfc4dc; font:500 7px/1.5 var(--font-body); }
.dw-hero-v2 .dw-canvas-foot>span { display:flex; align-items:center; gap:5px; }.dw-hero-v2 .dw-canvas-foot>span>i { display:block; width:5px; height:5px; background:#8e61ed; }.dw-hero-v2 .dw-canvas-foot>span:nth-of-type(2)>i { background:#ff2e8a; }.dw-hero-v2 .dw-canvas-foot>span:nth-of-type(3)>i { background:#ffae00; }.dw-hero-v2 .dw-canvas-foot>b { font-weight:400; color:#70617d; }.dw-hero-v2 .dw-canvas-foot .dw-canvas-sign { margin-left:auto; color:#a58cb9; }
.dw-hero-v2 .dw-hero-choices { margin-top:17px; }.dw-hero-v2 .dw-hero-choices>button { padding:8px 0; min-height:49px; }.dw-hero-v2 .dw-hero-bottom { margin-top:30px; }
@keyframes dwV2Layer { from { opacity:0; transform:translate(0,0); } to { opacity:1; } }
@keyframes dwV2Selection { from { opacity:0; transform:translateY(9px); } to { opacity:1; transform:none; } }
@keyframes dwV2Cursor { 0%,15% { opacity:0; transform:translate(55px,-24px); } 45% { opacity:1; transform:translate(-14px,-12px); } 70%,100% { opacity:1; transform:none; } }
.dw-motion-paused .dw-hero-v2 * { animation-play-state:paused!important; }
@media (max-width:1100px) { .dw-hero-v2 .dw-hero-grid { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:28px; }.dw-hero-v2 .dw-statement { font-size:clamp(29px,3.1vw,37px); }.dw-hero-v2 h1 { font-size:19px; }.dw-hero-v2 .dw-intro { font-size:13px; }.dw-hero-v2 .dw-actions { display:grid; grid-template-columns:1fr; max-width:300px; gap:9px; }.dw-hero-v2 .contact-cta { min-height:46px; padding:11px 14px; }.dw-hero-v2 .dw-canvas-scale { display:none; }.dw-hero-v2 .dw-canvas-stage { padding:31px 20px 24px; }.dw-hero-v2 .dw-canvas-foot { gap:7px; }.dw-hero-v2 .dw-canvas-foot .dw-canvas-sign { display:none; } }
@media (min-width:821px) and (max-height:800px) { .dw-hero-v2 { padding-top:127px; }.dw-hero-v2 .dw-hero-grid { padding:5px 0; }.dw-hero-v2 .dw-statement { font-size:clamp(30px,3vw,45px); margin-bottom:18px; }.dw-hero-v2 h1 { margin-bottom:20px; }.dw-hero-v2 .dw-intro { font-size:13px; line-height:1.75; }.dw-hero-v2 .dw-actions { margin-top:20px; }.dw-hero-v2 .dw-hero-bottom { margin-top:24px; } }
@media (max-width:820px) { .dw-hero-v2 { padding-top:117px; }.dw-hero-v2 .dw-hero-grid { grid-template-columns:1fr; gap:37px; }.dw-hero-v2 .dw-hero-copy { max-width:660px; }.dw-hero-v2 h1 { max-width:640px; font-size:clamp(21px,3.8vw,27px); }.dw-hero-v2 .dw-statement { font-size:clamp(31px,5.5vw,46px); }.dw-hero-v2 .dw-intro { font-size:15px; }.dw-hero-v2 .dw-actions { display:flex; max-width:none; }.dw-hero-v2 .contact-cta { font-size:11px; min-height:51px; padding:13px 17px; }.dw-hero-v2 .dw-canvas-stage { padding:35px 25px 27px; }.dw-hero-v2 .dw-canvas-scale { display:block; }.dw-hero-v2 .dw-canvas-foot .dw-canvas-sign { display:flex; }.dw-hero-v2 .dw-browser-caption { display:flex; }.dw-hero-v2 .dw-browser-caption .dw-status { margin:0; }.dw-hero-v2 .dw-hero-shot { height:auto; }.dw-hero-v2 .dw-hero-choices>button>img { width:43px; height:31px; } }
@media (max-width:520px) { .dw-hero-v2 h1 { font-size:clamp(20px,5.5vw,27px); }.dw-hero-v2 .dw-statement { font-size:clamp(28px,7.5vw,39px); line-height:1.22; }.dw-hero-v2 .dw-hero-copy>.dw-eyebrow { max-width:270px; font-size:7px; line-height:1.9; }.dw-hero-v2 .dw-actions { display:grid; grid-template-columns:1fr; }.dw-hero-v2 .dw-intro { font-size:14px; line-height:1.8; }.dw-hero-v2 .dw-showcase-topline { font-size:7px; }.dw-hero-v2 .dw-canvas-head { min-height:35px; padding:8px 10px; font-size:7px; gap:7px; }.dw-hero-v2 .dw-canvas-scale { display:none; }.dw-hero-v2 .dw-canvas-ruler { margin:0 15px; }.dw-hero-v2 .dw-canvas-stage { padding:29px 12px 23px; }.dw-hero-v2 .dw-canvas-layers { inset:37px 19px 19px; }.dw-hero-v2 .dw-canvas-selection { padding:4px; }.dw-hero-v2 .dw-canvas-label { font-size:6px; top:-19px; }.dw-hero-v2 .dw-canvas-foot { padding:12px 10px; gap:7px; font-size:6px; }.dw-hero-v2 .dw-canvas-foot .dw-canvas-sign { display:none; }.dw-hero-v2 .dw-browser-bar { grid-template-columns:30px minmax(0,1fr) auto; gap:7px; min-height:27px; padding:6px 8px; font-size:6px; }.dw-hero-v2 .dw-browser-dots { gap:3px; }.dw-hero-v2 .dw-browser-dots i { width:4px; height:4px; }.dw-hero-v2 .dw-browser-caption { min-height:40px; padding:10px 8px; gap:10px; }.dw-hero-v2 .dw-browser-caption>strong { font-size:11px; }.dw-hero-v2 .dw-browser-caption .dw-status { font-size:6px; }.dw-hero-v2 .dw-hero-open { right:6px; bottom:6px; min-height:29px; padding:5px 7px; gap:7px; font-size:6px; }.dw-hero-v2 .dw-hero-open>b { font-size:14px; }.dw-hero-v2 .dw-canvas-cursor { right:10px; bottom:15px; }.dw-hero-v2 .dw-canvas-cursor>svg { width:17px; height:22px; }.dw-hero-v2 .dw-canvas-cursor>span { font-size:6px; padding:3px 5px; }.dw-hero-v2 .dw-hero-choices { gap:10px; }.dw-hero-v2 .dw-hero-choices>button>img { width:29px; height:27px; }.dw-hero-v2 .dw-hero-choices>button>span { font-size:7px; }.dw-hero-v2 .dw-hero-choices small { font-size:6px; }.dw-hero-v2 .dw-hero-bottom { font-size:6px; gap:15px; }.dw-hero-v2 .dw-hero-bottom>span { max-width:145px; line-height:1.9; }.dw-hero-v2 .dw-hero-bottom>a { max-width:155px; padding-right:35px; gap:10px; } }
@media (prefers-reduced-motion:reduce) { .dw-hero-v2 * { animation:none!important; transition:none!important; }.dw-hero-v2 .dw-canvas-cursor { opacity:1; transform:none; } }

/* En portátiles el lienzo usa una interfaz compacta y mantiene las acciones visibles. */
@media (min-width:821px) and (max-height:800px) {
 .dw-hero-v2 { padding-top:115px; }
 .dw-hero-v2 .dw-canvas-head { min-height:28px; padding:5px 12px; }
 .dw-hero-v2 .dw-canvas-ruler { height:14px; }
 .dw-hero-v2 .dw-canvas-ruler>span { padding-top:6px; font-size:5px; }
 .dw-hero-v2 .dw-canvas-stage { padding:23px 18px 15px; }
 .dw-hero-v2 .dw-canvas-selection { padding:4px; }
 .dw-hero-v2 .dw-browser-bar { min-height:26px; padding:5px 10px; }
 .dw-hero-v2 .dw-hero-shot { aspect-ratio:2.3; }
 .dw-hero-v2 .dw-browser-caption { min-height:34px; padding:8px 11px; }
 .dw-hero-v2 .dw-browser-caption>strong { font-size:12px; }
 .dw-hero-v2 .dw-canvas-foot { min-height:28px; padding:7px 12px; }
 .dw-hero-v2 .dw-hero-choices { margin-top:12px; }
 .dw-hero-v2 .dw-hero-choices>button { min-height:43px; padding:5px 0; }
 .dw-hero-v2 .dw-showcase-topline { margin-bottom:9px; }
 .dw-hero-v2 .dw-hero-bottom { margin-top:20px; padding-top:12px; }
}