/* identity.css — capa de identidad «cuaderno del opositor». Se carga la última.
   Gesto de marca: el subrayador fosforito. Apoyos: papel pautado, numeración de temario, cinta adhesiva. */
:root{--marker:#ffe14d;--marker-soft:#fff3a6;--paper-warm:#fbf9f3;--rule:#efe9da;--margin-red:#e8a29a;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}

/* 1. Papel cálido en lugar del blanco puro */
body.home-v2{background:var(--paper-warm)}
.home-v2 .hero,.home-v2 .resources-section,.home-v2 .kit-section,.home-v2 .source-strip,.home-v2 .study-section,.home-v2 .start-section,.home-v2 .guide-card,.home-v2 .footer,.home-v2 .opposition-card{background-color:transparent}

/* 2. Firma: el subrayador sobre «con las cosas claras.» */
.home-v2 .hero h1>span{color:var(--ink);background:linear-gradient(100deg,transparent .3em,var(--marker) .3em,var(--marker) calc(100% - .2em),transparent calc(100% - .2em)) 0 82%/0% 46% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:.06em;animation:marker-draw 1.1s .55s cubic-bezier(.65,0,.35,1) forwards}
@keyframes marker-draw{to{background-size:100% 46%}}
.home-v2 .final-main h2>span,.home-v2 .final-call h2 span{color:#fff;background:linear-gradient(transparent 62%,rgba(255,225,77,.38) 62%,rgba(255,225,77,.38) 92%,transparent 92%)}

/* 3. Etiquetas de sección como un temario: «Tema 01 · …» */
.home-v2 main{counter-reset:tema}
.home-v2 section:not(.hero) .eyebrow{counter-increment:tema;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--ink);display:inline-flex;align-items:center;gap:.6em}
.home-v2 section:not(.hero) .eyebrow::before{content:"Tema " counter(tema,decimal-leading-zero);background:var(--marker);color:var(--ink);font-weight:700;padding:.2em .5em;border-radius:2px;transform:rotate(-1.5deg)}
.home-v2 .final-call .eyebrow::before{background:var(--marker)}
.home-v2 .hero .eyebrow{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.02em;background:#fff;border:1px dashed #c9c2ad;text-transform:none}

/* 4. Bloques de material y repaso en papel pautado con margen rojo de cuaderno */
.home-v2 .resources-section>.wrap,.home-v2 .study-section>.wrap{background-color:#fff;background-image:linear-gradient(90deg,transparent 22px,var(--margin-red) 22px,var(--margin-red) 23.5px,transparent 23.5px),repeating-linear-gradient(transparent 0 33px,var(--rule) 33px 34px);border:1px solid var(--rule)}
.home-v2 .kit-section .kit-panel,.home-v2 .plan-banner,.home-v2 .faq-section details,.home-v2 .faq-item{background-color:#fff;border:1px solid var(--rule)}
.home-v2 .search-hub .finder{background-color:#fff}

/* 5. Fotos pegadas con cinta, como en un tablón de estudio */
.home-v2 .hero-media,.home-v2 .resource-photo,.home-v2 .start-photo{position:relative}
.home-v2 .hero-media::before,.home-v2 .hero-media::after{content:"";position:absolute;z-index:3;width:120px;height:30px;background:rgba(255,225,77,.72);box-shadow:0 1px 2px rgba(16,28,54,.08);pointer-events:none}
.home-v2 .hero-media::before{top:-12px;left:7%;transform:rotate(-4deg)}
.home-v2 .hero-media::after{top:-10px;right:9%;transform:rotate(3deg)}

/* 6. Tarjetas de oposición: el icono como pósit */
.home-v2 .opposition-card .category-art,.home-v2 #oposiciones [class*="icon"]:not(svg):not(.ui-icon){transition:transform .3s cubic-bezier(.22,1,.36,1)}
.home-v2 #oposiciones a:hover [class*="icon"]:not(svg):not(.ui-icon){transform:rotate(-3deg) scale(1.04)}

/* 7. Arreglos móviles detectados en la revisión del 19/10 */
@media (max-width:700px){
  .home-v2 .resource-layout{grid-template-columns:minmax(0,1fr)!important}
  .home-v2 .guides .section-top{flex-direction:column;align-items:flex-start}
  .home-v2 .guides .section-top .text-link{max-width:none;font-size:13px}
  .home-v2 .resources-section>.wrap,.home-v2 .study-section>.wrap{background-image:repeating-linear-gradient(transparent 0 33px,var(--rule) 33px 34px)}
  .home-v2 .hero-media::before,.home-v2 .hero-media::after{width:78px;height:22px}
  .home-v2 section:not(.hero) .eyebrow,.home-v2 .hero .eyebrow{font-size:11px}
}

@media (prefers-reduced-motion:reduce){.home-v2 .hero h1>span{animation:none;background-size:100% 46%}}

/* Ajustes tras la revisión visual */
body.home-v2 section.hero.hero-centered{background:transparent}
body.home-v2>header,body.home-v2 .header{background-color:rgba(251,249,243,.95)}
.home-v2 .final-main h2>span,.home-v2 .final-call h2 span{background:none;color:var(--marker)}

/* CTA con la forma del de la home de tarifaoptima.com (píldora + círculo a la derecha).
   El círculo lleva el icono propio de cada botón, no la flecha ↗: Aitor pidió quitar las flechas decorativas. */
.btn.btn-orange,.btn.btn-dark{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:5px 6px 5px 28px;border-radius:980px;font-family:var(--display);font-weight:700;font-size:16.5px;letter-spacing:-.005em;text-transform:none;box-shadow:0 18px 38px -18px rgba(16,28,54,.55);transition:transform .2s cubic-bezier(.34,1.4,.6,1),background .2s,box-shadow .2s}
.btn.btn-orange:hover,.btn.btn-dark:hover{transform:translateY(-2px);box-shadow:0 24px 44px -18px rgba(16,28,54,.62)}
.btn.btn-orange>svg.ui-icon,.btn.btn-dark>svg.ui-icon,.btn.btn-orange>span,.btn.btn-dark>span{order:2;flex:0 0 auto;box-sizing:border-box;width:42px;height:42px;margin:0;padding:12px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);color:currentColor;transition:transform .18s}
.btn.btn-orange>span svg,.btn.btn-dark>span svg{width:18px;height:18px}
.btn.btn-orange:hover>svg.ui-icon,.btn.btn-dark:hover>svg.ui-icon,.btn.btn-orange:hover>span,.btn.btn-dark:hover>span{transform:rotate(-12deg)}
.final-call .btn.btn-dark>span{background:rgba(16,28,54,.07)}
.finder .btn.btn-orange{min-height:54px;padding-left:24px}
@media (max-width:760px){.btn.btn-orange,.btn.btn-dark{min-height:56px;padding-left:24px;font-size:16px}.btn.btn-orange>svg.ui-icon,.btn.btn-dark>svg.ui-icon,.btn.btn-orange>span,.btn.btn-dark>span{width:38px;height:38px;padding:10px}}
@media (prefers-reduced-motion:reduce){.btn.btn-orange,.btn.btn-dark,.btn>span,.btn>svg{transition:none}}

/* Interiores: misma identidad de cuaderno */
body.inner{background:var(--paper-warm)}
body.inner .header{background-color:rgba(251,249,243,.95)}
.inner-hero h1 .mark{background:linear-gradient(100deg,transparent .25em,var(--marker) .25em,var(--marker) calc(100% - .15em),transparent calc(100% - .15em)) 0 85%/0% 40% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:marker-draw-in 1s .35s cubic-bezier(.65,0,.35,1) forwards}
@keyframes marker-draw-in{to{background-size:100% 40%}}
.inner-hero .eyebrow{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:none;display:inline-block;background:var(--marker);color:var(--ink);padding:.25em .6em;border-radius:2px;transform:rotate(-1.2deg)}
body.inner .content-panel{background-color:#fff;background-image:linear-gradient(90deg,transparent 22px,var(--margin-red) 22px,var(--margin-red) 23.5px,transparent 23.5px),repeating-linear-gradient(transparent 0 33px,var(--rule) 33px 34px);border:1px solid var(--rule)}
body.inner .content-grid>a{background-color:#fff;border:1px solid var(--rule);transition:transform .25s cubic-bezier(.22,1,.36,1)}
body.inner .content-grid>a:hover{transform:rotate(-.6deg) translateY(-2px)}
body.inner .aside-box{position:relative;background-color:#fff;border:1px solid var(--rule)}
body.inner .aside-box::before{content:"";position:absolute;top:-11px;left:50%;width:96px;height:24px;margin-left:-48px;background:rgba(255,225,77,.72);transform:rotate(-3deg);pointer-events:none}
@media (max-width:700px){body.inner .content-panel{background-image:repeating-linear-gradient(transparent 0 33px,var(--rule) 33px 34px)}.inner-hero .eyebrow{font-size:11px}}
@media (prefers-reduced-motion:reduce){.inner-hero h1 .mark{animation:none;background-size:100% 40%}}

/* Ajustes tras revisar interiores */
.btn.btn-orange,.btn.btn-dark{height:58px!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;white-space:nowrap}
.finder .btn.btn-orange{height:54px!important}
.aside-box .btn.btn-dark,.aside-box .btn.btn-orange{width:100%;font-size:14.5px;padding-left:20px!important;gap:10px}
body.inner .content-panel{background-image:linear-gradient(90deg,transparent 22px,var(--margin-red) 22px,var(--margin-red) 23.5px,transparent 23.5px)}
@media (max-width:760px){.btn.btn-orange,.btn.btn-dark{height:56px!important}body.inner .content-panel{background-image:none}}

/* ===== Tamaño mínimo de letra (19/10). Norma: texto de lectura 16 px; cualquier otro texto visible ≥ 14 px, también en móvil.
   Lo comprueba qa/letra-minima.mjs (tiene que dar 0). ===== */
body :is(main,footer) :is(p,li,dd,blockquote):not(.small-label),
body .content-panel :is(p,li,strong,b),.aside-box p,.hero-copy>p,.inner-hero>p{font-size:16px!important;line-height:1.65!important}
body .content-panel :is(li,p) :is(strong,b){font-size:inherit!important}
body :is(.eyebrow,.small-label,.guide-meta,.guide-read,.resource-main-bottom,.interior-read,.source-link small,.method-link,.academy-explainer small,
 .category-bottom>*,.compare-checklist>*,.comparison-links small,.comparison-note a,.comparison-note-top span,.desk-caption,.desk-tabs small,
 .final-top span,.footer-bottom>*,.footer-main a,.footer-main b,.footer-main button,.footer-note,.prototype-label,.hero-proof span,.scene-tag,
 .save-btn,.inner-tools span,.kit-open,.kit-resource-list small,.kit-resource-list b,.kit-selector label,.law-explanation span,.law-ideas span,
 .desk-link,.law-sheet-top span,.card-link,.search-popular>*,.section-top>a.text-link,.start-note,.study-footnote>*,.desk-brand,.workspace-top span,
 .hero-media-caption b,.hero-media-caption span,.resource-photo-label,.start-photo figcaption,.aside-nav a,.aside-nav b,.breadcrumb a,.breadcrumb span,
 .plan-banner p,.source-strip b,.source-strip span,.saved-nav span,.hero-secondary,.notice,.wrap>a){font-size:14px!important;letter-spacing:.005em}
body .saved-nav i{font-size:14px!important;min-width:24px;height:24px;display:inline-grid;place-items:center}
body .desk-tabs b,body .law-ideas b{font-size:16px!important}
body .law-sheet p.law-intro,body .law-explanation p,.finder-intro p{font-size:16px!important}
.section-top>p,.kit-heading>p,.study-heading>p,.faq-section>div>p{font-size:16px!important;line-height:1.65!important}

/* ===== Sin columnas pegajosas al hacer scroll (norma de Aitor, 19/10). Solo la cabecera puede ser sticky. ===== */
body .academy-explainer{position:static!important;top:auto!important}
body .comparison-note,body .law-sheet{rotate:none!important}

/* ===== Buscador: una sola caja, sin bloque blanco pegado dentro ===== */
.home-v2 .search-hub .finder{background-color:transparent!important;box-shadow:none!important}
.home-v2 .search-hub>*:first-child{background:#fff!important;border:1px solid var(--rule)!important}

/* ===== Zona de estudio: superficie lisa, sin pautado, y controles que se ven clicables ===== */
.home-v2 .study-section>.wrap{background-image:none!important;background-color:#fff!important}
.home-v2 .study-shell,.home-v2 .study-content{background:#fff!important}
.desk-tabs{display:grid;gap:10px}
.desk-tabs [role=tab]{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;padding:14px 16px;border:1px solid var(--rule);border-radius:16px;background:#fff;transition:background .2s,border-color .2s,transform .25s cubic-bezier(.22,1,.36,1),box-shadow .2s}
.desk-tabs [role=tab] .tab-count{display:inline-grid!important;place-items:center;font:700 14px/1 var(--mono);width:34px;height:34px;border-radius:10px;background:#f3f1ea;color:var(--ink)}
.desk-tabs [role=tab]>span:last-child{display:grid!important;place-items:center;width:34px;height:34px;border-radius:50%;background:#f3f1ea;color:var(--ink);transition:transform .25s,background .2s}
.desk-tabs [role=tab]>span:last-child svg{width:16px;height:16px}
.desk-tabs [role=tab] b{display:block;font-family:var(--display);font-size:18px!important;line-height:1.2;color:var(--ink)}
.desk-tabs [role=tab] small{display:block;margin-top:3px;color:#5e6b80}
.desk-tabs [role=tab]:hover{border-color:#d9d2bd;background:#fffdf3;transform:translateX(3px);box-shadow:0 8px 18px -12px rgba(16,28,54,.35)}
.desk-tabs [role=tab]:hover>span:last-child{background:var(--marker)}
.desk-tabs [role=tab][aria-selected=true]{border-color:var(--ink);background:#fff8cf;box-shadow:none}
.desk-tabs [role=tab][aria-selected=true] .tab-count,.desk-tabs [role=tab][aria-selected=true]>span:last-child{background:var(--ink);color:#fff}
.desk-tabs [role=tab]:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
[role=tabpanel]:not([hidden]){animation:panel-in .35s cubic-bezier(.22,1,.36,1)}
@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.law-ideas{display:grid;gap:10px}
.law-ideas button{cursor:pointer;border:1px solid var(--rule)!important;border-radius:14px!important;background:#fff!important;transition:background .2s,border-color .2s,transform .2s;padding-right:56px!important;position:relative}
.law-ideas button:hover{background:#fffdf3!important;border-color:#d9d2bd!important}
.law-ideas button[aria-pressed=true]{background:#fff8cf!important;border-color:var(--ink)!important}

/* ===== FAQ: acordeón que se ve clicable y se abre con movimiento ===== */
.faq-section summary{cursor:pointer;list-style:none;position:relative;padding-right:64px!important;transition:background .2s}
.faq-section summary::-webkit-details-marker{display:none}
.faq-section details[open]>*:not(summary){animation:panel-in .35s cubic-bezier(.22,1,.36,1)}

/* ===== Tarjetas y enlaces: que se note que se pueden pulsar ===== */
.home-v2 :is(.guide-card,.opposition-card,.resource-rows>a,.comparison-links>a),body.inner .content-grid>a,body.inner .source-link{cursor:pointer;transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s}
.home-v2 :is(.guide-card,.opposition-card,.resource-rows>a,.comparison-links>a) :is(h3),body.inner :is(.content-grid>a,.source-link) h3{background:linear-gradient(var(--marker),var(--marker)) 0 88%/0 38% no-repeat;transition:background-size .35s cubic-bezier(.22,1,.36,1);display:block;width:fit-content}
.home-v2 :is(.guide-card,.opposition-card,.resource-rows>a,.comparison-links>a):hover :is(h3),body.inner :is(.content-grid>a,.source-link):hover h3{background-size:100% 38%}
.home-v2 :is(.card-link,.guide-read,.resource-main-bottom),body.inner .interior-read{font-weight:700;color:var(--brand)!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.header nav>a{position:relative}
.header nav>a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:6px;background:var(--marker);transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.22,1,.36,1);z-index:-1}
.header nav>a:hover::after{transform:scaleX(1)}

/* ===== CTA v2: texto centrado en el botón, icono en círculo a la derecha, con relieve y brillo ===== */
.btn.btn-orange,.btn.btn-dark{position:relative;isolation:isolate;overflow:hidden;justify-content:center!important;padding:0 62px!important;font-size:17px!important;border:1px solid rgba(255,255,255,.14);
 background-image:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 55%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 1px 2px rgba(16,28,54,.18),0 14px 30px -14px rgba(16,28,54,.6)!important}
.btn.btn-orange>svg.ui-icon,.btn.btn-dark>svg.ui-icon,.btn.btn-orange>span,.btn.btn-dark>span{position:absolute!important;right:7px;top:50%;margin-top:-21px!important}
.btn.btn-orange::before,.btn.btn-dark::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s cubic-bezier(.22,1,.36,1)}
.btn.btn-orange:hover::before,.btn.btn-dark:hover::before{transform:translateX(120%)}
.btn.btn-orange:focus-visible,.btn.btn-dark:focus-visible{outline:3px solid var(--marker);outline-offset:3px}
.final-call .btn.btn-dark{border-color:transparent;box-shadow:0 0 0 6px rgba(255,225,77,.18),0 14px 30px -14px rgba(0,0,0,.6)!important}
.final-call .btn.btn-dark:hover{box-shadow:0 0 0 8px rgba(255,225,77,.28),0 18px 34px -14px rgba(0,0,0,.7)!important}
.final-call .btn.btn-dark>span{background:var(--marker)!important;color:var(--ink)}
.finder .btn.btn-orange{padding:0 56px 0 26px!important}
.final-emblem{display:none!important}
@media (max-width:760px){.btn.btn-orange>svg.ui-icon,.btn.btn-dark>svg.ui-icon,.btn.btn-orange>span,.btn.btn-dark>span{margin-top:-19px!important}.btn.btn-orange,.btn.btn-dark{padding:0 54px!important;font-size:16px!important}}
@media (prefers-reduced-motion:reduce){[role=tabpanel]:not([hidden]),.faq-section details[open]>*{animation:none}.btn::before{display:none}}
.header nav>a{font-size:15px!important}
body .dialog-options>button{font-size:16px!important}body .question-progress{font-size:14px!important}body .data-table :is(td,th){font-size:15px!important;line-height:1.5}body .data-table th{font-size:14px!important}
/* Desbordes detectados al subir la letra */
.aside-box .btn.btn-orange,.aside-box .btn.btn-dark{padding:0 54px 0 20px!important;justify-content:flex-start!important;font-size:15px!important;width:100%}
.finder .btn.btn-orange{min-width:150px;flex:0 0 auto}
@media (max-width:760px){
 .btn.btn-orange,.btn.btn-dark{white-space:normal;height:auto!important;min-height:56px!important;padding-top:10px!important;padding-bottom:10px!important;max-width:100%;text-align:center;line-height:1.25}
 body .data-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
.aside-box .btn.btn-orange,.aside-box .btn.btn-dark{padding:0 50px 0 18px!important;font-size:14.5px!important}
.aside-box .btn>span,.aside-box .btn>svg.ui-icon{width:36px!important;height:36px!important;padding:9px!important;margin-top:-18px!important;right:6px!important}
.finder .btn.btn-orange{min-width:172px!important}
@media (max-width:760px){body table.data-table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}}

/* Iconos de abrir/cerrar: se reutiliza el elemento que ya existe (sin duplicar) */
.law-ideas .law-toggle-icon,.faq-section summary>span{position:absolute!important;right:12px;top:50%;width:34px;height:34px;margin-top:-17px;border-radius:50%;display:grid!important;place-items:center;background:#f3f1ea!important;color:var(--ink)!important;font:600 20px/1 var(--body)!important;transition:transform .25s,background .2s}
.law-ideas .law-toggle-icon svg{width:16px;height:16px}
.faq-section summary>span{right:18px}
.law-ideas button:hover .law-toggle-icon,.faq-section details:hover summary>span{background:var(--marker)!important}
.law-ideas button[aria-pressed=true] .law-toggle-icon,.faq-section details[open] summary>span{transform:rotate(45deg);background:var(--ink)!important;color:#fff!important}
body .faq-section details,body .faq-section details[open]{background:#fff!important;border:1px solid var(--rule)!important}
body .faq-section details[open]{border-color:var(--ink)!important;box-shadow:none}
body .faq-section summary{color:var(--ink)!important}
/* Pestañas de estudio: dos columnas (número + texto), sin icono que las estreche */
body.home-v2 .desk-tabs [role=tab]{grid-template-columns:auto 1fr!important}
body.home-v2 .desk-tabs [role=tab]>span:last-child{display:none!important}
body.home-v2 .desk-tabs [role=tab][aria-selected=true]{background:#fff8cf!important;border-color:var(--ink)!important;box-shadow:none!important}
body.home-v2 .desk-tabs [role=tab][aria-selected=false]{background:#fff!important;box-shadow:none}
body.home-v2 .desk-tabs [role=tab]:hover{background:#fffdf3!important}
.final-call .btn.btn-dark{box-shadow:0 0 0 6px rgba(255,255,255,.1),0 14px 30px -14px rgba(0,0,0,.6)!important}
.final-call .btn.btn-dark:hover{box-shadow:0 0 0 8px rgba(255,225,77,.35),0 18px 34px -14px rgba(0,0,0,.7)!important}
body.home-v2 .desk-tabs [role=tab]{column-gap:14px!important;align-items:start!important;padding:16px!important}
body.home-v2 .desk-tabs [role=tab] .tab-count{margin:0!important;position:static!important}
body.home-v2 .desk-tabs [role=tab]>span:nth-child(2){min-width:0}
body .comparison-read{font-size:15px!important;font-weight:700;color:var(--brand)!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;align-self:center}
/* PROHIBIDO en este proyecto (Aitor, 19/10/2026): barra o sombra de acento en el lado izquierdo de tarjetas, pestañas, acordeones o citas.
   El estado activo se marca con fondo y borde completo, nunca con una franja lateral. Lo comprueba qa/sin-barra-izquierda.mjs. */
body.home-v2 .desk-tabs [role=tab][aria-selected=true] .tab-count{background:var(--ink)!important;color:#fff!important}

/* ===== Revisión general 19/10 (tarde) ===== */
/* Buscador: el botón no sale de la caja; misma altura que los campos */
.home-v2 .search-hub .finder{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,230px) auto!important;gap:14px!important;align-items:center}
.home-v2 .search-hub .finder>.finder-intro{grid-column:1/-1}
.home-v2 .search-hub .finder>.search-field{grid-column:1;grid-row:2}
.home-v2 .search-hub .finder>.type-field{grid-column:2;grid-row:2}
.home-v2 .search-hub .finder>.btn{grid-column:3;grid-row:2;height:56px!important;min-width:0!important;width:auto}
@media (max-width:760px){.home-v2 .search-hub .finder{grid-template-columns:minmax(0,1fr)!important}.home-v2 .search-hub .finder>*{grid-column:1!important;grid-row:auto!important}.home-v2 .search-hub .finder>.btn{width:100%}}
/* CTA: color plano, sin brillo de plástico ni sombra difusa grande */
.btn.btn-orange,.btn.btn-dark{background-image:none!important;border:0!important;box-shadow:0 2px 0 rgba(16,28,54,.18),0 8px 18px -10px rgba(16,28,54,.45)!important}
.btn.btn-orange:hover,.btn.btn-dark:hover{box-shadow:0 2px 0 rgba(16,28,54,.18),0 12px 22px -10px rgba(16,28,54,.5)!important}
.btn.btn-orange::before,.btn.btn-dark::before{display:none!important}
.btn.btn-orange>svg.ui-icon,.btn.btn-orange>span{background:var(--marker,#ffe14d)!important;color:var(--ink,#101c36)!important}
/* Subrayador del hero: igual de ancho que el texto, sin sobresalir */
.home-v2 .hero h1>span{background-image:linear-gradient(var(--marker),var(--marker))!important;background-position:0 86%!important;padding-inline:.04em!important}
/* Aviso de los interiores: sin franja lateral (prohibido en este proyecto) */
body .notice{border-left:0!important;border:1px solid var(--rule)!important;border-radius:14px;background:#fffdf3!important;padding:14px 18px!important}

/* ===== Academias: reestructura sin columna pegajosa. Fila 1: título | texto + CTA. Fila 2: preguntas | comparativas ===== */
@media (min-width:901px){
 body.home-v2 #academias{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;row-gap:40px;align-items:end}
 body.home-v2 #academias .academies-body{display:contents!important}
 body.home-v2 #academias .academies-head{grid-column:1;grid-row:1;margin:0!important}
 body.home-v2 #academias .academy-explainer{grid-column:2;grid-row:1;max-width:560px;margin:0!important}
 body.home-v2 #academias .comparison-feature{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;margin:0!important}
 body.home-v2 #academias .comparison-links{margin:0!important}
}
body.home-v2 #academias .comparison-note{background:#fff!important;border:1px solid var(--rule)!important;margin:0!important}

/* ===== Zona de estudio: cuatro herramientas en fila y la elegida debajo, ancha y centrada ===== */
body.home-v2 .study-shell{display:block!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
body.home-v2 .study-side{display:block!important;border:0!important;padding:0!important;width:auto!important;background:transparent!important}
body.home-v2 .study-side .desk-brand,body.home-v2 .study-content .workspace-top{display:none!important}
body.home-v2 .desk-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0 0 22px!important}
body.home-v2 .desk-tabs [role=tab]{transform:none!important;min-height:100%}
body.home-v2 .desk-tabs [role=tab]:hover{transform:translateY(-2px)!important}
body.home-v2 .study-content{border:1px solid var(--rule)!important;border-radius:24px!important;padding:40px!important;background:#fff!important}
body.home-v2 .study-content .desk-panel>*{max-width:760px;margin-inline:auto!important}
@media (max-width:900px){body.home-v2 .desk-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.home-v2 .study-content{padding:22px!important}}

/* ===== Cierre: centrado, con el subrayador de la marca; sin columna vacía ni anillo ===== */
body .final-call .final-top{display:none!important}
body .final-call .final-inner{text-align:center;padding-block:72px!important}
body .final-call .final-main{display:flex!important;flex-direction:column;align-items:center;gap:0}
body .final-call .final-main h2{margin-inline:auto!important;max-width:none!important;font-size:clamp(34px,4.4vw,60px)!important;line-height:1.08!important}
body .final-call .final-main h2>span,body .final-call h2 span{color:var(--ink)!important;background:linear-gradient(var(--marker),var(--marker)) 0 88%/100% 78% no-repeat!important;padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
body .final-call .final-bottom{display:flex!important;flex-direction:column-reverse;align-items:center;gap:22px;margin-top:34px!important}
body .final-call .final-bottom p{text-align:center;max-width:520px;color:rgba(255,255,255,.75)!important}
body .final-call .final-bottom p br{display:none}
body .final-call .btn.btn-dark{box-shadow:0 10px 24px -12px rgba(0,0,0,.55)!important}
body .final-call .btn.btn-dark:hover{box-shadow:0 14px 28px -12px rgba(0,0,0,.65)!important}
body .final-call .final-grain,body .final-call .final-doodle{display:none!important}
@media (min-width:901px){body.home-v2 #academias{align-items:start!important}body.home-v2 #academias .academy-explainer{padding-top:44px}}
body .final-call .final-bottom p br{display:inline!important}
body .final-call .final-main h2>span,body .final-call h2 span{background-size:100% 42%!important;background-position:0 90%!important;color:var(--marker)!important;background-image:linear-gradient(rgba(255,225,77,.22),rgba(255,225,77,.22))!important}
body .final-call .final-main h2>span,body .final-call h2 span{background:none!important;padding:0!important}
@media (max-width:900px){
 body.home-v2 .desk-tabs{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 body.home-v2 .desk-tabs [role=tab]{border-radius:16px!important;aspect-ratio:auto!important;width:100%!important;height:auto!important;min-height:0!important;padding:14px 16px!important;align-items:center!important}
 body.home-v2 .desk-tabs [role=tab] small{display:inline!important}
}
@media (max-width:760px){
 .home-v2 .search-hub .finder>.search-field{order:1}.home-v2 .search-hub .finder>.type-field{order:2}.home-v2 .search-hub .finder>.btn{order:3}.home-v2 .search-hub .finder>.finder-intro{order:0}
}
.home-v2 section:not(.hero) .eyebrow::before{white-space:nowrap;flex:0 0 auto}

/* ===== Campos y desplegables: un solo borde, flecha propia, foco con halo suave (sin doble anillo azul) ===== */
.home-v2 :is(select,input[type=search],input[type=text]){-webkit-appearance:none;appearance:none;box-sizing:border-box;height:56px!important;border:1.5px solid #ddd6c3!important;border-radius:999px!important;background-color:#fff!important;color:var(--ink)!important;font:500 16px/1 var(--body)!important;padding:0 22px!important;outline:none!important;box-shadow:0 1px 0 rgba(16,28,54,.04)!important;transition:border-color .2s,box-shadow .2s}
.home-v2 select{padding-right:52px!important;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1.5l6 6 6-6' fill='none' stroke='%23101c36' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 22px center!important;background-size:14px 9px!important}
.home-v2 :is(select,input[type=search],input[type=text]):hover{border-color:#c9bfa4!important}
.home-v2 :is(select,input[type=search],input[type=text]):focus,.home-v2 :is(select,input[type=search],input[type=text]):focus-visible{border-color:var(--ink)!important;box-shadow:0 0 0 4px rgba(255,225,77,.55)!important;outline:none!important}
.home-v2 :is(.search-field,.type-field,.kit-selector):focus-within{outline:none!important;box-shadow:none!important}
.home-v2 .search-field,.home-v2 .type-field{border:0!important;padding:0!important;background:none!important}
.home-v2 .search-field input,.home-v2 .type-field select{width:100%!important}
.home-v2 .kit-selector select{min-width:300px}
.home-v2 input::-webkit-calendar-picker-indicator{display:none!important;opacity:0}

/* ===== Cierre más visual: cuadrícula de cuaderno y pósits alrededor; texto y botón centrados ===== */
body .final-call{position:relative;overflow:hidden;isolation:isolate;background-color:#101c36!important;
 background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)!important;background-size:34px 34px!important}
body .final-call::after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(780px,90%);height:220px;transform:translate(-50%,-50%) rotate(-3deg);background:radial-gradient(closest-side,rgba(255,225,77,.16),transparent);pointer-events:none}
body .final-call .final-inner{position:relative;padding-block:96px!important}
.final-notes{position:absolute;inset:0;pointer-events:none}
.final-notes .fn{position:absolute;display:flex;flex-direction:column;gap:4px;padding:14px 18px;border-radius:6px;background:#fff8cf;color:var(--ink);box-shadow:0 14px 28px -12px rgba(0,0,0,.55);font-size:14px;line-height:1.2;animation:fn-float 7s ease-in-out infinite alternate}
.final-notes .fn b{font:800 17px/1.1 var(--display)}
.final-notes .fn i{font:500 14px/1.2 var(--mono);font-style:normal;color:#5e6b80}
.final-notes .fn::before{content:"";position:absolute;top:-9px;left:50%;width:56px;height:18px;margin-left:-28px;background:rgba(255,225,77,.85);transform:rotate(-4deg)}
.final-notes .fn1{left:3%;top:7%;rotate:-7deg}
.final-notes .fn2{right:3%;top:6%;rotate:6deg;background:#fff;animation-delay:-2s}
.final-notes .fn3{left:4%;bottom:9%;rotate:5deg;background:#fff;animation-delay:-4s}
.final-notes .fn4{right:3%;bottom:10%;rotate:-5deg;animation-delay:-1s}
@keyframes fn-float{from{translate:0 0}to{translate:0 -8px}}
body .final-call .final-main{position:relative;z-index:2}
body .final-call .btn.btn-dark{height:64px!important;padding:0 70px!important;font-size:18px!important}
body .final-call .btn.btn-dark>span{width:48px!important;height:48px!important;margin-top:-24px!important;right:8px!important}
@media (max-width:1100px){.final-notes .fn3,.final-notes .fn4{display:none}.final-notes .fn1{top:6%;left:3%}.final-notes .fn2{top:auto;bottom:5%;right:3%}}
@media (max-width:760px){.final-notes{display:none}body .final-call .final-inner{padding-block:64px!important}body .final-call .btn.btn-dark{height:58px!important;padding:0 60px!important;font-size:16.5px!important}}
@media (prefers-reduced-motion:reduce){.final-notes .fn{animation:none}}

/* ===== Academias v3: título + intro / tres tarjetas de comparativa / banda de preguntas / CTA ===== */
@media (min-width:901px){
 body.home-v2 #academias{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-areas:"head head intro" "links links links" "note note note" "btn mlink small";column-gap:24px!important;row-gap:28px!important;align-items:end!important}
 body.home-v2 #academias .academies-body,body.home-v2 #academias .academy-explainer,body.home-v2 #academias .comparison-feature{display:contents!important}
 body.home-v2 #academias .academies-head{grid-area:head}
 body.home-v2 #academias .academy-explainer>p{grid-area:intro;margin:0!important;padding:0!important}
 body.home-v2 #academias .academy-explainer>.btn{grid-area:btn;justify-self:start}
 body.home-v2 #academias .academy-explainer>.method-link{grid-area:mlink;align-self:center}
 body.home-v2 #academias .academy-explainer>small{grid-area:small;align-self:center}
 body.home-v2 #academias .comparison-links{grid-area:links;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 body.home-v2 #academias .comparison-note{grid-area:note;display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) auto;align-items:center;gap:28px;padding:28px 32px!important;border-radius:22px!important;background:#fff8cf!important;border:1px solid #f1e3a0!important}
 body.home-v2 #academias .comparison-note-top{grid-column:1;grid-row:1;align-self:end}
 body.home-v2 #academias .comparison-note h3{grid-column:1;grid-row:2;margin:0!important;font-size:24px!important}
 body.home-v2 #academias .comparison-note .compare-checklist{grid-column:2;grid-row:1/3;margin:0!important;border:0!important;padding:0!important}
 body.home-v2 #academias .comparison-note>a{grid-column:3;grid-row:1/3;margin:0!important;border:0!important;padding:0!important;font-weight:700;color:var(--ink)!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;white-space:nowrap}
}
body.home-v2 #academias .comparison-links>a{display:flex!important;flex-direction:column;gap:10px;padding:26px!important;border:1px solid var(--rule)!important;border-radius:20px!important;background:#fff!important;margin:0!important;min-height:220px;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .2s}
body.home-v2 #academias .comparison-links>a:hover{transform:translateY(-4px);border-color:#d9d2bd!important;box-shadow:0 18px 34px -22px rgba(16,28,54,.45)}
body.home-v2 #academias .comparison-links>a>span:nth-child(2){display:flex;flex-direction:column;gap:8px;flex:1}
body.home-v2 #academias .comparison-links small{font:500 14px/1 var(--mono)!important;color:#5e6b80;text-transform:none;letter-spacing:0}
body.home-v2 #academias .comparison-links h3{font-size:24px!important;line-height:1.15;margin:0!important}
body.home-v2 #academias .comparison-n{display:inline-grid!important;place-items:center;width:40px;height:40px;border-radius:12px;background:#f3f1ea;font:700 14px/1 var(--mono)!important;color:var(--ink)}
body.home-v2 #academias .comparison-links>a:hover .comparison-n{background:var(--marker)}
body.home-v2 #academias .comparison-read{margin-top:auto;align-self:flex-start!important}
@media (max-width:900px){body.home-v2 #academias .comparison-links{display:grid!important;gap:14px}body.home-v2 #academias .comparison-links>a{min-height:0}body.home-v2 #academias .comparison-note{background:#fff8cf!important}}
body.home-v2 #academias .comparison-links{align-items:stretch!important;margin-top:28px!important}
body.home-v2 #academias .comparison-links>*{margin:0!important}
@media (max-width:900px){body.home-v2 #academias .comparison-links{order:2}body.home-v2 #academias .comparison-note{order:3}}
/* ===== Cierre: hoja de apuntes ===== */
body .final-call{background:#fffdf6!important;background-image:repeating-linear-gradient(to bottom,transparent 0 33px,#dfe7f3 33px 34px)!important;background-position:0 18px!important;border:1px solid var(--rule)!important;box-shadow:0 30px 60px -40px rgba(16,28,54,.35)!important;color:var(--ink)!important}
body .final-call::after{display:none!important}
body .final-call::before{content:"";position:absolute;top:22px;left:50%;width:min(420px,60%);height:12px;transform:translateX(-50%);background:radial-gradient(circle,#efe9da 5px,transparent 6px) 0 0/42px 12px repeat-x;pointer-events:none}
body .final-call .final-main h2{color:var(--ink)!important}
body .final-call .final-main h2>span{position:relative;color:var(--ink)!important;padding:0 .14em!important;background:linear-gradient(100deg,transparent 0 1%,rgba(255,225,77,.95) 2% 97%,transparent 99%) 0 92%/0% 62% no-repeat!important;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:fosfo 1.1s cubic-bezier(.65,0,.35,1) .3s forwards}
@keyframes fosfo{to{background-size:100% 62%}}
body .final-call .final-bottom p{color:#4a5568!important}
body .final-call .btn.btn-dark{height:62px!important;padding:0 46px!important;background:var(--ink)!important;color:#fff!important;box-shadow:0 4px 0 #ffe14d!important;transition:transform .2s,box-shadow .2s}
body .final-call .btn.btn-dark:hover{transform:translateY(-2px);box-shadow:0 6px 0 #ffe14d!important}
body .final-call .btn.btn-dark>span{display:none!important}
.final-notes .fn{box-shadow:0 12px 22px -14px rgba(16,28,54,.45)}
.final-notes .fn1,.final-notes .fn4{background:#ffe97a}
.final-notes .fn2,.final-notes .fn3{background:#fff}
.final-notes .fn2 i,.final-notes .fn3 i{background:linear-gradient(rgba(255,225,77,.7),rgba(255,225,77,.7)) 0 85%/100% 45% no-repeat}
@media (prefers-reduced-motion:reduce){body .final-call .final-main h2>span{animation:none;background-size:100% 62%!important}}
@media (max-width:760px){body .final-call .final-bottom p br{display:none!important}}
/* post-its discretos + subrayado fijo (la animación no puede pisar un !important) */
.final-notes .fn{opacity:.45;box-shadow:none!important;border:1px solid rgba(16,28,54,.06)}
.final-notes .fn::before{opacity:.5}
.final-notes .fn2 i,.final-notes .fn3 i{background:none}
body .final-call .final-main h2>span{animation:none!important;background-size:100% 62%!important}
/* ===== Hover único en toda la home: texto en tinta, icono en amarillo (sin rojo, azul ni turquesa) ===== */
body.home-v2 a:not(.btn):hover,body.home-v2 a:not(.btn):hover :is(b,strong,h3,h4,em,small,span),body.home-v2 button:not(.btn):not([aria-selected=true]):hover{color:var(--ink)!important}
body.home-v2 :is(a,button):not(.btn):hover :has(>svg.ui-icon),body.home-v2 :is(a,button):not(.btn):hover :is(.path-num,.kit-icon,.route-step-num,.circle-arrow){background:var(--marker)!important;color:var(--ink)!important;border-color:var(--marker)!important}
body.home-v2 :is(a,button):not(.btn):hover :is(.category-art,.guide-visual){background:#fff8cf!important}

/* Subrayador por líneas: va en el span, no en el bloque h3 (en varias líneas pintaba una caja) */
body :is(.guide-card,.opposition-card,.resource-rows>a,.comparison-links>a,.content-grid>a,.source-link) h3{background:none!important;display:block!important;width:auto!important}
body h3>.hl{background:linear-gradient(var(--marker),var(--marker)) 0 90%/0 34% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .4s cubic-bezier(.22,1,.36,1)}
body a:hover h3>.hl,body a:focus-visible h3>.hl{background-size:100% 34%}
.final-notes .fn{opacity:.3!important}
/* Revisión final: nada azul ni gris azulado fuera del logo y los enlaces de texto */
body.home-v2 .header nav>a,body.home-v2 .header nav>a[aria-current],body.home-v2 .header nav>a.active{color:var(--ink)!important}
body.home-v2 .header nav>a[aria-current]{background:linear-gradient(var(--marker),var(--marker)) 0 92%/100% 30% no-repeat}
body.home-v2 .law-explanation{background:#fff8cf!important;border:1px solid #f1e3a0!important}
/* ===== Ritmo de landing (no de blog): bandas a sangre, tarjetas en fila, fondos que alternan ===== */
/* Hero: la foto es una banda, no la imagen destacada de un post */
body.home-v2 .hero .hero-image-frame{aspect-ratio:auto!important;height:400px!important}
body.home-v2 .hero .hero-image-frame picture,body.home-v2 .hero .hero-image-frame img{height:100%!important;max-height:none!important;width:100%!important;object-fit:cover!important;object-position:50% 40%!important}

/* 01 Oposiciones: cuatro fichas en fila */
body.home-v2 #oposiciones .opposition-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;border:0!important;margin-top:28px!important}
body.home-v2 #oposiciones .opposition-card{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;background:#fff!important;border:1px solid var(--rule)!important;border-radius:22px!important;overflow:hidden;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .2s}
body.home-v2 #oposiciones .opposition-card::before,body.home-v2 #oposiciones .opposition-card::after{display:none!important}
body.home-v2 #oposiciones .opposition-card:hover{transform:translateY(-5px);border-color:#d9d2bd!important;box-shadow:0 22px 40px -26px rgba(16,28,54,.5)}
body.home-v2 #oposiciones .category-art{width:auto!important;height:150px!important;margin:0!important;border-radius:0!important;background:#fff8cf!important;display:grid!important;place-items:center;position:relative}
body.home-v2 #oposiciones .opposition-card:nth-child(2n) .category-art{background:#f3f1ea!important}
body.home-v2 #oposiciones .category-art svg{width:110px!important;height:auto!important;transition:transform .35s cubic-bezier(.22,1,.36,1)}
body.home-v2 #oposiciones .opposition-card:hover .category-art svg{transform:translateY(-4px) rotate(-3deg)}
body.home-v2 #oposiciones .category-tag{display:inline-block!important;position:absolute;left:16px;top:14px;font:600 14px/1 var(--mono)!important;background:#fff;padding:6px 8px;border-radius:6px;color:var(--ink)!important;letter-spacing:0}
body.home-v2 #oposiciones .opposition-content{display:flex!important;flex-direction:column;flex:1;padding:22px 22px 24px!important}
body.home-v2 #oposiciones .opposition-content h3{font-size:24px!important;margin:6px 0 10px!important}
body.home-v2 #oposiciones .opposition-content p br{display:none}
body.home-v2 #oposiciones .card-link{margin-top:auto!important;padding-top:16px}
body.home-v2 #oposiciones .section-bottom,body.home-v2 #oposiciones>.section-foot{border:0!important}

/* 03 Kit: banda tinta a sangre */
body.home-v2 .kit-section{background:var(--ink)!important;padding-block:88px!important;margin-block:40px!important}
body.home-v2 .kit-section .kit-heading h2,body.home-v2 .kit-section .kit-heading .eyebrow{color:#fff!important}
body.home-v2 .kit-section .kit-heading p{color:rgba(255,255,255,.75)!important}
body.home-v2 .kit-section .kit-heading .eyebrow::after{color:#fff!important}
body.home-v2 .kit-section .kit-layout{background:#fff!important;border:0!important;border-radius:28px!important;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}

/* 07 Guías: tres tarjetas sobre banda blanca */
body.home-v2 .guides{box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);background:#fff;padding-block:80px!important;margin-block:40px!important}
body.home-v2 .guides .guide-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;border:0!important}
body.home-v2 .guides .guide-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:0 0 24px!important;background:var(--paper-warm)!important;border:1px solid var(--rule)!important;border-radius:22px!important;overflow:hidden;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}
body.home-v2 .guides .guide-card:hover{transform:translateY(-5px);box-shadow:0 22px 40px -26px rgba(16,28,54,.5)}
body.home-v2 .guides .guide-visual{width:auto!important;height:170px!important;margin:0 0 8px!important;border-radius:0!important;background:#fff8cf!important;display:grid!important;place-items:center;position:relative}
body.home-v2 .guides .guide-card:nth-child(2) .guide-visual{background:#f3f1ea!important}
body.home-v2 .guides .guide-visual svg{width:72%!important;height:auto!important;max-height:130px}
body.home-v2 .guides .guide-meta,body.home-v2 .guides .guide-card h3,body.home-v2 .guides .guide-read{padding-inline:24px!important;margin:0!important;text-align:left!important}
body.home-v2 .guides .guide-card h3{font-size:22px!important}
body.home-v2 .guides .guide-read{margin-top:auto!important;padding-top:10px!important;width:auto!important;justify-content:flex-start!important}
body.home-v2 .guides .guide-read>span{display:none!important}

@media (max-width:1100px){body.home-v2 #oposiciones .opposition-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:900px){body.home-v2 .guides .guide-grid{grid-template-columns:1fr!important}body.home-v2 .guides .guide-visual{height:140px!important}}
@media (max-width:640px){body.home-v2 #oposiciones .opposition-grid{grid-template-columns:1fr!important}body.home-v2 #oposiciones .category-art{height:120px!important}body.home-v2 .kit-section{padding-block:56px!important}body.home-v2 .guides{padding-block:56px!important}body.home-v2 .hero .hero-image-frame{height:240px!important}}
body.home-v2 .guides .guide-visual svg{position:static!important;inset:auto!important;margin:auto!important}
body.home-v2 .guides .guide-visual>span{display:none!important}
body.home-v2 #oposiciones .category-art{width:100%!important;align-self:stretch!important}
/* CTA con icono: el texto se centra en el hueco libre, con el mismo aire a la izquierda que hasta el icono */
body .btn:is(.btn-orange,.btn-dark):has(>span){padding-left:30px!important;padding-right:84px!important;justify-content:center!important}
body .search-hub .btn:has(>span),body .finder .btn:has(>span){padding-left:24px!important;padding-right:66px!important}
body .final-call .btn.btn-dark{padding:0 46px!important}
body .btn:is(.btn-orange,.btn-dark):has(>svg){padding-left:30px!important;padding-right:84px!important}
@media (max-width:640px){body .btn:is(.btn-orange,.btn-dark):is(:has(>svg),:has(>span)){padding-left:24px!important;padding-right:72px!important}}
/* Selector del punto de partida: aire alrededor y el anillo de foco dentro de su franja */
body.home-v2 .kit-section .kit-selector{padding:30px 36px!important;align-items:center!important;gap:24px!important}
body.home-v2 .kit-section .kit-selector select{max-width:360px}
body .search-hub .btn:is(:has(>svg),:has(>span)){padding-left:28px!important;padding-right:76px!important}
html body.home-v2 .search-hub button.btn.btn-orange{padding-left:28px!important;padding-right:76px!important;width:auto!important}
@media (max-width:640px){body.home-v2 .kit-section .kit-selector{padding:26px 24px!important}}

/* CTA único en toda la web (20/10/2026): píldora, texto centrado y círculo amarillo con el icono en tinta.
   Oscuro = tinta de marca, nunca negro. Igual que .t-btn de las plantillas. */
.btn.btn-dark,.btn.btn-orange{box-shadow:0 18px 36px -20px rgba(16,28,54,.7);transition:background .2s,box-shadow .2s,transform .2s cubic-bezier(.34,1.4,.6,1)}
.btn.btn-dark{background:var(--ink,#101c36);color:#fff}
.btn.btn-dark:hover{background:#1b2b4d;color:#fff}
.btn.btn-orange:hover{background:var(--brand-deep)}
.btn.btn-dark>svg.ui-icon,.btn.btn-orange>svg.ui-icon,.btn.btn-dark>span,.btn.btn-orange>span{background:var(--marker,#ffe14d);color:var(--ink,#101c36);stroke:var(--ink,#101c36)}
.btn.btn-dark>span svg,.btn.btn-orange>span svg{stroke:var(--ink,#101c36)}
.btn.btn-dark:hover>svg.ui-icon,.btn.btn-orange:hover>svg.ui-icon,.btn.btn-dark:hover>span,.btn.btn-orange:hover>span{transform:rotate(-10deg) scale(1.06)}
.btn.btn-dark:focus-visible,.btn.btn-orange:focus-visible{outline:3px solid var(--marker,#ffe14d);outline-offset:3px}
.final-call .btn.btn-dark>span{background:var(--marker,#ffe14d)}