/* Visual Art AI · Sistema de experiencia v1
   Solo consume tokens semánticos definidos en styles/tokens.css.
   Capa incremental de la web pública: no reemplaza home-core.css. */

/* Marca tipográfica: Visual es el elemento protagonista. */
.vaa-brand{gap:var(--space-2);min-width:0}
.vaa-wordmark{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.12rem;font-family:var(--font-sans);letter-spacing:0;text-transform:none;line-height:1}
.vaa-wordmark strong{display:block;font-size:1.32rem;line-height:.98;font-weight:800;letter-spacing:-.075em;color:var(--color-text-primary)}
.vaa-wordmark small{display:block;padding-left:.08rem;font-size:.55rem;line-height:1.15;font-weight:750;letter-spacing:.18em;color:var(--color-action-primary-hover)}
.vaa-symbol{color:var(--color-action-primary);flex-shrink:0}
.vaa-brand:hover .vaa-wordmark strong{color:var(--color-action-primary-hover)}

/* Contratos transversales de componentes. */
.button,.v18-whatsapp,.v11-query-tabs button,.v11-query-play,.menu-btn,.menu-close{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.button{font-family:var(--font-sans);font-size:.78rem;font-weight:750;letter-spacing:0;text-transform:none;line-height:1.25;text-align:center}
.button:active{transform:translateY(0) scale(.99)}
.button[disabled],.button[aria-disabled="true"]{opacity:.52;cursor:not-allowed;box-shadow:none;transform:none;pointer-events:none}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--color-action-primary);outline-offset:3px;box-shadow:var(--focus-ring)}
:where(a,button,input,select,textarea,summary):not(:focus-visible){outline-offset:0}
:where(a,button):focus:not(:focus-visible){outline:none}
.v11-query-tabs button,.v11-query-play{min-height:2.75rem}
.v11-query-tabs button[aria-pressed="true"]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-action-primary) 22%,transparent)}
.v11-search-scene{isolation:isolate}
.v11-search-result small{line-height:1.45}
.v11-proofline{font-variant-numeric:tabular-nums}

/* La tarjeta comercial tiene estados reconocibles, no solo hover. */
.v11-pricing article{transition:transform var(--duration-normal) var(--ease-emphasized),box-shadow var(--duration-normal),border-color var(--duration-normal)}
@media(hover:hover) and (pointer:fine){
  .v11-pricing article:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
}
.v11-pricing article:focus-within{border-color:var(--color-action-primary);box-shadow:var(--focus-ring)}
.v11-price-details summary{cursor:pointer}
.v11-price-details summary:hover{color:var(--color-action-primary-hover)}

/* Formulario: el envío es una acción explícita, nunca una promesa falsa. */
.v11-form .diagnostic-form{gap:var(--space-4)}
.v11-form .diagnostic-form :is(input,select,textarea){min-height:var(--control-height-lg);border-radius:var(--control-radius);transition:border-color var(--duration-fast),box-shadow var(--duration-fast),background var(--duration-fast)}
.v11-form .diagnostic-form :is(input,select,textarea):focus-visible{border-color:var(--color-action-primary);box-shadow:var(--focus-ring)}
.v11-form .diagnostic-form input[type="email"]:not(:placeholder-shown):invalid{border-color:var(--color-accent)}
.v11-form .diagnostic-form button[type="submit"]{width:100%;min-height:3.35rem}
.v11-form .vaa-email-option{justify-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:0;background:transparent;color:var(--color-action-primary-hover);font:700 .8rem var(--font-sans);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;cursor:pointer}
.v11-form .vaa-email-option:hover{color:var(--color-action-primary-pressed)}
.v11-form .form-note{line-height:1.65;font-size:.75rem}
.v11-form .form-note a{color:var(--color-action-primary-hover);text-decoration:underline;text-underline-offset:.18em}
.v11-form .form-status:not(:empty){margin-top:var(--space-2);padding:var(--space-3);background:var(--color-action-soft);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);font-size:.8rem;line-height:1.5;color:var(--color-text-primary)}
.v11-form .form-status a{color:var(--color-action-primary-hover);text-decoration:underline}
.v11-problem-list button:focus-visible,.v11-query-tabs button:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:3px}

/* El contenido aparece desde la jerarquía tipográfica, no desde efectos decorativos. */
.v11-section-intro h2,.v11-offer-head h2,.v11-diagnostic-copy h2{letter-spacing:var(--tracking-heading);text-wrap:balance}
.v11-hero-lede,.v11-diagnostic-copy>p{max-width:65ch}
@media(max-width:45rem){
  .vaa-wordmark strong{font-size:1.18rem}
  .vaa-wordmark small{font-size:.49rem}
  .vaa-brand{gap:.38rem}
  .topbar-actions>.button{font-size:.66rem;min-height:2.75rem;padding-inline:.7rem}
  .v11-form .vaa-email-option{font-size:.78rem}
  .v11-search-scene{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  .v11-pricing article,.button{transition:none!important;transform:none!important}
}

/* Halbert / Hopkins / Schwab: objection handling before the offer.
   Native details/summary, semantic tokens, no extra JavaScript. */
.v20-assurance{padding-block:clamp(3.75rem,7vw,6.5rem);background:var(--color-canvas-warm);border-block:1px solid var(--color-border-subtle)}
.v20-assurance-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(2rem,5vw,6rem);align-items:start}
.v20-assurance-intro{max-width:31rem}
.v20-assurance-label{display:inline-block;margin-bottom:1rem;font:750 .7rem/1.2 var(--font-mono);letter-spacing:.105em;color:var(--color-action-primary-hover)}
.v20-assurance-intro h2{margin:0 0 1.25rem;font:800 clamp(2.15rem,4.1vw,3.6rem)/1.02 var(--font-sans);letter-spacing:-.055em;color:var(--color-text-primary);text-wrap:balance}
.v20-assurance-intro p{margin:0 0 1.75rem;color:var(--color-text-secondary);line-height:1.75}
.v20-assurance-link{display:inline-flex;align-items:center;gap:.6rem;min-height:2.75rem;font:750 .875rem var(--font-sans);color:var(--color-action-primary-hover);border-bottom:2px solid var(--color-action-primary);transition:color var(--duration-fast)}
.v20-assurance-link:hover{color:var(--color-action-primary-pressed)}
.v20-assurance-answers{display:grid;gap:.75rem}
.v20-assurance-answers details{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}
.v20-assurance-answers details[open]{border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}
.v20-assurance-answers summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.5rem;padding:1.25rem 1.5rem;cursor:pointer;list-style:none;font:750 clamp(.95rem,1.4vw,1.08rem)/1.35 var(--font-sans);color:var(--color-text-primary)}
.v20-assurance-answers summary::-webkit-details-marker{display:none}
.v20-assurance-answers summary:after{content:"+";display:grid;place-items:center;flex:0 0 1.7rem;width:1.7rem;height:1.7rem;background:var(--color-action-soft);border-radius:var(--radius-pill);color:var(--color-action-primary-hover);font:700 1.4rem/1 var(--font-sans)}
.v20-assurance-answers details[open] summary:after{content:"−"}
.v20-assurance-answers details p{margin:0;padding:0 1.5rem 1.5rem;font:400 .93rem/1.7 var(--font-sans);color:var(--color-text-secondary)}
@media(max-width:54rem){.v20-assurance-grid{grid-template-columns:1fr;gap:2.5rem}.v20-assurance-intro{max-width:42rem}}
@media(max-width:45rem){.v20-assurance{padding-block:4rem}.v20-assurance-answers summary{padding:1.1rem 1.15rem;min-height:4.2rem}.v20-assurance-answers details p{padding:0 1.15rem 1.2rem}}

/* v21 · La primera sección después del héro debe responder QUÉ hacemos.
   Tarjetas sin contenido oculto: cada servicio se puede leer sin tocar nada. */
.v21-service-overview{background:var(--color-surface);padding-block:clamp(3.75rem,7vw,6.75rem);border-bottom:1px solid var(--color-border-subtle)}
.v21-service-intro{max-width:58rem;margin-bottom:clamp(2rem,4vw,3.25rem)}
.v21-kicker{display:inline-block;font:750 .7rem/1.45 var(--font-mono);letter-spacing:.105em;color:var(--color-action-primary-hover);margin-bottom:var(--space-4)}
.v21-service-intro h2{margin:0 0 var(--space-5);font:800 clamp(2.2rem,4.2vw,4rem)/1.04 var(--font-sans);letter-spacing:-.057em;text-wrap:balance;color:var(--color-text-primary)}
.v21-service-intro p{max-width:57ch;margin:0;font:450 clamp(1rem,1.4vw,1.125rem)/1.7 var(--font-sans);color:var(--color-text-secondary)}
.v21-service-intro p strong{font-weight:750;color:var(--color-text-primary)}
.v21-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.v21-service-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:17rem;padding:clamp(1.4rem,2.25vw,2.2rem);background:var(--color-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);transition:transform var(--duration-normal) var(--ease-emphasized),border-color var(--duration-normal),box-shadow var(--duration-normal)}
.v21-service-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:clamp(1.25rem,2vw,1.85rem)}
.v21-service-top>span:first-child{font:750 .67rem/1.5 var(--font-mono);letter-spacing:.075em;color:var(--color-action-primary-hover)}
.v21-service-number{font:650 .8rem/1.2 var(--font-mono);color:var(--color-text-muted)}
.v21-service-card h3{margin:0 0 .8rem;font:800 clamp(1.18rem,1.55vw,1.4rem)/1.23 var(--font-sans);letter-spacing:-.033em;color:var(--color-text-primary);text-wrap:pretty}
.v21-service-card p{margin:0 0 1.6rem;font:450 .9rem/1.69 var(--font-sans);color:var(--color-text-secondary)}
.v21-service-card>a{display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;min-height:2.75rem;color:var(--color-action-primary-hover);font:750 .88rem/1.4 var(--font-sans);text-decoration:underline;text-underline-offset:.26em;text-decoration-thickness:1px}
.v21-service-card>a:hover{color:var(--color-action-primary-pressed)}
.v21-service-card:focus-within{border-color:var(--color-action-primary);box-shadow:var(--focus-ring)}
.v21-service-bottom{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;flex-wrap:wrap;margin-top:var(--space-8);padding:var(--space-6) clamp(1.4rem,2.25vw,2rem);border-radius:var(--radius-lg);background:var(--color-action-soft)}
.v21-service-bottom p{margin:0;max-width:42rem;font:450 .92rem/1.6 var(--font-sans);color:var(--color-text-secondary)}
.v21-service-bottom p strong{color:var(--color-text-primary);font-weight:800}
.v21-service-bottom a{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;white-space:normal;color:var(--color-action-on-primary);background:var(--button-primary-bg);border-radius:var(--radius-sm);padding:.75rem 1.2rem;text-align:center;font:800 .85rem/1.4 var(--font-sans)}
.v21-service-bottom a:hover{background:var(--button-primary-bg-hover)}
@media (hover:hover) and (pointer:fine){.v21-service-card:hover{transform:translateY(-3px);border-color:var(--color-border-default);box-shadow:var(--shadow-md)}}
@media(max-width:61rem){.v21-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v21-service-card{min-height:15.75rem}}
@media(max-width:40rem){.v21-service-overview{padding-block:3.5rem}.v21-service-intro{margin-bottom:var(--space-8)}.v21-service-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.v21-service-card{min-height:0;padding:1.45rem;border-radius:var(--radius-lg)}.v21-service-top{margin-bottom:1.1rem}.v21-service-card h3{font-size:1.24rem}.v21-service-card p{margin-bottom:var(--space-4)}.v21-service-bottom{margin-top:var(--space-6);padding:var(--space-5);align-items:stretch}.v21-service-bottom a{width:100%}}
@media(prefers-reduced-motion:reduce){.v21-service-card{transition:none}.v21-service-card:hover{transform:none}}

/* v22 — Mobile-first, one-action funnel.
   Desktop identity and full service catalog remain intact. */
.v22-mobile-lede,.v22-mobile-primary,.v22-mobile-email,.v22-mobile-services{display:none}
@media(max-width:45rem){
  /* Header: navigation only. The contact action is in the hero and in the
     sticky control AFTER the hero, never three simultaneous CTAs. */
  .home-v11 .topbar{height:3.65rem}
  .home-v11 .topbar-actions>.button{display:none}
  .home-v11 .topbar-inner{justify-content:space-between}
  .home-v11 .menu-btn{min-width:2.75rem;min-height:2.75rem;border-radius:var(--radius-pill)}
  .home-v11 .v11-hero{padding-top:1.25rem;padding-bottom:2.25rem}
  .home-v11 .v11-hero-copy .v11-eyebrow{font-size:.64rem;line-height:1.35;max-width:26rem;letter-spacing:.038em}
  /* Preserve the APPROVED exact wording, scale the type to the device. */
  .home-v11 .v11-hero-copy .v19-hero-title{
    margin-top:1rem;
    font-size:clamp(2.3rem,10.6vw,3.08rem);
    line-height:.96;
    letter-spacing:-.062em;
  }
  .home-v11 .v19-hero-title>em{margin-top:.025em;font-size:.72em;line-height:.97}
  .home-v11 .v19-hero-title>.v19-pain{margin-top:.55em;font-size:.44em;line-height:1.25;max-width:100%}
  .home-v11 .v19-hero-title>strong{margin-top:.12em;font-size:.47em;line-height:1.16;max-width:100%}
  .v22-desktop-lede{display:none!important}
  .v22-mobile-lede{display:block}
  .home-v11 .v19-hero-lede{margin-top:1.2rem;max-width:38ch;font-size:.93rem;line-height:1.55}
  .home-v11 .v11-hero-actions{margin-top:1.1rem;gap:.4rem;align-items:center}
  .home-v11 .v11-hero-actions .v22-desktop-primary{display:none}
  .home-v11 .v11-hero-actions .v18-whatsapp{display:none}
  .home-v11 .v11-hero-actions .v22-mobile-primary{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:3.2rem;font-size:.91rem;font-weight:800;border-radius:var(--radius-md);width:100%;padding:.75rem 1rem}
  .home-v11 .v11-hero-actions .v22-mobile-email{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.35rem .65rem;font:650 .78rem/1.3 var(--font-sans);color:var(--color-action-primary-hover);text-decoration:underline;text-underline-offset:.22em}
  .home-v11 .v11-proofline{margin-top:.35rem;font:650 .67rem/1.5 var(--font-sans);gap:.44rem;color:var(--color-text-secondary)}
  .home-v11 .v11-proofline i{width:3px;height:3px}
  /* Decorative demos and carousels are not obstacles on the purchase path. */
  .home-v11 .v16-service-strip,
  .home-v11 .v11-search-scene,
  .home-v11 #recorrido{display:none}
  .home-v11 .v21-service-overview{padding-block:2.75rem}
  .home-v11 .v21-kicker{font-size:.66rem;margin-bottom:.45rem}
  .home-v11 .v21-service-intro{margin-bottom:1.1rem}
  .home-v11 .v21-service-intro h2{font-size:clamp(1.85rem,7.5vw,2.5rem);line-height:1.09;margin-bottom:.55rem}
  .home-v11 .v21-service-intro p{font-size:.93rem;line-height:1.53}
  /* Three choices in place of six long cards. Full pages remain accessible. */
  .home-v11 .v21-service-grid,.home-v11 .v21-service-bottom{display:none}
  .home-v11 .v22-mobile-services{display:grid;gap:.55rem}
  .v22-mobile-services>a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.05rem;min-height:4.4rem;background:var(--color-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);text-decoration:none}
  .v22-mobile-services>a:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}
  .v22-mobile-services>a>span:first-child{display:grid;gap:.24rem;min-width:0}
  .v22-mobile-services b{font:800 .95rem/1.3 var(--font-sans)}
  .v22-mobile-services small{font:500 .79rem/1.35 var(--font-sans);color:var(--color-text-secondary)}
  .v22-mobile-services>a>span:last-child{font-size:1rem;color:var(--color-action-primary-hover);flex:0 0 auto}
  .v22-mobile-services .v22-all-services{justify-content:center;background:transparent;border:0;min-height:2.75rem;padding:.45rem;color:var(--color-action-primary-hover);font:750 .82rem var(--font-sans)}
  /* Sticky appears only after exiting the hero, with exactly ONE action. */
  .home-v11 .mobile-convert{left:.75rem;right:.75rem;bottom:calc(.65rem + env(safe-area-inset-bottom));display:flex;justify-content:stretch;min-height:0;padding:.42rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);grid-template-columns:none;gap:0}
  .home-v11 .mobile-convert a.v22-sticky-diagnostic{width:100%;min-height:3rem;padding:.65rem .9rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--button-primary-bg);color:var(--button-primary-text);border-radius:var(--radius-md);font:800 .9rem/1.4 var(--font-sans);text-decoration:none}
  .home-v11 .mobile-convert a.v22-sticky-diagnostic:hover{background:var(--button-primary-bg-hover)}
  .home-v11 .footer{padding-bottom:6rem}
}
@media(max-width:23.5rem){
  .home-v11 .v11-hero-copy .v19-hero-title{font-size:clamp(2.16rem,10.35vw,2.4rem)}
  .home-v11 .v11-eyebrow{font-size:.6rem}
}
@media(prefers-reduced-motion:reduce){
  .home-v11 .mobile-convert{transition:none}
}

/* v23: evidence-first, reduced-friction direct response.
   Extend semantic tokens; preserve all desktop identity and existing routes. */
.v23-mobile-prices{display:none}
.v23-one-step{display:grid;gap:.7rem;margin:0 0 1.25rem;padding:clamp(1rem,2vw,1.4rem);border:1px solid color-mix(in srgb,var(--color-action-primary) 26%,var(--color-border-subtle));background:var(--color-surface);border-radius:var(--radius-lg)}
.v23-one-step .v23-one-step-title{margin:0;color:var(--color-text-primary);font:800 1.12rem/1.3 var(--font-sans)}
.v23-one-step>a{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:3.4rem;text-align:center;padding:.8rem .75rem;font:800 .9rem/1.4 var(--font-sans)}
.v23-one-step>small{font:500 .78rem/1.48 var(--font-sans);color:var(--color-text-secondary)}
.v23-optional-brief{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:.35rem clamp(.9rem,2vw,1.25rem) 1.1rem}
.v23-optional-brief>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;min-height:3.5rem;font:750 .9rem/1.4 var(--font-sans);color:var(--color-text-primary)}
.v23-optional-brief>summary::-webkit-details-marker{display:none}
.v23-optional-brief>summary span{display:grid;place-items:center;border-radius:50%;background:var(--color-action-soft);height:2rem;width:2rem;flex:none;font-size:1.3rem;color:var(--color-action-primary-hover)}
.v23-optional-brief[open]>summary span{transform:rotate(45deg)}
.v23-optional-brief>summary:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:3px;border-radius:.3rem}
.v23-optional-brief>p{margin:.2rem 0 1.2rem;font:500 .85rem/1.6 var(--font-sans);color:var(--color-text-secondary)}
.v23-optional-brief .diagnostic-form{padding:0;background:transparent;box-shadow:none;border:0}
.v23-optional-brief .diagnostic-form label span small{display:inline;font-size:.7em;font-weight:500;color:var(--color-text-secondary)}
.v11-case-copy .v11-link{display:inline-flex;align-items:center;min-height:2.75rem;font-size:.92rem}
@media(max-width:45rem){
  /* Keep the real project proof and link, not the fictional before/after mock. */
  .home-v11 .v11-case{padding-block:3.5rem}
  .home-v11 .v11-case-copy h2{font-size:clamp(1.8rem,7.8vw,2.5rem);line-height:1.11}
  .home-v11 .v11-case-copy p{font-size:.92rem;line-height:1.62}
  .home-v11 .v11-compare{display:none}
  .home-v11 .v20-assurance{padding-block:3.25rem}
  .home-v11 .v20-assurance-intro h2{font-size:clamp(1.8rem,7.8vw,2.5rem)}
  .home-v11 .v20-assurance-intro p{font-size:.9rem;line-height:1.6}
  .home-v11 .v11-offer{padding-block:3.5rem}
  .home-v11 .v11-offer-head{gap:.9rem;margin-bottom:1.2rem}
  .home-v11 .v11-offer-head h2{font-size:clamp(1.8rem,7.8vw,2.5rem);line-height:1.1}
  .home-v11 .v11-pricing{display:none}
  .home-v11 .v23-mobile-prices{display:grid;gap:.6rem}
  .v23-mobile-prices>details{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);padding:0 1rem}
  .v23-mobile-prices>details summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;min-height:4.5rem;cursor:pointer}
  .v23-mobile-prices>details summary::-webkit-details-marker{display:none}
  .v23-mobile-prices>details summary span{display:grid;gap:.15rem;min-width:0}
  .v23-mobile-prices>details summary b{font:750 .91rem/1.25 var(--font-sans);color:var(--color-text-primary)}
  .v23-mobile-prices>details summary small{font:500 .72rem/1.3 var(--font-sans);color:var(--color-text-secondary)}
  .v23-mobile-prices>details summary strong{font:800 .9rem/1.3 var(--font-sans);white-space:nowrap;color:var(--color-text-primary)}
  .v23-mobile-prices>details p{font:500 .82rem/1.6 var(--font-sans);color:var(--color-text-secondary);margin:0 0 .65rem}
  .v23-mobile-prices>details a{display:inline-flex;min-height:2.75rem;align-items:center;font:750 .82rem/1.4 var(--font-sans);color:var(--color-action-primary-hover);padding-bottom:.65rem}
  .v23-mobile-prices>details summary:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:3px}
  .v23-mobile-prices>p{margin:.4rem 0 .75rem;font:500 .76rem/1.5 var(--font-sans);color:var(--color-text-secondary)}
  .home-v11 .v11-continuity{margin-top:1.3rem}
  .home-v11 .v11-diagnostic{padding-block:3.5rem}
  .home-v11 .v11-diagnostic-copy h2{font-size:clamp(1.9rem,7.8vw,2.55rem);line-height:1.09}
  .home-v11 .v19-deliverables{margin-bottom:1.4rem}
  .home-v11 .v11-form{padding:1rem}
  .home-v11 .v23-one-step{padding:1rem}
  .home-v11 .v23-one-step>a{font-size:.88rem}
  .home-v11 .v11-journal{padding-block:3.25rem}
  .home-v11 .v11-journal-head h2{font-size:clamp(1.8rem,7.8vw,2.5rem)}
}

/* v24 — compact mobile navigation. One menu, one commercial action.
   Overrides the former full-height poster menu; desktop navigation untouched. */
@media(max-width:64rem){
  .home-v11 .mobile-menu{
    display:flex;
    justify-content:flex-end;
    align-items:flex-start;
    padding:clamp(.6rem,2.5vw,1rem);
    background:color-mix(in srgb,var(--color-text-primary) 36%,transparent);
    backdrop-filter:blur(6px);
  }
  .home-v11 .mobile-menu-panel{
    flex:0 1 25.5rem;
    width:min(100%,25.5rem);
    height:auto;
    min-height:0;
    max-height:calc(100dvh - 1.2rem);
    margin:0;
    padding:1.05rem 1.2rem 1rem;
    overflow-y:auto;
    overscroll-behavior:contain;
    border-radius:var(--radius-xl);
    background:var(--color-surface);
    border:1px solid var(--color-border-subtle);
    box-shadow:var(--shadow-lg);
    transform:translateY(-.4rem) scale(.99);
    scrollbar-width:thin;
  }
  .home-v11 .mobile-menu.open .mobile-menu-panel{transform:translateY(0) scale(1);opacity:1}
  .home-v11 .mobile-menu-head{
    min-height:3.25rem;
    padding:0 0 .75rem;
    gap:1rem;
  }
  .home-v11 .mobile-menu nav{
    display:grid;
    gap:0;
    margin:.4rem 0 0;
  }
  .home-v11 .mobile-menu nav a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    min-height:3.5rem;
    padding:.7rem .15rem;
    font:750 clamp(1.035rem,2.8vw,1.18rem)/1.32 var(--font-sans);
    letter-spacing:-.023em;
    color:var(--color-text-primary);
    border-bottom:1px solid var(--color-border-subtle);
    text-decoration:none;
  }
  .home-v11 .mobile-menu nav a:after{
    content:"↓";
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:none;
    min-width:1.75rem;
    min-height:1.75rem;
    border-radius:var(--radius-pill);
    background:var(--color-action-soft);
    color:var(--color-action-primary-hover);
    font:750 .85rem/1 var(--font-sans);
  }
  .home-v11 .mobile-menu nav a:focus-visible,
  .home-v11 .mobile-menu-foot a:focus-visible,
  .home-v11 .menu-close:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:3px}
  .home-v11 .mobile-menu-foot{
    display:grid;
    gap:.45rem;
    margin-top:.65rem;
    padding-top:0;
    border-top:0;
  }
  .home-v11 .mobile-menu-foot .v24-menu-cta{
    order:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    min-height:3.2rem;
    padding:.7rem .85rem;
    border-radius:var(--radius-md);
    font:800 .875rem/1.35 var(--font-sans);
    text-align:center;
  }
  .home-v11 .mobile-menu-foot .v24-menu-utility{
    order:2;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.4rem;
    min-height:2.75rem;
    font:650 .8rem/1.3 var(--font-sans);
    color:var(--color-text-secondary);
    text-decoration:underline;
    text-underline-offset:.2em;
  }
  .home-v11 .mobile-menu-foot p{
    order:1;
    margin:0;
    max-width:none;
    font:500 .7rem/1.45 var(--font-sans);
    text-align:center;
    color:var(--color-text-secondary);
  }
}
@media(max-width:23.5rem){
  .home-v11 .mobile-menu-panel{padding:.85rem .95rem}
  .home-v11 .mobile-menu nav a{min-height:3.25rem;font-size:1.03rem}
}
@media(prefers-reduced-motion:reduce){
  .home-v11 .mobile-menu-panel{transition:none;transform:none}
}

/* v26 — Two journeys: act now or inspect evidence.
   Supplemental links only; never place another primary button above the fold. */
.v26-research-links{display:none}
.v26-case-links{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem 1.4rem;margin-top:1rem}
.v26-case-links .v11-link{min-height:2.75rem}
.v26-source-link{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--color-action-primary-hover);font:700 .88rem/1.4 var(--font-sans);text-decoration:underline;text-underline-offset:.24em}
.v26-case-links a:focus-visible,.v26-research-links a:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:3px;border-radius:var(--radius-sm)}
@media(max-width:45rem){
  .home-v11 .v26-research-links{
    display:flex;flex-wrap:wrap;align-items:center;column-gap:1.15rem;row-gap:.15rem;
    margin-top:1.1rem;padding:.85rem .1rem 0;border-top:1px solid var(--color-border-subtle);
  }
  .v26-research-links span:first-child{flex-basis:100%;color:var(--color-text-secondary);font:600 .79rem/1.5 var(--font-sans)}
  .v26-research-links a{display:inline-flex;align-items:center;min-height:2.75rem;gap:.25rem;color:var(--color-action-primary-hover);font:750 .78rem/1.4 var(--font-sans);text-decoration:underline;text-underline-offset:.18em}
  .v26-case-links{align-items:flex-start;gap:.15rem;flex-direction:column}
  .v26-source-link{font-size:.82rem}
}

/* v27 · Visual Art AI 2026: distinctive editorial craft, genuine proof,
   conversion first, fully semantic tokens, no fake AI results. */
.v27-kicker{display:inline-block;color:var(--color-action-primary-hover);font:750 .68rem/1.45 var(--font-mono);letter-spacing:.105em;margin-bottom:1.05rem}
.v27-section-head{max-width:58rem;margin-bottom:2.4rem}
.v27-section-head h2,.v27-voices-heading h2,.v27-method h2,.v27-why h2,.v27-close h2{margin:0;font:800 clamp(2.55rem,5vw,5.1rem)/1.04 var(--font-sans);letter-spacing:-.058em;color:var(--color-text-primary);text-wrap:balance}
.v27-section-head h2 em,.v27-voices-heading h2 em,.v27-method h2 em,.v27-why h2 em,.v27-close h2 em,.v27-start-steps h3 em,.v27-services-intro h3 em{font-family:var(--font-editorial);font-weight:400;letter-spacing:-.025em;color:var(--color-action-primary);white-space:normal}
.v27-section-head>p,.v27-voices-heading>p,.v27-method-header>p{margin:1.15rem 0 0;max-width:66ch;color:var(--color-text-secondary);font:500 clamp(.95rem,1.55vw,1.1rem)/1.72 var(--font-sans)}
/* Existing search art remains the only interactive illustration.
   This path tells the truth: search → discoverability → contact. */
.v27-signal-route{display:flex;align-items:center;gap:.6rem;justify-content:space-between;padding:.35rem .4rem 1rem;position:relative}
.v27-signal-route>span{display:flex;align-items:center;gap:.45rem;white-space:nowrap;color:var(--color-text-secondary);font:750 .61rem/1.3 var(--font-mono);letter-spacing:.045em}
.v27-signal-route>span b{display:grid;place-items:center;width:1.85rem;height:1.85rem;border-radius:var(--radius-pill);background:var(--color-action-primary);color:var(--color-text-inverse);font:800 1.05rem/1 var(--font-sans);box-shadow:0 .3rem .8rem color-mix(in srgb,var(--color-action-primary) 18%,transparent)}
.v27-signal-route>span:nth-of-type(2) b{background:var(--color-action-primary-hover)}
.v27-signal-route>span:nth-of-type(3) b{background:var(--color-accent)}
.v27-signal-route>i{flex:1;min-width:.8rem;height:2px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-action-primary),var(--color-accent));opacity:.75}
.v27-searches{background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--color-action-soft) 70%,transparent),transparent 35%),var(--color-canvas);padding-block:clamp(4rem,8vw,7rem);border-bottom:1px solid var(--color-border-subtle)}
.v27-search-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.v27-search-panel{min-width:0;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:clamp(1.2rem,2.2vw,2rem);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.v27-search-panel:before{content:"";display:block;height:3px;position:absolute;inset:0 0 auto;background:var(--color-action-primary)}
.v27-search-panel-ai:before{background:var(--color-accent)}
.v27-search-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:0 0 1rem;border-bottom:1px solid var(--color-border-subtle)}
.v27-search-panel-head>span:last-child{font:700 .64rem/1.4 var(--font-mono);color:var(--color-text-muted)}
.v27-search-provider{display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary);font:800 .7rem/1.3 var(--font-sans);letter-spacing:.025em}
.v27-search-provider img{object-fit:contain}
.v27-search-panel ul{list-style:none;margin:0;padding:.25rem 0 0}
.v27-search-panel li{display:flex;align-items:flex-start;gap:1rem;padding:1.05rem .2rem;font:650 clamp(.86rem,1.2vw,1.02rem)/1.48 var(--font-sans);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle)}
.v27-search-panel li:last-child{border-bottom:0}
.v27-search-panel li>span{flex:none;font:700 .67rem/1.8 var(--font-mono);color:var(--color-action-primary-hover)}
.v27-search-conclusion{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.45rem}
.v27-search-conclusion p{margin:0;max-width:61ch;color:var(--color-text-secondary);font:500 .93rem/1.65 var(--font-sans)}
.v27-search-conclusion p strong{color:var(--color-text-primary)}
.v27-search-conclusion a,.v27-method-link{display:inline-flex;align-items:center;min-height:2.75rem;gap:.5rem;font:800 .87rem/1.4 var(--font-sans);color:var(--color-action-primary-hover);text-decoration:underline;text-underline-offset:.2em}
.v27-mobile-search-details,.v27-mobile-voice-details{display:none}
.v27-voices{background:var(--color-surface-inverse);padding-block:clamp(4.3rem,7vw,7rem);color:var(--color-text-inverse)}
.v27-voices .v27-kicker{color:var(--color-focus)}
.v27-voices-heading{display:grid;grid-template-columns:1fr minmax(13rem,.55fr);gap:1rem 2.5rem;align-items:end;margin-bottom:2rem}
.v27-voices-heading .v27-kicker{grid-column:1/-1;margin:0}
.v27-voices-heading h2{color:var(--color-text-inverse)}
.v27-voices-heading h2 em{color:var(--color-focus)}
.v27-voices-heading p{color:var(--neutral-300);margin:0;max-width:35ch}
.v27-voices-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.v27-voices-grid blockquote{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:1.75rem;margin:0;padding:clamp(1.2rem,2.4vw,2.1rem);min-height:12.5rem;border:1px solid color-mix(in srgb,var(--color-text-inverse) 15%,transparent);background:color-mix(in srgb,var(--color-text-inverse) 6%,transparent);border-radius:var(--radius-lg)}
.v27-voices-grid blockquote:before{content:"“";position:absolute;right:1.2rem;top:.8rem;font:400 4rem/1 var(--font-editorial);color:var(--color-focus);opacity:.55}
.v27-voices-grid blockquote span{font:750 .65rem/1.35 var(--font-mono);letter-spacing:.05em;color:var(--color-focus)}
.v27-voices-grid blockquote p{position:relative;z-index:1;margin:0;font:650 clamp(.97rem,1.45vw,1.22rem)/1.45 var(--font-sans);letter-spacing:-.018em;color:var(--color-text-inverse)}
.v27-voices-bottom{margin:2rem 0 0;color:var(--neutral-300);font:500 clamp(1rem,1.65vw,1.18rem)/1.6 var(--font-sans)}
.v27-voices-bottom strong{color:var(--color-text-inverse)}
.v27-services-intro{margin:2rem 0 1.4rem;max-width:54rem}
.v27-services-intro .v27-kicker{margin-bottom:.55rem}
.v27-services-intro h3{font:800 clamp(1.75rem,3vw,2.6rem)/1.12 var(--font-sans);letter-spacing:-.04em;margin:0;color:var(--color-text-primary)}
.v27-services-intro p{margin:.8rem 0 0;font:500 .94rem/1.65 var(--font-sans);color:var(--color-text-secondary);max-width:68ch}
.v27-method{position:relative;margin-bottom:3.4rem;padding:clamp(1.6rem,3vw,3rem);background:color-mix(in srgb,var(--color-text-inverse) 5%,transparent);border:1px solid color-mix(in srgb,var(--color-text-inverse) 13%,transparent);border-radius:var(--radius-xl);color:var(--color-text-inverse)}
.v27-method-header{max-width:54rem}
.v27-method .v27-kicker{color:var(--color-focus)}
.v27-method h2{color:var(--color-text-inverse)}
.v27-method h2 em{color:var(--color-focus)}
.v27-method-header>p{color:var(--neutral-300)}
.v27-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:2.3rem 0 1.1rem}
.v27-method-grid>div{min-width:0;padding:1.3rem;border:1px solid color-mix(in srgb,var(--color-text-inverse) 13%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-text-inverse) 5%,transparent)}
.v27-method-grid>div>span{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:var(--radius-pill);background:var(--color-action-primary);color:var(--color-action-on-primary);font:750 .8rem/1 var(--font-mono);margin-bottom:1.3rem}
.v27-method-grid h3{margin:0 0 .65rem;font:800 clamp(.99rem,1.5vw,1.25rem)/1.25 var(--font-sans);letter-spacing:-.022em;color:var(--color-text-inverse)}
.v27-method-grid p{margin:0;font:500 .84rem/1.65 var(--font-sans);color:var(--neutral-300)}
.v27-method-link{color:var(--color-focus)}
.v27-why{padding-block:clamp(4rem,7vw,7rem);background:var(--color-surface)}
.v27-why-grid{display:grid;grid-template-columns:1fr .82fr;gap:clamp(2rem,6vw,6rem)}
.v27-why h2{max-width:17ch}
.v27-why-grid>div:last-child{max-width:36rem}
.v27-why-grid p{margin:0 0 1rem;font:500 clamp(.98rem,1.35vw,1.1rem)/1.75 var(--font-sans);color:var(--color-text-secondary)}
.v27-why-grid blockquote{margin:1.5rem 0;padding:.5rem 0 .5rem 1.5rem;border-left:3px solid var(--color-action-primary);color:var(--color-text-primary);font:750 clamp(1.2rem,2.2vw,1.7rem)/1.47 var(--font-sans);letter-spacing:-.03em}
.v27-why-grid a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--color-action-primary-hover);font:800 .88rem/1.5 var(--font-sans);text-decoration:underline;text-underline-offset:.25em}
.v27-price-intro{margin:.85rem 0 0;max-width:53ch;font:500 .92rem/1.6 var(--font-sans);color:var(--color-text-secondary)}
.v27-start-steps{position:relative;z-index:1;margin:clamp(2rem,5vw,4.5rem) 0 0;padding-top:2rem;border-top:1px solid color-mix(in srgb,var(--color-text-inverse) 18%,transparent)}
.v27-start-steps .v27-kicker{color:var(--color-focus)}
.v27-start-steps h3{margin:0 0 1.75rem;font:800 clamp(1.75rem,3vw,2.75rem)/1.1 var(--font-sans);letter-spacing:-.04em;color:var(--color-text-inverse)}
.v27-start-steps h3 em{color:var(--color-focus)}
.v27-start-steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:0;margin:0;list-style:none;counter-reset:step}
.v27-start-steps li{counter-increment:step;display:grid;gap:.4rem;align-content:start;position:relative;padding:1.35rem;border:1px solid color-mix(in srgb,var(--color-text-inverse) 17%,transparent);border-radius:var(--radius-md);color:var(--color-text-inverse)}
.v27-start-steps li:before{content:counter(step,decimal-leading-zero);display:block;color:var(--color-focus);font:800 .85rem/1.1 var(--font-mono);margin-bottom:.65rem}
.v27-start-steps li b{font:800 1rem/1.35 var(--font-sans)}
.v27-start-steps li span{color:var(--neutral-300);font:500 .86rem/1.55 var(--font-sans)}
.v27-close{padding-block:clamp(4.5rem,8vw,8rem);background:radial-gradient(circle at 86% 17%,color-mix(in srgb,var(--color-action-primary) 14%,transparent),transparent 37%),var(--color-action-soft);border-top:1px solid var(--color-border-subtle)}
.v27-close-inner{text-align:center;display:flex;align-items:center;flex-direction:column}
.v27-close h2{max-width:20ch}
.v27-close p{margin:1.5rem 0 1.85rem;max-width:55ch;color:var(--color-text-secondary);font:500 clamp(.98rem,1.5vw,1.12rem)/1.7 var(--font-sans)}
.v27-close-cta{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:3.7rem;padding:.95rem 1.7rem;border-radius:var(--radius-pill);background:var(--color-action-primary);color:var(--color-action-on-primary);box-shadow:var(--shadow-brand);font:800 .95rem/1.3 var(--font-sans)}
.v27-close-cta:hover{background:var(--color-action-primary-hover);transform:translateY(-2px)}
.v27-close small{display:block;margin-top:1.15rem;color:var(--color-text-secondary);font:600 .79rem/1.5 var(--font-sans)}
@media(max-width:64rem){.v27-voices-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v27-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v27-search-grid{gap:.9rem}.v27-why-grid{gap:2.4rem}}
@media(max-width:45rem){
  /* One action in the first viewport. Deeper information is progressive, not erased. */
  .v27-signal-route{display:none}
  .home-v11 .v11-hero{background:radial-gradient(circle at 83% 26%,color-mix(in srgb,var(--color-action-primary) 12%,transparent),transparent 56%),var(--color-canvas)}
  .home-v11 .v11-hero-copy .v19-hero-title{font-size:clamp(2.25rem,10.3vw,3.02rem);line-height:.96}
  .home-v11 .v11-hero-copy h1{max-width:100%}
  .home-v11 .v11-hero-actions .v22-mobile-primary{border-radius:var(--radius-pill);box-shadow:var(--shadow-brand);min-height:3.35rem}
  .v27-services-intro{display:none}
  .v27-searches{padding-block:2.5rem}
  .v27-section-head{margin-bottom:1.1rem}
  .v27-section-head h2,.v27-voices-heading h2,.v27-method h2,.v27-why h2,.v27-close h2{font-size:clamp(1.85rem,7.5vw,2.48rem);line-height:1.08}
  .v27-section-head p{font-size:.86rem;line-height:1.55;margin-top:.9rem}
  .v27-search-grid,.v27-voices-grid{display:none}
  .v27-mobile-search-details,.v27-mobile-voice-details{display:block;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);padding:.2rem .9rem}
  .v27-mobile-search-details summary,.v27-mobile-voice-details summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.1rem;cursor:pointer;list-style:none;font:750 .9rem/1.4 var(--font-sans)}
  .v27-mobile-search-details summary::-webkit-details-marker,.v27-mobile-voice-details summary::-webkit-details-marker{display:none}
  .v27-mobile-search-details summary span,.v27-mobile-voice-details summary span{font-size:1.2rem;color:var(--color-action-primary-hover)}
  .v27-mobile-search-details[open] summary span,.v27-mobile-voice-details[open] summary span{transform:rotate(45deg)}
  .v27-mobile-search-details>p,.v27-mobile-voice-details>p{margin:0 0 .8rem;font:500 .84rem/1.65 var(--font-sans);color:var(--color-text-secondary)}
  .v27-search-conclusion{margin-top:1rem;gap:.6rem}
  .v27-search-conclusion p{font-size:.85rem;line-height:1.55}
  .v27-search-conclusion a{font-size:.8rem}
  .v27-voices{padding-block:2.7rem}
  .v27-voices-heading{display:block;margin-bottom:1rem}
  .v27-voices-heading p{font-size:.8rem;margin-top:.7rem}
  .v27-voices .v27-mobile-voice-details{background:color-mix(in srgb,var(--color-text-inverse) 6%,transparent);border-color:color-mix(in srgb,var(--color-text-inverse) 18%,transparent)}
  .v27-voices .v27-mobile-voice-details summary{color:var(--color-text-inverse)}
  .v27-voices .v27-mobile-voice-details>p{color:var(--neutral-200)}
  .v27-voices-bottom{font-size:.87rem;line-height:1.5;margin-top:1rem}
  /* Previously hidden: reveal the concise four-outcome module, not three long demo cards. */
  .home-v11 #recorrido{display:block;padding-block:2.5rem}
  .home-v11 #recorrido .v19-section-head,.home-v11 #recorrido .v19-service{display:none}
  .home-v11 #recorrido .v27-method{display:block;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
  .v27-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1.3rem 0 .7rem}
  .v27-method-grid>div{padding:1rem;min-height:9.5rem}
  .v27-method-grid>div>span{width:1.9rem;height:1.9rem;font-size:.68rem;margin-bottom:.8rem}
  .v27-method-grid h3{font-size:.96rem;line-height:1.2}
  .v27-method-grid p{font-size:.77rem;line-height:1.48}
  .v27-method-header>p{font-size:.87rem;line-height:1.55;margin-top:.8rem}
  .v27-why{padding-block:3rem}
  .v27-why-grid{grid-template-columns:1fr;gap:1rem}
  .v27-why-grid>div:last-child p{font-size:.9rem;line-height:1.62}
  .v27-why-grid blockquote{font-size:1.13rem;margin:1.2rem 0}
  .v27-price-intro{font-size:.83rem}
  .v27-start-steps{margin-top:2.5rem;padding-top:1.6rem}
  .v27-start-steps h3{font-size:1.75rem}
  .v27-start-steps ol{grid-template-columns:1fr;gap:.55rem}
  .v27-start-steps li{display:grid;grid-template-columns:1.8rem 1fr;gap:.2rem .65rem;padding:1rem}
  .v27-start-steps li:before{grid-row:1/3;align-self:start;margin:.2rem 0 0;font-size:.8rem}
  .v27-start-steps li b{font-size:.95rem}
  .v27-start-steps li span{font-size:.8rem;line-height:1.5}
  .v27-close{padding-block:3.6rem}
  .v27-close p{font-size:.9rem;margin:1rem 0 1.4rem}
  .v27-close-cta{width:100%;min-height:3.4rem;padding:.75rem 1.1rem;font-size:.88rem}
  .v27-close small{font-size:.69rem}
}
@media(max-width:23rem){.v27-method-grid{grid-template-columns:1fr}.v27-method-grid>div{min-height:0}.v27-close-cta{font-size:.79rem}}
@media(prefers-reduced-motion:reduce){.v27-close-cta,.v27-mobile-search-details summary span,.v27-mobile-voice-details summary span{transition:none!important;transform:none!important}}

/* v27.1 · Correct primary/secondary hierarchy above the fold. */
.home-v11 .v11-hero-actions .v22-desktop-primary{border-radius:var(--radius-pill);box-shadow:var(--shadow-brand);min-height:3.5rem;padding-inline:1.4rem}
.home-v11 .v27-hero-learn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;gap:.45rem;padding:.35rem .7rem;color:var(--color-action-primary-hover);font:750 .82rem/1.5 var(--font-sans);text-decoration:underline;text-underline-offset:.23em}
.home-v11 .v27-hero-learn:hover{color:var(--color-action-primary-pressed)}
@media(max-width:45rem){.home-v11 .v27-hero-learn{display:none}.home-v11 .v27-close-cta{box-shadow:var(--shadow-brand)}}

/* Balance mobile editorial rhythm: brief bright customer voice before dark method. */
@media(max-width:45rem){
 .home-v11 .v27-voices{background:var(--color-surface);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle)}
 .home-v11 .v27-voices-heading h2{color:var(--color-text-primary)}
 .home-v11 .v27-voices-heading h2 em{color:var(--color-action-primary)}
 .home-v11 .v27-voices-heading p,.home-v11 .v27-voices-bottom{color:var(--color-text-secondary)}
 .home-v11 .v27-voices .v27-kicker{color:var(--color-action-primary-hover)}
 .home-v11 .v27-voices .v27-mobile-voice-details{background:var(--color-canvas);border-color:var(--color-border-subtle)}
 .home-v11 .v27-voices .v27-mobile-voice-details summary{color:var(--color-text-primary)}
 .home-v11 .v27-voices .v27-mobile-voice-details>p{color:var(--color-text-secondary)}
 .home-v11 .v27-voices-bottom strong{color:var(--color-text-primary)}
}

/* v27.2 · Actual device screenshot review: stop breaking mobile research links
   into cramped multi-column fragments. */
@media(max-width:45rem){
 .home-v11 .v26-research-links{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:.9rem;padding-top:.65rem}
 .home-v11 .v26-research-links>span:first-child{grid-column:1/-1;margin-bottom:.25rem;font-size:.78rem}
 .home-v11 .v26-research-links a{display:flex;align-items:center;justify-content:space-between;gap:.65rem;width:100%;min-height:2.85rem;padding:.45rem .1rem;border-bottom:1px solid var(--color-border-subtle);font-size:.84rem;line-height:1.42;text-align:left;text-decoration:none}
 .home-v11 .v26-research-links a span{display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:1.5rem;font-size:1rem}
 .home-v11 .v26-research-links a:last-child{border-bottom:0}
 .home-v11 .v27-voices-heading em{margin-left:.05em}
}

/* Brandboard 2026: real vector logo, no substitute orbit icon or repeated text. */
.home-v11 .vaa-official-brand{display:inline-flex;align-items:center;flex-shrink:0;min-width:0;line-height:0;text-decoration:none}
.home-v11 .vaa-official-brand picture{display:block;line-height:0}
.home-v11 .vaa-official-brand img{display:block;width:185px;height:auto;max-height:4.05rem;object-fit:contain;object-position:left center}
.home-v11 .vaa-official-brand:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:3px;border-radius:var(--radius-sm)}
.home-v11 .mobile-menu-brand.vaa-official-brand img{width:116px;max-height:3.1rem;object-fit:contain}
.home-v11 .vaa-footer-identity{display:grid;align-content:start;gap:.6rem;max-width:19rem}
.home-v11 .vaa-footer-identity>a{display:block;line-height:0;max-width:max-content}
.home-v11 .vaa-footer-identity img{width:min(100%,220px);height:auto;display:block}
.home-v11 .vaa-footer-identity span{max-width:30ch;font-size:.67rem;line-height:1.55;letter-spacing:0}
@media(max-width:45rem){
 .home-v11 .topbar{height:4.2rem}
 .home-v11 .topbar .vaa-official-brand img{width:116px;height:auto;max-height:3.7rem}
 .home-v11 .mobile-menu-brand.vaa-official-brand img{width:116px;max-height:3.1rem}
 .home-v11 .mobile-menu-head{min-height:3.6rem}
 .home-v11 .vaa-footer-identity img{width:min(100%,205px)}
}
@media(max-width:22rem){.home-v11 .topbar .vaa-official-brand img{width:103px}}

/* v28 · Fiel al manual: Azul IA, coral, grafito, gris y blanco.
   Reparación del logotipo: jamás ampliar el SVG por encima del header. */
html,body.home-v11{max-width:100%;overflow-x:clip}
.home-v11 .topbar,.home-v11 .topbar-inner,.home-v11 .vaa-official-brand{min-width:0}
.home-v11 .topbar{min-height:4.35rem;height:auto}
.home-v11 .topbar-inner{min-height:4.35rem}
.home-v11 .vaa-official-brand,.home-v11 .vaa-official-brand picture{width:clamp(140px,17vw,198px);max-width:198px;max-height:65px;display:block;flex:0 1 auto}
.home-v11 .vaa-official-brand img,.home-v11 .topbar .vaa-official-brand img{width:100%;max-width:100%;height:auto;max-height:65px;object-fit:contain;object-position:left center;display:block}
.home-v11 .mobile-menu-brand.vaa-official-brand,.home-v11 .mobile-menu-brand.vaa-official-brand img{width:120px;max-width:120px;max-height:55px}
.home-v11 .v11-hero{isolation:isolate;position:relative;overflow:clip;background:var(--neutral-50)}
.home-v11 .v11-hero::before{content:"";position:absolute;inset:-15% -17% -7%;background:url("/brands/visual-search-waves.svg") center / cover no-repeat;opacity:.59;pointer-events:none;z-index:-1}
.home-v11 .v11-hero::after{content:"";position:absolute;left:38%;top:4%;width:44%;height:55%;border-radius:50%;background:radial-gradient(ellipse,rgba(186,222,255,.22),transparent 67%);pointer-events:none;z-index:-1}
.home-v11 .v11-hero .shell,.home-v11 .v11-hero-grid,.home-v11 .v11-hero-copy{min-width:0;max-width:100%;position:relative}
.home-v11 .v19-hero-title{max-width:100%;overflow-wrap:normal;word-break:normal;text-wrap:balance}
.home-v11 .v11-eyebrow{max-width:100%}
.home-v11 .v21-service-overview{background:linear-gradient(152deg,var(--neutral-0) 12%,var(--blue-50) 56%,var(--neutral-50) 100%);position:relative}
.home-v11 .v27-searches{background:linear-gradient(130deg,var(--neutral-50),var(--blue-50) 63%,var(--coral-50))}
.home-v11 .v27-voices{background:var(--neutral-950)}
.home-v11 .v27-voices::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 92% 15%,rgba(37,99,255,.22),transparent 45%),radial-gradient(ellipse at 12% 94%,rgba(255,79,109,.09),transparent 40%);opacity:.85}
.home-v11 .v27-voices .shell{position:relative}
.home-v11 .v27-why{background:linear-gradient(160deg,var(--neutral-50) 0%,var(--blue-50) 60%,var(--neutral-50));position:relative;overflow:hidden}
.home-v11 .v27-why::before{content:"";position:absolute;inset:0;background:url("/brands/visual-search-waves.svg") right center / 95% auto no-repeat;opacity:.23;pointer-events:none}
.home-v11 .v27-why .shell{position:relative}
.home-v11 .v11-case{background:var(--neutral-950);color:var(--neutral-50)}
.home-v11 .v11-case h2,.home-v11 .v11-case h3{color:var(--neutral-50)}
.home-v11 .v11-case p,.home-v11 .v11-case .v11-case-copy p{color:var(--neutral-300)}
.home-v11 .v11-case .v11-link,.home-v11 .v11-case .v26-source-link{color:var(--blue-300)}
.home-v11 .v11-journal{background:linear-gradient(145deg,var(--neutral-50),var(--blue-50) 70%,var(--coral-50))}
.home-v11 .v27-close{background:linear-gradient(150deg,var(--neutral-50) 0%,var(--blue-50) 70%,var(--coral-50) 100%);isolation:isolate;position:relative;overflow:hidden}
.home-v11 .v27-close::before{content:"";position:absolute;inset:-20% -10%;background:url("/brands/visual-search-waves.svg") center / cover no-repeat;opacity:.36;z-index:-1;pointer-events:none}
.home-v11 .v27-close-inner{position:relative}
.home-v11 .v27-close-cta{background:var(--blue-600);color:var(--neutral-0)}
.home-v11 .v27-close-cta:hover{background:var(--blue-700)}
.home-v11 .v27-signal-route>span:nth-of-type(3) b{background:var(--coral-500)}
.v28-resource-teaser{margin-top:2.4rem;border-top:1px solid rgba(100,116,139,.2);padding-top:1.7rem}
.v28-resource-teaser-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.v28-resource-teaser-top>span{font:750 .69rem/1.45 var(--font-mono);letter-spacing:.06em;color:var(--neutral-500)}
.v28-resource-teaser-top>a{font:800 .82rem/1.4 var(--font-sans);color:var(--blue-700);min-height:44px;display:inline-flex;align-items:center;gap:.4rem}
.v28-resource-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.v28-resource-teaser-grid>a{display:grid;min-width:0;align-content:space-between;gap:.7rem;min-height:158px;padding:1.05rem;background:rgba(255,255,255,.93);text-decoration:none;border:1px solid var(--neutral-200);border-radius:15px;box-shadow:0 8px 25px rgba(8,18,32,.035);transition:transform .18s,border-color .18s}
.v28-resource-teaser-grid>a:nth-child(3n + 2){background:var(--blue-50)}.v28-resource-teaser-grid>a:nth-child(3n + 3){background:var(--coral-50)}
.v28-resource-teaser-grid>a:hover{transform:translateY(-2px);border-color:var(--blue-300)}
.v28-resource-teaser-grid span{font:800 .63rem/1.4 var(--font-mono);letter-spacing:.06em;color:var(--blue-700)}
.v28-resource-teaser-grid strong{font:800 clamp(.92rem,1.25vw,1.1rem)/1.3 var(--font-sans);letter-spacing:-.02em;color:var(--neutral-950)}
.v28-resource-teaser-grid small{font:800 .75rem/1.4 var(--font-sans);color:var(--blue-700)}
.v28-resource-teaser a:focus-visible{outline:3px solid var(--coral-500);outline-offset:3px}
@media(max-width:64rem){.v28-resource-teaser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:45rem){
 .home-v11 .topbar,.home-v11 .topbar-inner{height:4.15rem;min-height:4.15rem}
 .home-v11 .topbar .vaa-official-brand,.home-v11 .topbar .vaa-official-brand picture{width:115px;max-width:115px;max-height:54px;flex-shrink:0}
 .home-v11 .topbar .vaa-official-brand img{width:115px!important;max-width:115px!important;max-height:54px!important;height:auto!important}
 .home-v11 .v11-hero{padding-top:1rem;background:linear-gradient(140deg,var(--neutral-50),var(--blue-50) 78%,var(--neutral-50))}
 .home-v11 .v11-hero::before{inset:0 -65% -4% 0;opacity:.34;background-position:50% 50%}
 .home-v11 .v11-hero-copy .v19-hero-title{font-size:clamp(2.05rem,10.2vw,2.85rem);line-height:.98;letter-spacing:-.06em;max-width:100%}
 .home-v11 .v11-hero-copy{overflow-wrap:break-word}
 .home-v11 .v11-hero-copy .v11-eyebrow{font-size:.57rem;white-space:normal}
 .home-v11 .v27-voices{background:var(--neutral-950);color:var(--neutral-0)}
 .home-v11 .v27-voices .v27-kicker{color:var(--blue-300)}
 .home-v11 .v27-voices-heading h2{color:var(--neutral-0)}
 .home-v11 .v27-voices-heading h2 em{color:var(--blue-300)}
 .home-v11 .v27-voices-heading p,.home-v11 .v27-voices-bottom{color:var(--neutral-300)}
 .home-v11 .v27-voices-bottom strong{color:var(--neutral-0)}
 .home-v11 .v27-voices .v27-mobile-voice-details{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}
 .home-v11 .v27-voices .v27-mobile-voice-details summary{color:var(--neutral-0)}
 .home-v11 .v27-voices .v27-mobile-voice-details>p{color:var(--neutral-300)}
 .v28-resource-teaser{margin-top:1.8rem}
 .v28-resource-teaser-top{align-items:flex-start;flex-direction:column;gap:.15rem}
 .v28-resource-teaser-grid{grid-template-columns:1fr;gap:.5rem}
 .v28-resource-teaser-grid>a{min-height:112px;padding:.95rem;gap:.5rem}
 .v28-resource-teaser-grid strong{font-size:.98rem}
}
@media(max-width:22rem){.home-v11 .v11-hero-copy .v19-hero-title{font-size:clamp(1.93rem,9.6vw,2.32rem)}}
@media(prefers-reduced-motion:reduce){.v28-resource-teaser-grid>a{transition:none;transform:none!important}}