/* ============================================================
   TEMA LILA CLARO (toda la web) (fondo lila muy claro, texto carbón violáceo, violeta signature en la acción principal,
   vídeo en un rectángulo a la derecha). Actúa con <html data-t="lila"> (todas las páginas).
   
   ============================================================ */
html[data-t="lila"] {
  --v2-bg: #f6f2fd;                     /* lila muy claro */
  --v2-bg-2: #eee8f9;
  --v2-ink: #1d1530;                    /* carbón con matiz violeta profundo */
  --v2-ink-2: rgb(29 21 48 / 72%);
  --v2-ink-3: rgb(29 21 48 / 68%);
  --v2-line: rgb(29 21 48 / 14%);
  --v2-lilac: #6a3fc4;                  /* violeta apagado para texto y detalles (con contraste sobre lila claro) */
  --v2-lilac-2: #6a3fc4;
  --v2-soft: #dcd0f2;                   /* lila medio para fondos pequeños */
  --v2-action: #7c3aed;                 /* violeta signature */
  --wash: rgb(29 21 48 / 4%);
}
html[data-t="lila"][data-theme="dark"],
html[data-t="lila"][data-theme="dark"] body { background: var(--v2-bg); color: var(--v2-ink); }
html[data-t="lila"][data-theme="dark"] ::selection { background: rgb(124 58 237 / 26%); color: var(--v2-ink); }

/* cabecera */
html[data-t="lila"] .v2-nav.is-pill .v2-nav-in { background: rgb(246 242 253 / 88%); border-color: rgb(29 21 48 / 14%); box-shadow: 0 12px 34px rgb(29 21 48 / 12%); }
html[data-t="lila"] .v2-links a:hover, html[data-t="lila"] .v2-links a.is-active, html[data-t="lila"] .v2-links a[aria-current="page"] { color: var(--v2-ink); }
html[data-t="lila"] .v2-nav-cta, html[data-t="lila"] .v2-menu .v2-menu-cv { background: var(--v2-ink); color: #f4effc; border: 1px solid transparent; box-shadow: none; }
html[data-t="lila"] .v2-nav-cta:hover { background: var(--v2-action); color: #fff; border-color: transparent; }
html[data-t="lila"] .v2-burger { background: rgb(29 21 48 / 6%); }
html[data-t="lila"] .v2-menu { background: rgb(246 242 253 / 97%); }
html[data-t="lila"] .v2-menu a:hover { color: var(--v2-lilac); }

/* hero: fondo lila, titular a la izquierda y vídeo en un rectángulo a la derecha */
html[data-t="lila"] .v2-hero-card { --vr: clamp(24px, 4vw, 64px); --vw: min(35%, 480px); --vt: 112px; --vb: 96px; background: transparent; }
html[data-t="lila"] .v2-hero-bg, html[data-t="lila"] .v2-hero-glow, html[data-t="lila"] .v2-hero-card::after { display: none; }
html[data-t="lila"] .v2-hero-photo { z-index: 0; inset: auto; right: var(--vr); top: var(--vt); bottom: var(--vb); width: var(--vw); border-radius: clamp(22px, 2.4vw, 34px); background-color: #e0d6f4; }
html[data-t="lila"] .v2-hero-photo video { border-radius: inherit; }
html[data-t="lila"] .v2-hero-photo::after { display: none; }
html[data-t="lila"] .v2-hero-credit { right: calc(var(--vr) + 16px); bottom: calc(var(--vb) + 14px); text-align: right; color: rgb(255 255 255 / 82%); text-shadow: 0 1px 8px rgb(0 0 0 / 45%); }   /* el crédito va dentro del vídeo, en su esquina */
html[data-t="lila"] .v2-h1 { font-size: clamp(34px, 4.3vw, 62px); line-height: .98; letter-spacing: -0.04em; background: linear-gradient(168deg, #1d1530 14%, #4b25a8 58%, #7c3aed 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; padding-bottom: .06em; }
html[data-t="lila"] .v2-lede { font-size: clamp(16px, 1.45vw, 21px); max-width: 21em; color: var(--v2-ink-2); }

/* botones: violeta signature sólido en «Ver proyectos»; «Hablemos» transparente con borde fino */
html[data-t="lila"] .v2-btn-primary { background: var(--v2-action); color: #fff; border: 1px solid var(--v2-action); box-shadow: none; }
html[data-t="lila"] .v2-btn-primary:hover { background: #6d28d9; border-color: #6d28d9; color: #fff; }
html[data-t="lila"] .v2-btn-ghost { background: transparent; color: var(--v2-ink); border: 1px solid rgb(29 21 48 / 30%); box-shadow: none; }
html[data-t="lila"] .v2-btn-ghost:hover { background: rgb(29 21 48 / 6%); border-color: rgb(29 21 48 / 50%); }

/* stack: lila medio con iconos carbón, todos igual */
html[data-t="lila"] .v2-works-label { color: var(--v2-ink); }
html[data-t="lila"] .v2-works-more, html[data-t="lila"] .v2-dock li.v2-more-li { color: var(--v2-ink-3); }
html[data-t="lila"] .v2-dock-tile { background: var(--v2-soft); box-shadow: 0 2px 6px rgb(29 21 48 / 12%); }
html[data-t="lila"] .v2-dock-tile::after { border-color: rgb(29 21 48 / 10%); }
html[data-t="lila"] .v2-dock li:hover .v2-dock-tile::after, html[data-t="lila"] .v2-dock-tile:focus-visible::after { border-color: rgb(29 21 48 / 30%); }
html[data-t="lila"] .v2-dock-ico { background: #1d1530; }
html[data-t="lila"] .v2-dock-img { filter: brightness(0); }

/* texto que se ilumina, marcas */
html[data-t="lila"] .js-reveal .v2-reveal .w { color: rgb(29 21 48 / 16%); }
html[data-t="lila"] .v2-brands-grid img { filter: brightness(0); opacity: .5; }

/* proyectos destacados */
html[data-t="lila"] .v2-sec-title, html[data-t="lila"] .v2-projects-name { color: var(--v2-ink); }
html[data-t="lila"] .v2-projects-all { background: transparent; border: 1px solid rgb(29 21 48 / 26%); color: var(--v2-ink); }
html[data-t="lila"] .v2-projects-all svg { color: currentColor; }
html[data-t="lila"] .v2-projects-all:hover { background: var(--v2-action); border-color: var(--v2-action); color: #fff; }
html[data-t="lila"] .v2-work { color: var(--v2-ink); }
html[data-t="lila"] .v2-work-art { background: #e8e0f6; }
html[data-t="lila"] .v2-work:hover .v2-work-title, html[data-t="lila"] .v2-work:focus-visible .v2-work-title { text-decoration-color: rgb(29 21 48 / 60%); }

/* experiencia */
html[data-t="lila"] .v2-exp-years, html[data-t="lila"] .v2-exp-company { color: var(--v2-ink); }
html[data-t="lila"] .v2-exp-place { border-color: rgb(29 21 48 / 22%); color: var(--v2-ink-2); }
html[data-t="lila"] .v2-exp-main::before { background: var(--v2-lilac); box-shadow: 0 0 0 5px rgb(106 63 196 / 16%); }
html[data-t="lila"] .v2-exp-tags li { border-color: rgb(29 21 48 / 16%); background: rgb(29 21 48 / 4%); color: var(--v2-ink-2); }
html[data-t="lila"] .v2-edu-y, html[data-t="lila"] .v2-edu-list strong { color: var(--v2-ink); }

/* testimonios: tarjeta lila medio con texto carbón */
html[data-t="lila"] .v2-quotes-card { background: #ebe4f8; border: 0; }
html[data-t="lila"] .v2-quote blockquote p, html[data-t="lila"] .v2-quote-who b { color: var(--v2-ink); }
html[data-t="lila"] .v2-quote-mark { color: rgb(106 63 196 / 32%); }
html[data-t="lila"] .v2-quote-avatar { border-color: rgb(29 21 48 / 16%); }
html[data-t="lila"] .v2-quotes-btn { border-color: rgb(29 21 48 / 28%); color: var(--v2-ink); }
html[data-t="lila"] .v2-quotes-btn:hover { background: var(--v2-action); border-color: var(--v2-action); color: #fff; }
html[data-t="lila"] .v2-quote-ask:hover { color: var(--v2-ink); }

/* contacto y pie */
html[data-t="lila"] .v2-contact-title { color: var(--v2-ink); }
html[data-t="lila"] .v2-contact-mail { color: var(--v2-ink); border-bottom-color: rgb(29 21 48 / 35%); }
html[data-t="lila"] .v2-contact-mail:hover { color: var(--v2-lilac); border-color: var(--v2-lilac); }
html[data-t="lila"] .v2-contact-hint kbd { border-color: rgb(29 21 48 / 26%); }
html[data-t="lila"] .v2-field input, html[data-t="lila"] .v2-field textarea { background: rgb(255 255 255 / 45%); border-color: rgb(29 21 48 / 16%); color: var(--v2-ink); }
html[data-t="lila"] .v2-field input:hover, html[data-t="lila"] .v2-field textarea:hover { border-color: rgb(29 21 48 / 34%); }
html[data-t="lila"] .v2-field input:focus, html[data-t="lila"] .v2-field textarea:focus { border-color: var(--v2-lilac); background: rgb(255 255 255 / 70%); box-shadow: 0 0 0 4px rgb(106 63 196 / 14%); }
html[data-t="lila"] .v2-field input::placeholder, html[data-t="lila"] .v2-field textarea::placeholder { color: rgb(29 21 48 / 45%); }
html[data-t="lila"] .v2-submit { background: transparent; border-color: rgb(29 21 48 / 30%); color: var(--v2-ink); }
html[data-t="lila"] .v2-submit:hover { background: rgb(29 21 48 / 7%); border-color: rgb(29 21 48 / 50%); }
html[data-t="lila"] .v2-submit:focus-visible { outline-color: var(--v2-lilac); }
html[data-t="lila"] .v2-form-status { color: var(--v2-lilac); }
html[data-t="lila"] .v2-foot-icons a:hover { color: var(--v2-ink); }
html[data-t="lila"] .v2-wa { background: var(--v2-ink); border-color: transparent; color: #f4effc; box-shadow: 0 10px 26px rgb(29 21 48 / 22%); }
html[data-t="lila"] .v2-wa:hover { background: var(--v2-action); color: #fff; }

@media (max-width: 1180px) { html[data-t="lila"] .v2-works { flex-direction: column; align-items: flex-start; gap: 10px; } }
@media (max-width: 900px) {
  html[data-t="lila"] .v2-hero-card { flex-direction: column; align-items: stretch; min-height: 0; }
  html[data-t="lila"] .v2-hero-grid { order: 1; padding-bottom: 36px; gap: 30px; }
  html[data-t="lila"] .v2-works { position: static; }
  html[data-t="lila"] .v2-hero-photo { order: 2; position: relative; right: auto; top: auto; bottom: auto; width: auto; height: clamp(260px, 62vw, 420px); margin: 0 22px 34px; }
  html[data-t="lila"] .v2-h1 { font-size: clamp(32px, 9.4vw, 52px); }
  html[data-t="lila"] .v2-h1 > span { text-wrap: balance; }
  html[data-t="lila"] .v2-lede { font-size: clamp(17px, 4.6vw, 22px); max-width: 24em; }
}

/* "+ y más": en escritorio va a la derecha del stack; en móvil entra en la propia fila, justo después del último icono */
.v2-dock li.v2-more-li { display: none; }
@media (max-width: 900px) {
  .v2-works-more { display: none; }
  .v2-dock li.v2-more-li { display: flex; align-items: center; width: auto; height: 32px; margin-left: 0; font: 400 13px/1 var(--v2-display); white-space: nowrap; }
}

/* flechas de las fotos de proyectos destacados: círculo claro con la flecha en carbón (antes se perdían sobre la foto) */
html[data-t="lila"] .v2-work-arrow { background: rgb(255 255 255 / 92%); border: 0; color: var(--v2-ink); box-shadow: 0 6px 18px rgb(29 21 48 / 22%); }
html[data-t="lila"] .v2-work:hover .v2-work-arrow, html[data-t="lila"] .v2-work:focus-visible .v2-work-arrow { background: var(--v2-action); color: #fff; }
html[data-t="lila"] .v2-page { background-image: none; }
html[data-t="lila"] .v2-h1 .v2-hl { font-weight: inherit; }

/* ============================================================
   Resto de páginas: Proyectos y casos de estudio
   ============================================================ */
/* Proyectos */
html[data-t="lila"] .v2-idx-title, html[data-t="lila"] .v2-card-title, html[data-t="lila"] .v2-nav-label { color: var(--v2-ink); }
html[data-t="lila"] .v2-card-media { background: #e8e0f6; }
html[data-t="lila"] .v2-card-link:hover .v2-card-title, html[data-t="lila"] .v2-card-link:focus-visible .v2-card-title { text-decoration-color: rgb(29 21 48 / 60%); }
html[data-t="lila"] .v2-nav-sep { background: rgb(29 21 48 / 24%); }
html[data-t="lila"] .v2-filter { border-color: rgb(29 21 48 / 20%); color: var(--v2-ink-2); }
html[data-t="lila"] .v2-filter:hover { color: var(--v2-ink); border-color: rgb(29 21 48 / 40%); }
html[data-t="lila"] .v2-filter[aria-pressed="true"] { background: var(--v2-action); border-color: var(--v2-action); color: #fff; }
html[data-t="lila"] .v2-filter[aria-pressed="true"] span { color: rgb(255 255 255 / 70%); }

/* casos de estudio (plantilla v2-case.css) */
html[data-t="lila"] .v2-cs-title, html[data-t="lila"] .v2-cs-h2, html[data-t="lila"] .v2-rel-h2, html[data-t="lila"] .v2-rel-title,
html[data-t="lila"] .v2-cs-lede strong, html[data-t="lila"] .v2-cs-body p strong, html[data-t="lila"] .v2-cs-body p.v2-cs-role,
html[data-t="lila"] .v2-cs-goals-two strong { color: var(--v2-ink); }
html[data-t="lila"] .v2-cs-hero, html[data-t="lila"] .v2-cs-grid figure, html[data-t="lila"] .v2-rel-media, html[data-t="lila"] .v2-cs-phones img { background-color: #e8e0f6; }
html[data-t="lila"] .v2-cs-goals li, html[data-t="lila"] .v2-cs-pills span { background: rgb(29 21 48 / 4%); border-color: rgb(29 21 48 / 16%); color: var(--v2-ink); }
html[data-t="lila"] .v2-cs-body code { background: rgb(29 21 48 / 8%); }
html[data-t="lila"] .v2-rel-link:hover .v2-rel-title, html[data-t="lila"] .v2-rel-link:focus-visible .v2-rel-title { text-decoration-color: rgb(29 21 48 / 60%); }
html[data-t="lila"] .v2-cs-lede a { text-decoration-color: rgb(106 63 196 / 40%); }
/* LIV Golf: barras y leyendas que en oscuro eran blancas pasan a carbón sobre el fondo claro */
html[data-t="lila"][data-theme="dark"] .lv-c1 { background: #1d1530; }
html[data-t="lila"][data-theme="dark"] .lv-legend .k1::before { background: #1d1530; }

/* 404 */
html[data-t="lila"] .v2-404 .v2-404-num { background: linear-gradient(98deg, #7c3aed 10%, #4b25a8 55%, #1d1530 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-t="lila"] .v2-404 h1 { color: var(--v2-ink); }
html[data-t="lila"] .v2-404 .v2-404-eye { background: linear-gradient(135deg, #7c3aed 10%, #4b25a8 85%); }

/* escritorio: el contenido del hero sube un poco (menos hueco arriba del titular) */
@media (min-width: 901px) {
  html[data-t="lila"] .v2-hero-grid { padding-top: 104px; padding-bottom: 180px; }
}

/* contraste: el encabezado «Formación» era casi invisible sobre el fondo claro */
html[data-t="lila"] .v2-edu-h { color: var(--v2-ink); }

/* proyectos destacados: solo dos (Open House Madrid y LIV Golf), a medias, para que las imágenes se vean más grandes */
html[data-t="lila"] .v2-work--madrid, html[data-t="lila"] .v2-work--liv { grid-column: span 6; }
html[data-t="lila"] .v2-work--madrid .v2-work-art, html[data-t="lila"] .v2-work--liv .v2-work-art { aspect-ratio: 4 / 3; }
html[data-t="lila"] .v2-work--madrid .v2-work-title, html[data-t="lila"] .v2-work--liv .v2-work-title { font-size: clamp(24px, 2.3vw, 34px); }
@media (max-width: 900px) { html[data-t="lila"] .v2-work--madrid, html[data-t="lila"] .v2-work--liv { grid-column: auto; } html[data-t="lila"] .v2-work--madrid .v2-work-art, html[data-t="lila"] .v2-work--liv .v2-work-art { aspect-ratio: 4 / 3; } }

/* botones del hero algo más compactos (escritorio) */
@media (min-width: 901px) {
  html[data-t="lila"] .v2-hero .v2-btn { height: 46px; padding: 0 22px; font-size: 15px; }
}

/* ============================================================
   Hero como una sola composición (escritorio): dos columnas dentro del mismo contenedor (1400 px máx.),
   vídeo cerca del texto, stack justo debajo de los botones, todo centrado en la altura de la pantalla
   ============================================================ */
@media (min-width: 901px) {
  html[data-t="lila"] .v2-hero-card { --hg-pad: clamp(24px, 4vw, 64px); --gl: calc(max(0px, (100% - 1400px) / 2) + var(--hg-pad)); --gw: calc(min(100%, 1400px) - 2 * var(--hg-pad)); min-height: calc(100svh - 24px); }
  html[data-t="lila"] .v2-hero-grid { max-width: 1400px; padding-top: 132px; padding-bottom: 84px; align-content: center; row-gap: 56px; }   /* texto, stack y vídeo centrados en la pantalla (un poco más abajo para compensar el menú) */
  html[data-t="lila"] .v2-lede { margin-top: 30px; }
  html[data-t="lila"] .v2-actions { margin-top: 30px; }
  html[data-t="lila"] .v2-works { position: static; flex-wrap: wrap; max-width: calc(var(--gw) / 2 - 36px); row-gap: 8px; }   /* nunca pasa por debajo del vídeo: si no cabe, «+ y más» baja a otra línea */
  /* el vídeo ocupa la columna derecha: empieza a mitad del contenedor más media separación y termina en su borde derecho */
  html[data-t="lila"] .v2-hero-photo { left: calc(var(--gl) + var(--gw) / 2 + 36px); right: var(--gl); width: auto; }
  html[data-t="lila"] .v2-hero-credit { right: calc(var(--gl) + 16px); }
}

/* Experiencia: menos hueco entre el título y el primer trabajo */
html[data-t="lila"] .v2-exp .v2-sec-title { margin-bottom: clamp(-20px, -1.2vw, -4px); }

/* Safari: sin el botón de play nativo encima de los vídeos que arrancan solos (hero y portadas de los casos) (si no arranca solo, se queda la imagen); y si arranca, se ve sin controles */
video[autoplay]::-webkit-media-controls,
video[autoplay]::-webkit-media-controls-start-playback-button,
video[autoplay]::-webkit-media-controls-overlay-play-button,
video[autoplay]::-webkit-media-controls-panel { display: none !important; opacity: 0 !important; -webkit-appearance: none; }

/* casos de estudio: el nombre del proyecto algo más pequeño */
html[data-t="lila"] .v2-cs-title { font-size: clamp(28px, 3.3vw, 48px); line-height: 1.05; margin-top: 12px; }

/* galería partida en dos por el proceso creativo: la segunda parte arranca más cerca */
html[data-t="lila"] .v2-cs-sec--cont { padding-top: clamp(20px, 3vw, 40px); }

/* casos: sin líneas horizontales entre secciones, menos aire y «Mi papel» integrado dentro de «Contexto y objetivos» */
html[data-t="lila"] .v2-cs-row { border-top: 0; padding-top: 0; }
html[data-t="lila"] .v2-cs-sec { padding-top: clamp(40px, 5.5vw, 84px); }
html[data-t="lila"] .v2-cs-sec--cont { padding-top: clamp(14px, 2vw, 28px); }
html[data-t="lila"] .v2-cs-body .v2-cs-papel-title { margin-top: clamp(30px, 3.4vw, 46px); }
html[data-t="lila"] .v2-cs-body .v2-cs-papel-title + .v2-cs-role { margin-top: 14px; }

/* Contexto, objetivos y mi papel: tres columnas a todo el ancho (más visual y mucho menos alto), sin hueco vacío bajo el título */
html[data-t="lila"] .v2-cs-row--ctx { grid-template-columns: minmax(0, 1fr); gap: clamp(18px, 2.2vw, 28px); }
html[data-t="lila"] .v2-cs-ctx { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: clamp(22px, 3.4vw, 56px); }
html[data-t="lila"] .v2-cs-ctx .v2-cs-col > .v2-cs-goals-title { margin: 0 0 14px; }
html[data-t="lila"] .v2-cs-ctx .v2-cs-col p { max-width: none; font-size: clamp(14.5px, 1.05vw, 16px); }
html[data-t="lila"] .v2-cs-ctx .v2-cs-col > p:not(.v2-cs-goals-title):not(.v2-cs-role) { margin-bottom: .9em; }
/* objetivos: lista numerada simple en vez de tres tarjetas */
html[data-t="lila"] .v2-cs-ctx .v2-cs-goals { grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 0; }
html[data-t="lila"] .v2-cs-ctx .v2-cs-goals li { display: flex; gap: 14px; align-items: baseline; padding: 0; border: 0; background: none; border-radius: 0; }
html[data-t="lila"] .v2-cs-ctx .v2-cs-goals li::before { margin: 0; flex-shrink: 0; }
html[data-t="lila"] .v2-cs-ctx .v2-cs-goals p { font-size: clamp(14.5px, 1.05vw, 16px); line-height: 1.5; color: var(--v2-ink-2); }
/* mi papel: frase más discreta y pills pequeñas */
html[data-t="lila"] .v2-cs-ctx .v2-cs-role { margin: 0 0 14px; max-width: none; font-size: clamp(16px, 1.25vw, 18.5px); line-height: 1.35; }
html[data-t="lila"] .v2-cs-ctx .v2-cs-pills { gap: 6px; }
html[data-t="lila"] .v2-cs-ctx .v2-cs-pills span { height: 30px; padding: 0 12px; font-size: 13px; }
html[data-t="lila"] .v2-cs-ctx .v2-cs-links { margin-top: 16px; }
@media (max-width: 900px) { html[data-t="lila"] .v2-cs-ctx { grid-template-columns: minmax(0, 1fr); gap: 26px; } }

/* Contexto / Objetivos / Mi papel: cada columna es una tarjeta suave, con separación clara entre ellas */
html[data-t="lila"] .v2-cs-ctx { gap: clamp(14px, 1.6vw, 22px); }
html[data-t="lila"] .v2-cs-ctx .v2-cs-col { background: rgb(29 21 48 / 4%); border: 1px solid rgb(29 21 48 / 8%); border-radius: clamp(18px, 1.8vw, 24px); padding: clamp(20px, 2vw, 30px); }
html[data-t="lila"] .v2-cs-ctx .v2-cs-col > :last-child { margin-bottom: 0; }
@media (max-width: 900px) { html[data-t="lila"] .v2-cs-ctx { gap: 14px; } }

/* Proceso creativo entre fotos: menos aire alrededor */
html[data-t="lila"] .v2-cs-sec#proceso { padding-top: clamp(22px, 2.6vw, 36px); }
html[data-t="lila"] .v2-cs-sec--cont { padding-top: 0; }
html[data-t="lila"] .v2-cs-sec#proceso .v2-cs-body p:last-child { margin-bottom: 0; }

/* enlace del proyecto («Ver manual de marca», «Visitar calculalotuyo.es»): texto con flecha, sin botón */
html[data-t="lila"] .v2-cs-ctx .v2-cs-links { margin-top: 18px; }
html[data-t="lila"] .v2-cs-ctx .v2-cs-links a { display: inline-flex; align-items: center; gap: 7px; height: auto; padding: 0 0 2px; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--v2-lilac); font: 600 14.5px/1.2 var(--v2-display); text-decoration: underline; text-decoration-color: rgb(106 63 196 / 35%); text-underline-offset: .22em; transition: color .2s ease, text-decoration-color .2s ease; }
html[data-t="lila"] .v2-cs-ctx .v2-cs-links a:hover { background: none; color: var(--v2-ink); text-decoration-color: var(--v2-ink); transform: none; }
html[data-t="lila"] .v2-cs-ctx .v2-cs-links a svg { width: 13px; height: 13px; }

/* objetivos con más personalidad: tarjeta lila y números grandes en violeta */
html[data-t="lila"] .v2-cs-ctx .v2-cs-col:nth-child(2) { background: var(--v2-soft); border-color: transparent; }
html[data-t="lila"] .v2-cs-ctx .v2-cs-goals { gap: 18px; counter-reset: goal; }
html[data-t="lila"] .v2-cs-ctx .v2-cs-goals li { align-items: flex-start; gap: 16px; }
html[data-t="lila"] .v2-cs-ctx .v2-cs-goals li::before { font: 600 clamp(30px, 2.8vw, 40px)/.9 var(--v2-display); letter-spacing: -0.04em; color: var(--v2-action); min-width: 1.5em; margin-top: 2px; }
html[data-t="lila"] .v2-cs-ctx .v2-cs-goals p { color: var(--v2-ink); }

/* proceso creativo: centrado, con más espacio, cuando lleva texto */
html[data-t="lila"] .v2-cs-sec#proceso { padding-top: clamp(48px, 6vw, 96px); }
html[data-t="lila"] .v2-cs-sec#proceso + .v2-cs-sec--cont { padding-top: clamp(40px, 5vw, 72px); }
html[data-t="lila"] .v2-cs-sec#proceso .v2-cs-row:has(> .v2-cs-body) { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; gap: clamp(16px, 2vw, 26px); }
html[data-t="lila"] .v2-cs-sec#proceso .v2-cs-row:has(> .v2-cs-body) .v2-cs-label { justify-content: center; }
html[data-t="lila"] .v2-cs-sec#proceso .v2-cs-row:has(> .v2-cs-body) .v2-cs-body { max-width: 44em; }
html[data-t="lila"] .v2-cs-sec#proceso .v2-cs-row:has(> .v2-cs-body) .v2-cs-body p { max-width: none; margin-left: auto; margin-right: auto; font-size: clamp(16px, 1.3vw, 19px); line-height: 1.65; }

/* resultado final: el título de la sección va centrado, como «El festival en cifras» */
html[data-t="lila"] .v2-cs-sec#resultado .v2-cs-row { grid-template-columns: minmax(0, 1fr); justify-items: center; }
html[data-t="lila"] .v2-cs-sec#resultado .v2-cs-label { justify-content: center; }

/* resultado final: mismo espacio bajo el título que en «Proceso creativo» (el bloque de cifras traía mucho aire propio) */
html[data-t="lila"] .v2-cs-sec#resultado .v2-cs-result { padding-top: 32px; }
html[data-t="lila"] .v2-cs-sec#resultado .v2-cs-result > section { padding-top: 0 !important; margin-top: 0 !important; }

/* títulos de «Proceso creativo» y «Galería» centrados en todos los casos (también en Calcula lo tuyo) */
html[data-t="lila"] .v2-cs-sec#proceso .v2-cs-row, html[data-t="lila"] .v2-cs-sec#galeria .v2-cs-row { grid-template-columns: minmax(0, 1fr); justify-items: center; }
html[data-t="lila"] .v2-cs-sec#proceso .v2-cs-label, html[data-t="lila"] .v2-cs-sec#galeria .v2-cs-label { justify-content: center; }

/* Calcula lo tuyo: menos hueco bajo los títulos «Proceso creativo» y «Galería» (mismo espacio que en el resto de casos) */
html[data-t="lila"] .v2-cs-gal:has(> .cs-section) { padding-top: 0; }
html[data-t="lila"] .v2-cs-gal:has(> .cs-section) > .cs-section:first-child { padding-top: 27px; }

/* Contexto y objetivos: solo dos tarjetas; debajo, una línea y «Mi papel» (frase a la izquierda, pills y enlace a la derecha) */
html[data-t="lila"] .v2-cs-ctx { grid-template-columns: 1fr 1fr; }
html[data-t="lila"] .v2-cs-papel { border-top: 1px solid rgb(29 21 48 / 14%); padding-top: clamp(22px, 2.4vw, 32px); margin-top: clamp(6px, 1vw, 14px); }
html[data-t="lila"] .v2-cs-papel > .v2-cs-goals-title { margin: 0 0 14px; }
html[data-t="lila"] .v2-cs-papel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(14px, 1.6vw, 22px); align-items: start; }
html[data-t="lila"] .v2-cs-papel .v2-cs-role { margin: 0; max-width: none; font-size: clamp(16px, 1.25vw, 18.5px); line-height: 1.4; }
html[data-t="lila"] .v2-cs-papel .v2-cs-pills { gap: 6px; }
html[data-t="lila"] .v2-cs-papel .v2-cs-pills span { height: 30px; padding: 0 12px; font-size: 13px; }
html[data-t="lila"] .v2-cs-papel .v2-cs-links { margin-top: 16px; }
html[data-t="lila"] .v2-cs-papel .v2-cs-links a { display: inline-flex; align-items: center; gap: 7px; height: auto; padding: 0 0 2px; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--v2-lilac); font: 600 14.5px/1.2 var(--v2-display); text-decoration: underline; text-decoration-color: rgb(106 63 196 / 35%); text-underline-offset: .22em; transition: color .2s ease, text-decoration-color .2s ease; }
html[data-t="lila"] .v2-cs-papel .v2-cs-links a:hover { background: none; color: var(--v2-ink); text-decoration-color: var(--v2-ink); transform: none; }
html[data-t="lila"] .v2-cs-papel .v2-cs-links a svg { width: 13px; height: 13px; }
@media (max-width: 900px) { html[data-t="lila"] .v2-cs-ctx { grid-template-columns: minmax(0, 1fr); } html[data-t="lila"] .v2-cs-papel-grid { grid-template-columns: minmax(0, 1fr); } }

/* Mi papel: una sola columna cuando no hay pills (la frase ya lo dice todo); dos columnas solo si hay pills */
html[data-t="lila"] .v2-cs-papel-grid { grid-template-columns: minmax(0, 1fr); }
html[data-t="lila"] .v2-cs-papel-grid .v2-cs-role { max-width: 52em; }
html[data-t="lila"] .v2-cs-papel-grid:has(.v2-cs-pills) { grid-template-columns: 1fr 1fr; }
html[data-t="lila"] .v2-cs-papel-grid:has(.v2-cs-pills) .v2-cs-role { max-width: none; }
html[data-t="lila"] .v2-cs-papel-grid > .v2-cs-papel-right > .v2-cs-links:first-child { margin-top: 12px; }
@media (max-width: 900px) { html[data-t="lila"] .v2-cs-papel-grid:has(.v2-cs-pills) { grid-template-columns: minmax(0, 1fr); } }

/* ============================================================
   Mi papel: tarjeta oscura a todo el ancho, con los roles en grande (un único momento de contraste, a juego con el botón del CV)
   ============================================================ */
html[data-t="lila"] .v2-cs-papel { background: #1d1530; border: 0; border-radius: clamp(22px, 2.4vw, 32px); padding: clamp(26px, 3.2vw, 46px); margin-top: clamp(14px, 1.8vw, 24px); color: #f6f2fd; }
html[data-t="lila"] .v2-cs-papel-in { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(22px, 4.5vw, 72px); align-items: end; }
html[data-t="lila"] .v2-cs-papel-main > .v2-cs-goals-title { margin: 0 0 clamp(14px, 1.6vw, 22px); color: #c4b3ee; }
html[data-t="lila"] .v2-cs-roles { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
html[data-t="lila"] .v2-cs-roles li { font: 600 clamp(26px, 3.1vw, 46px)/1.05 var(--v2-display); letter-spacing: -0.04em; color: #f6f2fd; }
html[data-t="lila"] .v2-cs-roles li:nth-child(even) { color: #c4b3ee; }
html[data-t="lila"] .v2-cs-roles--many li { font-size: clamp(20px, 2.1vw, 30px); letter-spacing: -0.03em; }
html[data-t="lila"] .v2-cs-papel-side .v2-cs-role { margin: 0; max-width: 30em; font: 400 clamp(15px, 1.15vw, 17px)/1.6 var(--v2-display); color: rgb(246 242 253 / 78%); }
html[data-t="lila"] .v2-cs-papel .v2-cs-links { margin-top: 18px; }
html[data-t="lila"] .v2-cs-papel .v2-cs-links a { color: #d9ccf8; text-decoration-color: rgb(217 204 248 / 45%); }
html[data-t="lila"] .v2-cs-papel .v2-cs-links a:hover { color: #fff; text-decoration-color: #fff; }
@media (max-width: 900px) { html[data-t="lila"] .v2-cs-papel-in { grid-template-columns: minmax(0, 1fr); align-items: start; gap: 22px; } }

/* líneas de las gráficas y la línea temporal (Estrella Damm, etc.): eran blancas y no se veían sobre el fondo claro */
html[data-t="lila"] { --line-2: rgb(29 21 48 / 24%); }