@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{--ink:#333;--violet:#3d4166;--violet-deep:#282b47;--lavender:#a8a6c9;--lavender-soft:#d8d6e6;--orange:#f28c28;--paper:#f7f7f6;--white:#fff;--line:rgba(61,65,102,.16);--tech:"Montserrat",Arial,sans-serif;--font:"Montserrat",Arial,sans-serif}
.dwv-audit{color:var(--ink);font-family:"Montserrat",Arial,sans-serif!important;line-height:1.6;width:100%;max-width:min(1320px,100%);margin-inline:auto;padding:clamp(20px,4vw,40px) clamp(20px,4vw,40px) 80px;box-sizing:border-box;overflow:visible;transform:none}
.dwv-audit button,.dwv-audit input,.dwv-audit select,.dwv-audit textarea,.dwv-audit label,.dwv-audit summary,.dwv-audit h1,.dwv-audit h2,.dwv-audit h3,.dwv-audit p,.dwv-audit span,.dwv-audit b,.dwv-audit strong,.dwv-audit small,.dwv-audit em,.dwv-audit li,.dwv-audit a,.dwv-audit .dwv-ring::after{font-family:"Montserrat",Arial,sans-serif!important}
/* Keep the tool in the normal page flow. The former left/translate breakout
   offset a 1320px layout from the article column, clipping its left edge. */
.entry-content .dwv-audit,.dw-legal__prose .dwv-audit{position:static;left:auto;transform:none}
.entry-content:has(.dwv-audit),.dw-legal__prose:has(.dwv-audit){overflow:visible!important}
/* The page template that hosts this tool (dw-legal--utility) is built for
   narrow legal/prose reading columns (max-width:54rem ≈ 864px). That is the
   real cause of the "narrow, left-biased" layout: the tool's own width rules
   are fine, but its ancestor never lets it grow. Widen only when this exact
   tool is inside it, so unrelated legal pages keep their narrow column. The
   :has(#id) argument gives this selector enough specificity to beat the
   theme's two-class rule regardless of stylesheet load order. */
.dw-legal__prose:has(#dwv-audit-app),
.dw-legacy-prose:has(#dwv-audit-app),
.dw-legal--utility:has(#dwv-audit-app),
.section-shell:has(#dwv-audit-app){max-width:none!important}
.dwv-audit *{box-sizing:border-box}.dwv-audit h1,.dwv-audit h2,.dwv-audit h3,.dwv-audit p{margin-top:0}.dwv-audit h1,.dwv-audit h2{color:var(--violet);line-height:1.15}.dwv-audit h1{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.045em;max-width:720px}.dwv-audit h2{font-size:clamp(1.45rem,2.5vw,2.25rem);letter-spacing:-.03em}.dwv-audit a{color:var(--violet)}

/* ===== Stage: hero + form share one immersive, textured composition ===== */
.dwv-audit__stage{position:relative;isolation:isolate;border-radius:22px}
.dwv-audit__atmosphere{position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;overflow:hidden;background:
	radial-gradient(620px 420px at 88% 8%,rgba(242,140,40,.09),transparent 60%),
	radial-gradient(680px 480px at 6% 92%,rgba(61,65,102,.1),transparent 60%),
	radial-gradient(circle,rgba(168,166,201,.4) 0 1.4px,transparent 1.4px) 0 0/26px 26px,
	linear-gradient(180deg,#fbfbfd 0%,var(--paper) 100%)}
.dwv-audit__atmosphere:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(247,247,246,.92) 100%)}
.dwv-audit__stage>.dwv-audit__hero,.dwv-audit__stage>.dwv-audit__panel{position:relative;z-index:1}

.dwv-audit__hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.65fr);align-items:center;gap:clamp(32px,8vw,100px);min-height:360px;padding:clamp(28px,4vw,52px) clamp(4px,2vw,28px) 40px}
.dwv-audit__eyebrow{font-family:var(--tech);color:var(--orange);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.dwv-audit__hero>div>p:not(.dwv-audit__eyebrow){font-size:clamp(1rem,1.5vw,1.2rem);max-width:650px}

/* ---- Diagnosis orbit: Inicio/Servicios editorial language (thin lilac
   orbits, line icons, dotted connectors, restrained orange). ---- */
.dwv-audit__scanner-wrap{display:flex;justify-self:end;width:100%;max-width:440px}
.dwv-audit__system{--core:34%;--node:21%;--connector:28%;position:relative;width:100%;aspect-ratio:1/1;max-width:420px;margin-inline:auto;color:var(--violet);isolation:isolate}
.dwv-audit__orbit{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(168,166,201,.32);pointer-events:none}
.dwv-audit__orbit--out{width:100%;height:100%}
.dwv-audit__orbit--mid{width:78%;height:78%;border-style:dashed;opacity:.7}
.dwv-audit__orbit--in{width:52%;height:52%;border-style:dotted;opacity:.55}
.dwv-audit__scanline{position:absolute;inset:0;border-radius:50%;opacity:0;pointer-events:none;background:conic-gradient(from 0deg,rgba(242,140,40,0) 0deg,rgba(242,140,40,.14) 16deg,rgba(242,140,40,0) 42deg)}
.dwv-audit__core,.dwv-audit__node{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;background:rgba(255,255,255,.88);border:1px solid var(--lavender);border-radius:50%;box-shadow:0 12px 36px rgba(61,65,102,.06);color:var(--violet)}
.dwv-audit__core{left:50%;top:50%;width:var(--core);height:var(--core);transform:translate(-50%,-50%);z-index:3}
.dwv-audit__core::before,.dwv-audit__core::after{content:"";position:absolute;inset:-18%;border:1px dotted var(--lavender);border-radius:50%;opacity:.7;pointer-events:none;transition:opacity .35s ease,transform .6s ease}
.dwv-audit__core::after{inset:-42%;opacity:.38}
.dwv-audit__core span{font-size:.62rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;line-height:1.15;padding:0 6px}
.dwv-audit__node{width:var(--node);height:var(--node);transition:transform .3s ease,background .3s ease,box-shadow .3s ease,border-color .3s ease}
.dwv-audit__node span{font-size:.58rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;line-height:1.15;padding:0 4px}
.dwv-audit__node::after{content:"";position:absolute;width:var(--connector);border-top:1px dotted var(--lavender);transform-origin:left center;z-index:-1;opacity:.85;transition:border-color .35s ease,opacity .35s ease}
.dwv-audit__node--a{left:2%;top:40%}.dwv-audit__node--a::after{left:88%;top:48%;transform:rotate(-6deg)}
.dwv-audit__node--b{left:20%;top:3%}.dwv-audit__node--b::after{left:72%;top:78%;transform:rotate(38deg)}
.dwv-audit__node--c{right:2%;top:28%}.dwv-audit__node--c::after{right:78%;top:42%;left:auto;transform:rotate(188deg)}
.dwv-audit__node--d{right:12%;bottom:4%}.dwv-audit__node--d::after{right:70%;top:22%;left:auto;transform:rotate(230deg)}
.dwv-audit__node--e{left:36%;bottom:0}.dwv-audit__node--e::after{left:42%;bottom:88%;transform:rotate(-88deg)}
.dwv-audit__callout{position:absolute;z-index:4;width:min(190px,46%);padding:12px 14px;background:var(--white);border:1px solid var(--line);box-shadow:0 10px 28px rgba(61,65,102,.08);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .45s ease,transform .45s ease}
.dwv-audit__callout span,.dwv-audit__callout strong{display:block}
.dwv-audit__callout span{margin-bottom:4px;color:#595959;font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em}
.dwv-audit__callout strong{color:var(--violet);font-size:.78rem;font-weight:500}
.dwv-audit__callout--top{right:0;top:2%}
.dwv-audit__callout--bot{left:0;bottom:6%}

@media(min-width:768px){
	.dwv-audit__orbit--out{animation:dwv-orbit-spin 64s linear infinite}
	.dwv-audit__orbit--mid{animation:dwv-orbit-spin 48s linear infinite reverse}
	.dwv-audit__orbit--in{animation:dwv-orbit-spin 36s linear infinite}
	.dwv-audit__node{animation:dwv-node-pulse 4.8s ease-in-out infinite}
	.dwv-audit__node--b{animation-delay:.6s}
	.dwv-audit__node--c{animation-delay:1.2s}
	.dwv-audit__node--d{animation-delay:1.8s}
	.dwv-audit__node--e{animation-delay:2.4s}
	.dwv-audit__system:hover .dwv-audit__orbit--out{animation-duration:28s}
	.dwv-audit__system:hover .dwv-audit__orbit--mid{animation-duration:20s}
	.dwv-audit__system:hover .dwv-audit__orbit--in{animation-duration:16s}
	.dwv-audit__system:hover .dwv-audit__callout{opacity:1;transform:none}
	.dwv-audit__system:hover .dwv-audit__node::after{border-top-style:dashed;border-color:rgba(61,65,102,.45);animation:dwv-dash-pulse 1.6s ease-in-out infinite}
	.dwv-audit__system:hover .dwv-audit__core::before{opacity:.95;transform:scale(1.03)}
	.dwv-audit__system:hover .dwv-audit__core::after{opacity:.55;transform:scale(1.02)}
	.dwv-audit__node:hover{transform:translateY(-4px) scale(1.05);background:var(--paper);border-color:rgba(61,65,102,.35);box-shadow:0 16px 34px rgba(61,65,102,.12);animation:none}
}
@keyframes dwv-orbit-spin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes dwv-node-pulse{0%,100%{box-shadow:0 12px 36px rgba(61,65,102,.06)}50%{box-shadow:0 14px 40px rgba(61,65,102,.12)}}
@keyframes dwv-dash-pulse{0%,100%{opacity:.55}50%{opacity:1}}
.dwv-audit__system.is-scanning .dwv-audit__scanline{opacity:.9;animation:dwv-scanline-sweep 2.4s linear infinite}
@keyframes dwv-scanline-sweep{to{transform:rotate(360deg)}}
.dwv-audit__system.is-scanning .dwv-audit__node{animation:dwv-node-pulse 1.4s ease-in-out infinite!important;animation-delay:0s!important}
.dwv-audit__system.is-scanning .dwv-audit__callout{opacity:1;transform:none}
.dwv-audit__system.is-scanning .dwv-audit__orbit--out,.dwv-audit__system.is-scanning .dwv-audit__orbit--mid,.dwv-audit__system.is-scanning .dwv-audit__orbit--in{animation-duration:12s}

/* ---- Form panel: one interactive console-styled card, not a card pile ---- */
.dwv-audit__panel{background:linear-gradient(160deg,rgba(255,255,255,.92) 0%,rgba(247,247,246,.86) 100%);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,4vw,40px);box-shadow:0 22px 55px rgba(61,65,102,.12);backdrop-filter:blur(2px)}
.dwv-audit__panel-head{display:flex;align-items:center;gap:9px;margin-bottom:18px;font-family:var(--tech);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--violet)}
.dwv-audit__pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(242,140,40,.5);animation:dwv-dot-pulse 2.2s ease-out infinite}
@keyframes dwv-dot-pulse{0%{box-shadow:0 0 0 0 rgba(242,140,40,.45)}70%{box-shadow:0 0 0 8px rgba(242,140,40,0)}100%{box-shadow:0 0 0 0 rgba(242,140,40,0)}}
.dwv-audit__panel h2{margin-bottom:22px}.dwv-audit__form{display:grid;grid-template-columns:1fr auto;gap:10px 14px;align-items:end}.dwv-audit__form>label{grid-column:1/-1;font-weight:700;font-size:.92rem;color:var(--violet)}.dwv-audit__form input[type=url],.dwv-audit__form input[type=text],.dwv-audit__form input[type=tel],.dwv-audit__form input[type=email],.dwv-audit__field-row input{min-width:0;width:100%;height:52px;border:1px solid var(--lavender);border-radius:7px;background:var(--white);padding:0 15px;color:var(--ink);font:inherit;transition:border-color .2s ease,box-shadow .2s ease}
.dwv-audit__form input:focus-visible{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px rgba(242,140,40,.14)}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dwv-audit__faq-item{display:block;width:100%;max-width:100%;min-width:0;overflow:visible;border-bottom:1px solid var(--line)}
.dwv-audit__faq-q{width:100%;justify-content:space-between;background:transparent!important;color:var(--violet)!important;min-height:56px;padding:16px 0;font-weight:700;text-align:left;white-space:normal}
.dwv-audit__faq-q:hover{background:transparent!important;transform:none}
.dwv-audit__faq-a{display:block;padding:0 0 16px}.dwv-audit__faq-a[hidden]{display:none}.dwv-audit__form input.is-invalid{border-color:#b42318;background:#fff7f5}.dwv-audit__form input[name=honeypot]{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;pointer-events:none!important}
.dwv-audit button,.dwv-audit__cta a{appearance:none;border:0;border-radius:7px;background:var(--violet);color:var(--white)!important;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 22px;text-align:center;text-decoration:none;font:700 .9rem inherit;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.dwv-audit button:hover,.dwv-audit__cta a:hover{background:#2e3150;transform:translateY(-1px);box-shadow:0 10px 22px rgba(61,65,102,.28)}.dwv-audit button:focus-visible,.dwv-audit__cta a:focus-visible,.dwv-audit summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.dwv-audit button:disabled{cursor:wait;opacity:.7}.dwv-audit__privacy{font-size:.82rem;margin:14px 0 0;color:#5b5b68}

/* ---- Progress: calm, legible, and visibly "alive" while checks run ---- */
.dwv-audit__progress{margin-top:26px;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 10px 26px rgba(61,65,102,.09)}
.dwv-audit__progress-label{margin:0;font-weight:800;color:var(--violet);font-size:1.02rem;font-family:var(--tech)}
.dwv-audit__progress-track{position:relative;height:8px;overflow:hidden;margin:16px 0 20px;border-radius:99px;background:var(--lavender-soft)}
.dwv-audit__progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),#656aa0,var(--orange));transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}
.dwv-audit__progress-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);width:40%;transform:translateX(-100%);opacity:0}
.dwv-audit__progress[aria-busy="true"] .dwv-audit__progress-shimmer{opacity:1;animation:dwv-shimmer 1.6s ease-in-out infinite}
@keyframes dwv-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(260%)}}
.dwv-audit__stages{counter-reset:stage;display:flex;gap:10px;list-style:none;padding:0;margin:0}
.dwv-audit__stages li{align-items:center;color:#8988a1;display:flex;flex:1;font-size:.78rem;gap:7px;font-weight:600}
.dwv-audit__stages li:before{content:counter(stage);counter-increment:stage;display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border:1px solid var(--lavender);border-radius:50%;font-weight:700;font-family:var(--tech);font-size:.72rem;transition:all .25s ease}
.dwv-audit__stages li.is-active{color:var(--violet)}
.dwv-audit__stages li.is-active:before{border-color:var(--orange);background:var(--orange);color:var(--white);animation:dwv-stage-pulse 1.4s ease-in-out infinite}
@keyframes dwv-stage-pulse{0%,100%{box-shadow:0 0 0 0 rgba(242,140,40,.35)}50%{box-shadow:0 0 0 5px rgba(242,140,40,.16)}}
.dwv-audit__stages li.is-done{color:var(--violet)}
.dwv-audit__stages li.is-done:before{content:"✓";border-color:var(--violet);background:var(--violet);color:var(--white)}
/* Calm failure state: no glowing orange blob left stuck mid-run. */
.dwv-audit__progress.is-error{border-color:rgba(180,35,24,.35)}
.dwv-audit__progress.is-error .dwv-audit__progress-label{color:#8a2418}
.dwv-audit__progress.is-error .dwv-audit__progress-track span{background:#c9beca}
.dwv-audit__progress.is-error .dwv-audit__stages li.is-active:before{background:var(--white);color:#b42318;border-color:#b42318;animation:none;box-shadow:none}
.dwv-audit__progress.is-error .dwv-audit__stages li.is-active{color:#8a2418}

/* ---- Inline notices: branded, calm, never an empty alarming bar ---- */
.dwv-audit__error{display:flex;align-items:flex-start;gap:9px;margin:0;font-size:.85rem;font-weight:600;line-height:1.5;color:#7a2b22;background:#fdf2f0;border:1px solid rgba(180,35,24,.22);border-left:3px solid #b42318;border-radius:9px;padding:11px 14px}
.dwv-audit__error:before{content:"!";flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#b42318;color:#fff;font:800 .72rem/18px var(--tech);text-align:center}
.dwv-audit__error[hidden]{display:none}
.dwv-audit__notice{display:flex;align-items:flex-start;gap:9px;margin:12px 0 0;font-size:.85rem;font-weight:600;line-height:1.5;color:#3d4166;background:#f3f4fb;border:1px solid rgba(61,65,102,.18);border-left:3px solid #3d4166;border-radius:9px;padding:11px 14px}
.dwv-audit__notice[hidden]{display:none}

.dwv-audit__results{margin-top:42px;scroll-margin-top:24px}.dwv-audit__results[hidden]{display:none}
/* Light editorial hero, matching the Inicio/Servicios reference language
   (white panel, thin orange accent line, navy headline) instead of a dark
   slab that made the headline nearly unreadable against the gradient. */
.dwv-audit__results-head{background:var(--white);color:var(--ink);padding:clamp(26px,5vw,48px) clamp(24px,5vw,48px) clamp(30px,4vw,40px);border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:18px 18px 0 0;position:relative;overflow:hidden}
.dwv-audit__results-head:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(61,65,102,.5) 0 1px,transparent 1px) 0 0/24px 24px;opacity:.05;pointer-events:none}
.dwv-audit__results-eyebrow{position:relative;font-family:var(--tech);color:var(--orange);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px}
.dwv-audit__results-head h2{position:relative;color:var(--violet);font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:12px}
.dwv-audit__results-head p{position:relative;margin-bottom:10px;color:#4a4a58;max-width:62ch}
.dwv-audit__results-head .dwv-audit__url-line{color:var(--violet);font-weight:700}
.dwv-audit__results-head .dwv-audit__note{color:#7d7c8f}
.dwv-audit__interpretation{position:relative;margin:16px 0 6px;padding:14px 18px;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--violet);border-radius:0 10px 10px 0;font-weight:600;color:var(--violet)}
.dwv-audit__scores-caption{font-family:var(--tech);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8988a1;margin:34px 0 -6px}
.dwv-audit__scores{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-top:0;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:clamp(22px,4vw,32px) clamp(20px,5vw,48px) clamp(28px,4vw,40px);border-radius:0 0 18px 18px}.dwv-audit__scores article{text-align:center;min-width:0}
.dwv-ring{--score:0;display:grid;place-items:center;width:clamp(76px,10vw,108px);height:clamp(76px,10vw,108px);margin:0 auto 10px;border-radius:50%;background:conic-gradient(var(--violet) calc(var(--score)*1%),var(--lavender-soft) 0);position:relative;font-size:clamp(1.05rem,1.8vw,1.4rem);font-weight:700}
.dwv-ring:before{content:"";position:absolute;inset:11px;border-radius:inherit;background:var(--white);box-shadow:0 1px 4px rgba(61,65,102,.08) inset}
.dwv-ring{isolation:isolate}.dwv-ring::after{content:attr(data-score);z-index:1;font-family:var(--tech);color:var(--violet)}.dwv-ring:not([data-score]){background:var(--lavender-soft)}.dwv-ring:not([data-score])::after{content:"—";color:#9291ab}.dwv-ring{font-size:0}.dwv-ring span{display:none}
.dwv-ring.is-attention{background:conic-gradient(var(--orange) calc(var(--score)*1%),var(--lavender-soft) 0)}
.dwv-ring.is-attention::after{color:#b5680f}
.dwv-ring.is-live{animation:dwv-ring-in .7s cubic-bezier(.16,1,.3,1)}
@keyframes dwv-ring-in{0%{transform:scale(.82);filter:brightness(1.35)}60%{transform:scale(1.03)}100%{transform:scale(1);filter:brightness(1)}}
.dwv-audit__scores b{font-size:.78rem;line-height:1.25;display:block;color:var(--violet)}
.dwv-audit__scores small{color:#7a7a8c}
/* Device tabs: `all:unset` clears any inherited/theme button chrome (fill,
   radius, shadow) that could otherwise leak in with mismatched specificity,
   then every needed property is re-applied explicitly for both states. */
.dwv-audit__device-tabs{display:flex;gap:4px;margin:38px 0 22px;border-bottom:1px solid var(--line)}
.dwv-audit__device-tabs [role=tab]{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 22px;font:700 .92rem/1 Montserrat,Arial,sans-serif;color:#6f6e85!important;background:transparent!important;border-radius:9px 9px 0 0!important;border:1px solid transparent!important;border-bottom:0!important;box-shadow:none!important;transition:background .2s ease,color .2s ease}
.dwv-audit__device-tabs [role=tab]:hover{background:rgba(168,166,201,.16)!important;color:var(--violet)!important}
.dwv-audit__device-tabs [role=tab][aria-selected=true]{color:var(--violet)!important;background:var(--paper)!important;border-color:var(--line)!important}
.dwv-audit__device-tabs [role=tab]:focus-visible{outline:2px solid var(--orange)!important;outline-offset:-2px}
.dwv-audit__results>section{margin-top:42px}.dwv-audit__lede{color:#6b6a76;font-size:.92rem;margin:-4px 0 18px}
.dwv-audit__cwv{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dwv-audit__cwv article{background:var(--white);border:1px solid var(--line);border-radius:12px;min-height:150px;padding:18px 20px;color:var(--violet);font-size:.8rem;font-weight:700;position:relative;overflow:hidden}
.dwv-audit__cwv article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--lavender)}
.dwv-audit__cwv article.is-good:before{background:#3f8f52}
.dwv-audit__cwv article.is-mid:before{background:var(--orange)}
.dwv-audit__cwv article.is-poor:before{background:#be3126}
.dwv-audit__cwv strong{display:block;margin-top:10px;color:var(--ink);font-size:1.3rem;font-family:var(--tech)}
.dwv-audit__cwv em{display:inline-block;margin-top:6px;font-style:normal;font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:99px;background:var(--lavender-soft);color:#514f68}
.dwv-audit__cwv article.is-good em{background:rgba(63,143,82,.14);color:#2f7a41}
.dwv-audit__cwv article.is-mid em{background:rgba(242,140,40,.16);color:#b5680f}
.dwv-audit__cwv article.is-poor em{background:rgba(190,49,38,.14);color:#a52a20}
.dwv-audit__cwv small{display:block;margin-top:8px;color:#6b6a76;font-weight:400;font-size:.78rem;line-height:1.4}
[data-dwv-priorities],[data-dwv-technical]{display:grid;gap:10px}.dwv-priority,.dwv-check{border:1px solid var(--line);border-left:4px solid var(--lavender);border-radius:8px;padding:18px 18px 16px;background:var(--white)}.dwv-priority--critical,.dwv-check--critical{border-left-color:#be3126}.dwv-priority--improve,.dwv-check--improve{border-left-color:var(--orange)}.dwv-priority--ok,.dwv-check--ok{border-left-color:#58815a}.dwv-priority h3,.dwv-check h3{font-size:1rem;color:var(--violet);margin:0 0 8px}.dwv-priority h3:before{margin-right:9px}.dwv-priority--critical h3:before{content:"●";color:#be3126}.dwv-priority--improve h3:before{content:"▲";color:var(--orange)}.dwv-priority--ok h3:before{content:"✓";color:#58815a}.dwv-priority p,.dwv-check p{font-size:.9rem;margin:6px 0}.dwv-priority a{font-size:.85rem;font-weight:700}.dwv-technical-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}.dwv-check{min-height:130px}.dwv-check__status{color:#6b6a76;font-size:.8rem}
/* ---- Priorities organized as three business-readable buckets ---- */
.dwv-priority-bucket{margin-bottom:30px}.dwv-priority-bucket:last-child{margin-bottom:0}
.dwv-priority-bucket__head{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}
.dwv-priority-bucket__title{margin:0;font-size:1.05rem;color:var(--violet);display:flex;align-items:center;gap:8px}
.dwv-priority-bucket__dot{width:9px;height:9px;border-radius:50%;flex:0 0 9px}
.dwv-priority-bucket--critical .dwv-priority-bucket__dot{background:#be3126}
.dwv-priority-bucket--improve .dwv-priority-bucket__dot{background:var(--orange)}
.dwv-priority-bucket--ok .dwv-priority-bucket__dot{background:#58815a}
.dwv-priority-bucket__lede{margin:0 0 14px;font-size:.86rem;color:#6b6a76}
.dwv-priority__impact{display:inline-block;margin:0 0 10px;padding:3px 10px;border-radius:99px;background:var(--paper);color:var(--violet);font-size:.72rem;font-weight:700;letter-spacing:.02em}
.dwv-priority details{margin-top:8px}.dwv-priority summary{cursor:pointer;color:#6f6e85;font-size:.82rem;font-weight:700;list-style:none}.dwv-priority summary::-webkit-details-marker{display:none}.dwv-priority summary:before{content:"Detalle técnico ▾ ";}.dwv-priority details[open] summary:before{content:"Detalle técnico ▴ "}.dwv-priority details p{color:#6b6a76;font-size:.82rem}
.dwv-priority-ok-list{display:flex;flex-wrap:wrap;gap:8px}
.dwv-priority-ok-list span{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--line);border-radius:99px;background:var(--paper);color:var(--violet);font-size:.82rem;font-weight:700}
.dwv-priority-ok-list span:before{content:"✓";color:#58815a}
.dwv-audit__content{margin-top:clamp(56px,9vw,110px);max-width:900px;min-width:0;overflow:visible}.dwv-audit__content>h2:not(:first-child){margin-top:58px}.dwv-audit__content p{font-size:1.02rem}.dwv-audit__cta{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 58px}.dwv-audit__cta a:last-child{background:var(--orange)}.dwv-audit__cta a:last-child:hover{background:#d87518}.dwv-audit__faq{display:block;width:100%;max-width:100%;overflow:visible;border-top:1px solid var(--line)}.dwv-audit__faq details{border-bottom:1px solid var(--line)}.dwv-audit__faq summary{display:block;width:100%;max-width:100%;color:var(--violet);cursor:pointer;font-weight:700;list-style:none;padding:19px 34px 19px 0;position:relative;overflow-wrap:anywhere}.dwv-audit__faq summary::-webkit-details-marker{display:none}.dwv-audit__faq summary:after{content:"+";position:absolute;right:6px;font-size:1.3rem;font-weight:400}.dwv-audit__faq details[open] summary:after{content:"−"}.dwv-audit__faq p{padding-bottom:18px}
.dwv-audit__process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:40px 0}.dwv-audit__process article{border-top:3px solid var(--orange);padding:14px 8px 0}.dwv-audit__process b{display:block;color:var(--violet);font-size:.88rem}.dwv-audit__process span{font-size:.82rem}
.dwv-audit__pending{background:#fff5e9;border:1px solid rgba(242,140,40,.4);border-radius:10px;margin:0 0 22px;padding:16px;align-items:center;justify-content:space-between;gap:14px}.dwv-audit__pending:not([hidden]){display:flex}.dwv-audit__pending[hidden],.dwv-audit__pending:empty{display:none!important}.dwv-audit__pending p{margin:0}.dwv-audit__pending button{min-height:42px;white-space:nowrap}
.dwv-audit__field-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;min-width:0}.dwv-audit__contact-fields{grid-column:1/-1;min-width:0;margin-top:14px;padding-top:18px;border-top:1px dashed var(--line)}.dwv-audit__contact-title{margin:0;color:var(--violet);font-size:1.05rem;font-weight:700}.dwv-audit__contact-copy{margin:4px 0 16px;font-size:.86rem;color:#5b5b68}.dwv-audit__form .dwv-audit__lead-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}.dwv-audit__form .dwv-audit__lead-grid label{display:grid;grid-column:auto;min-width:0;gap:6px;color:var(--violet);font-size:.82rem;font-weight:700}.dwv-audit__form .dwv-audit__lead-grid input{height:48px}.dwv-audit__form .dwv-audit__lead-email{grid-column:1/-1}.dwv-audit__help,.dwv-audit__disclaimer{grid-column:1/-1;margin:0;font-size:.82rem}.dwv-audit__error{grid-column:1/-1}.dwv-audit__results-head .dwv-audit__cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;position:relative}.dwv-audit__results-head .button{background:var(--white);color:var(--violet)!important;min-height:44px}.dwv-audit__results-head .button-orange{background:var(--orange);color:var(--white)!important}.dwv-audit__results>section{padding-inline:clamp(2px,1vw,16px)}.dwv-audit__process{display:block}.dwv-audit__process-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;list-style:none;margin:26px 0;padding:0}.dwv-audit__process-list li{border-top:3px solid var(--orange);padding:14px 8px 0}.dwv-audit__process-list strong,.dwv-audit__process-list span{display:block}.dwv-audit__process-list strong{color:var(--violet);font-size:.88rem}.dwv-audit__process-list span{font-size:.82rem}.dwv-audit__url-line{position:relative;font-size:.88rem;overflow-wrap:anywhere}.dwv-audit__note{position:relative;font-size:.8rem;color:#e5e4ef}
.dwv-audit__prio-summary{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 15px;font-size:.84rem;font-weight:700}.dwv-audit__prio-summary span{border-left:3px solid currentColor;padding-left:8px}.dwv-audit__prio-summary .dwv-priority--critical{color:#be3126}.dwv-audit__prio-summary .dwv-priority--improve{color:#a85810}.dwv-audit__prio-summary .dwv-priority--ok{color:#427344}
.dwv-audit__lead{margin-top:28px;padding:22px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.28);border-radius:12px}.dwv-audit__lead h3{margin:0 0 6px;color:var(--white);font-size:1.15rem}.dwv-audit__lead p{font-size:.9rem}.dwv-audit__lead-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dwv-audit__lead label{display:grid;gap:5px;color:var(--white);font-size:.8rem;font-weight:700}.dwv-audit__lead input{width:100%;height:44px;border:1px solid rgba(255,255,255,.58);border-radius:6px;background:var(--white);padding:0 12px;color:var(--ink);font:inherit}.dwv-audit__lead-email{grid-column:1/-1}.dwv-audit__lead-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}.dwv-audit__lead-actions button{min-height:44px;background:var(--orange)}.dwv-audit__lead-actions button:hover{background:#d87518}.dwv-audit__lead-actions .button-link{min-height:auto;padding:0;background:transparent;color:var(--white)!important;text-decoration:underline;font-weight:600}.dwv-audit__lead-actions .button-link:hover{background:transparent;transform:none}.dwv-audit__lead-message{margin:12px 0 0!important;font-weight:700}.dwv-audit__lead-message.is-error{color:#ffe0db}.dwv-audit__lead.is-saved{background:rgba(88,129,90,.3)}
@media(max-width:767px){.dwv-audit{padding-inline:16px}.dwv-audit__hero{grid-template-columns:1fr;padding-bottom:32px}.dwv-audit__scanner-wrap{justify-self:start;max-width:260px;order:-1;margin-bottom:8px}.dwv-audit__callout,.dwv-audit__node::after{display:none}.dwv-audit__core::before,.dwv-audit__core::after{inset:-12%}.dwv-audit__core::after{inset:-28%}.dwv-audit__form{grid-template-columns:1fr}.dwv-audit__form button{width:100%}.dwv-audit__field-row,.dwv-audit__form .dwv-audit__lead-grid{grid-template-columns:1fr}.dwv-audit__form .dwv-audit__lead-email{grid-column:auto}.dwv-audit__stages{display:grid;grid-template-columns:1fr}.dwv-audit__scores{grid-template-columns:repeat(2,1fr);gap:24px}.dwv-audit__cwv,.dwv-technical-grid,.dwv-audit__lead-grid{grid-template-columns:1fr}.dwv-audit__process{grid-template-columns:1fr}.dwv-audit__process article,.dwv-audit__process-list li{border-top:0;border-left:3px solid var(--orange);padding:4px 0 4px 14px}.dwv-audit__process-list{grid-template-columns:1fr}.dwv-audit__pending{align-items:flex-start;flex-direction:column}.dwv-audit__next-points{grid-template-columns:1fr}.dwv-audit__whatsapp-cta{width:100%}}
@media(max-width:560px){.dwv-audit__field-row{grid-template-columns:1fr}.dwv-audit__field-row button{width:100%}}
/* CTA hierarchy on the now-light hero: one solid primary action, calm
   outline secondaries, and a distinct WhatsApp block with Daniel's photo. */
.dwv-audit__results-head [data-dwv-pdf],.dwv-audit__results-head .button-secondary{background:var(--white)!important;border:2px solid var(--lavender)!important;color:var(--violet)!important;font-weight:800}.dwv-audit__results-head [data-dwv-pdf]:hover,.dwv-audit__results-head .button-secondary:hover{background:var(--paper)!important;border-color:var(--violet)!important;color:var(--violet)!important}.dwv-audit__results-head [data-dwv-pdf]:focus-visible,.dwv-audit__results-head .button-secondary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.dwv-audit__pdf-help{position:relative;margin:12px 0 0;color:#7d7c8f;font-size:.8rem;font-weight:600}
.dwv-audit__cta-row{align-items:center}
.dwv-audit__cta-primary{font-size:.98rem!important;padding:0 26px!important;box-shadow:0 10px 24px rgba(61,65,102,.22)}
.dwv-audit__cta-link{background:transparent!important;color:var(--violet)!important;text-decoration:underline;text-decoration-color:var(--lavender);min-height:auto!important;padding:0!important;font-weight:700!important}
.dwv-audit__cta-link:hover{background:transparent!important;transform:none!important;color:var(--orange)!important}
.dwv-audit__whatsapp-cta{display:inline-flex;align-items:center;gap:10px;background:var(--white)!important;border:2px solid var(--orange)!important;color:var(--violet)!important;border-radius:99px!important;padding:6px 20px 6px 6px!important;min-height:52px!important;text-align:left}
.dwv-audit__whatsapp-cta:hover{background:#fff5e9!important;transform:translateY(-1px)}
.dwv-audit__whatsapp-cta img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 38px;border:2px solid var(--white);box-shadow:0 0 0 1px var(--orange)}
.dwv-audit__whatsapp-cta span{display:flex;flex-direction:column;line-height:1.25}
.dwv-audit__whatsapp-cta b{font-size:.86rem;font-weight:800;color:var(--violet)}
.dwv-audit__whatsapp-cta small{font-size:.72rem;font-weight:600;color:#6f6e85}
/* ---- Persuasive close: value proposition + a calm, honest next step ---- */
.dwv-audit__next{margin-top:48px;padding:clamp(28px,5vw,48px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,var(--violet-deep) 0%,var(--violet) 100%);color:#fff;position:relative;overflow:hidden}
.dwv-audit__next:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.5) 0 1px,transparent 1px) 0 0/24px 24px;opacity:.1;pointer-events:none}
.dwv-audit__next-eyebrow{position:relative;font-family:var(--tech);color:#ffcf9b!important;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px}
.dwv-audit .dwv-audit__next h3,.dwv-audit__next h3#next-title{position:relative;color:#fff!important;font-size:clamp(1.35rem,2.6vw,1.9rem);margin-bottom:14px}
.dwv-audit .dwv-audit__next p,.dwv-audit__next p{position:relative;color:#e7e6f2!important;max-width:66ch;margin-bottom:14px}
.dwv-audit__next-points{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 26px;padding:0}
.dwv-audit__next-points li{list-style:none;padding-top:12px;border-top:2px solid rgba(255,255,255,.25);font-size:.86rem;color:#e7e6f2!important;background:transparent;box-shadow:none;border-radius:0}
.dwv-audit__next-points strong{display:block;color:#fff!important;font-size:.92rem;margin-bottom:4px}
.dwv-audit__next-cta{position:relative;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.dwv-audit__next .dwv-audit__whatsapp-cta{border-color:var(--orange)!important}
.dwv-audit__next .dwv-audit__cta-primary{background:var(--orange)!important;color:#fff!important}
.dwv-audit__pending:empty,.dwv-audit__error:empty{display:none!important}
.dwv-audit__prio-summary:empty,[data-dwv-priorities]:empty:not(.is-loading),[data-dwv-technical]:empty:not(.is-loading){display:none}
@media(min-width:1440px){.dwv-audit__hero{min-height:430px}.dwv-audit__content{max-width:960px}}@media(min-width:1920px){.dwv-audit__hero{gap:130px}}
@media(prefers-reduced-motion:reduce){.dwv-audit *, .dwv-audit *:before,.dwv-audit *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}