/* ==========================================================================
   HUELLA DEPORTIVA · Portada
   Las piezas de la primera web (corredor, análisis de la pisada, método,
   pie en 3D, artículos ilustrados, retrato y clínicas) con su diseño original.
   Solo se carga en index.html, después de styles.css y tema.css.
   ========================================================================== */
.home { --gut: max(16px, env(safe-area-inset-left, 0px)); --gut-r: max(16px, env(safe-area-inset-right, 0px)); }
.home main .wrap { max-width: 1240px; }
.home main p { margin: 0; }
.lh-sec { padding-block: clamp(72px, 10vw, 128px); border-top: 1px solid var(--line); }
.lh-sec h2 { font-size: clamp(42px, 6.4vw, 84px) !important; line-height: .88 !important; margin: 0 !important; }
.lh-sec h3 { font-size: 22px !important; line-height: 1.2 !important; margin: 0 !important; }
.lh-label { font-family: var(--monoui); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.lh-label b { color: var(--blue-text); font-weight: 400; }
.sec-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 40px; align-items: end; margin-bottom: 56px; }
.sec-head > p { color: var(--muted) !important; max-width: 52ch; }
.sec-head h2 { margin-top: 16px !important; }
@media (max-width: 760px) { .sec-head { grid-template-columns: 1fr; } }
.lh-more { font-family: var(--monoui); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }

/* Secciones en azul */
.paper { --bg: #4560e3; --surface: #3d57d6; --raised: #3d57d6; --line: #7c90ee; --ink: #ffffff; --ink2: #ffffff; --muted: #eef1ff; --blue: #ffffff; --blue-text: #ffffff; --on-blue: #1c1e22; --pain: #ffc21f;
  background: var(--bg) !important; color: var(--ink); }
.paper a { color: #fff !important; }
.paper .btn { background: #fff !important; color: #1c1e22 !important; }
.paper .btn:hover { box-shadow: 0 0 28px 4px rgba(255, 255, 255, .45) !important; }
.paper .btn-ghost { background: transparent !important; color: #fff !important; box-shadow: inset 0 0 0 1px #fff !important; }
.paper .btn-ghost:hover { background: #fff !important; color: #1c1e22 !important; }

/* ---------- Hero: corredor en azul eléctrico ---------- */
.lh-hero { position: relative; overflow: hidden; background: var(--deep); }
.lh-hero canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.lh-grid { position: relative; min-height: clamp(600px, 84vh, 820px); display: grid; grid-template-rows: auto 1fr auto; padding-block: 20px 24px; }
.lh-corners { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; font-family: var(--monoui); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; line-height: 1.35; color: var(--ink); }
.lh-corners span:nth-child(2), .lh-corners span:nth-child(3) { text-align: center; }
.lh-corners span:last-child { text-align: right; }
.lh-corners .tm { font-size: 15px; letter-spacing: .06em; font-variant-numeric: tabular-nums; align-self: end; }
.lh-center { align-self: center; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 24px; padding-block: 32px; }
.lh-hero h1 { font-size: clamp(60px, 11.5vw, 168px) !important; line-height: .84 !important; letter-spacing: -.005em !important; margin: 0; color: var(--ink); text-shadow: 0 2px 30px rgba(15, 16, 19, .35); }
.lh-hero h1 em { font-style: normal; -webkit-text-stroke: 2px var(--ink); color: transparent; }
.lh-kicker { display: block; font-family: var(--monoui); font-weight: 400; font-size: 12px; letter-spacing: .14em; line-height: 1.5; text-shadow: none; margin-bottom: 22px; color: var(--ink); }
.lh-copy { font-family: var(--monoui); font-size: 13px; letter-spacing: .06em; text-transform: uppercase; line-height: 1.55; max-width: 48ch; color: var(--ink); }
.lh-ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
@media (max-width: 640px) { .lh-corners { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lh-corners span:nth-child(n) { text-align: left; } .lh-corners span:nth-child(even) { text-align: right; } }

.ticker { border-block: 1px solid var(--line); overflow: hidden; }
.ticker .wrap { display: flex; flex-wrap: wrap; gap: 12px 40px; padding-block: 16px; }

/* ---------- Análisis de la pisada ---------- */
.analysis .wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.an-text { display: flex; flex-direction: column; gap: 20px; }
.an-text > p:not(.lh-label) { color: var(--muted) !important; max-width: 46ch; }
.key { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin: 0 6px 0 0; vertical-align: -1px; }
.k-cool { background: var(--glow); }
.k-hot { background: radial-gradient(#fff6a8, #ffc21f 35%, #ff6a1f 70%); margin-left: 14px; }
.lab { position: relative; aspect-ratio: 4/5; max-width: 100%; border: 1px solid var(--line); background: linear-gradient(var(--line) 1px, transparent 1px) 0 0/100% 48px, linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0/48px 100%; background-color: var(--bg); }
.lab canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.readout { position: absolute; font-family: var(--monoui); font-size: 11px; letter-spacing: .08em; line-height: 1.5; color: var(--muted); text-transform: uppercase; font-variant-numeric: tabular-nums; }
.readout strong { display: block; color: var(--ink); font-weight: 500; font-size: 13px; }
.ro-tl { top: 14px; left: 14px; } .ro-tr { top: 14px; right: 14px; text-align: right; }
.ro-bl { bottom: 14px; left: 14px; right: 14px; }
.ro-bl svg { display: block; width: 100%; height: 56px; margin-top: 6px; overflow: visible; }
.rec { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--pain); margin-right: 6px; animation: blink 1.2s steps(2) infinite; }
@keyframes blink { 50% { opacity: .2; } }
/* El ciclo de la pisada en una línea */
.cycle { display: grid; gap: 10px; margin-top: 8px; padding-top: 20px; border-top: 1px solid var(--line); }
.cycle-row { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 12px; align-items: center; }
.cycle-row > span { font-family: var(--monoui); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.cycle .bar { display: flex; height: 30px; font-size: 11px; letter-spacing: .06em; }
.cycle .bar > div { display: flex; align-items: center; padding: 0 10px; white-space: nowrap; overflow: hidden; }
.cycle-note { font-size: 15px; color: var(--muted) !important; }
@media (max-width: 860px) { .analysis .wrap { grid-template-columns: 1fr; } .lab { aspect-ratio: 1/1; } }

/* ---------- Por dónde empiezo (dibujos a mano) ---------- */
.start-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px !important; background: var(--line); border: 1px solid var(--line); }
.start-item { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 24px; align-items: start; background: var(--bg); padding: 28px; }
.si-art { display: grid; place-items: center; aspect-ratio: 1; border-radius: 2px !important; background: var(--surface) !important; border: 1px solid var(--line); padding: 14px; transition: background .3s; }
.si-art:hover { background: var(--raised) !important; }
.si-art svg { width: 100%; height: 100%; }
.si-photo { padding: 0; overflow: hidden; }
.si-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 20% 70%; transform: scale(1.6); }
.si-art .dw path, .si-art .gl { fill: none; stroke: var(--ink) !important; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.si-art .dw .dw-ground { stroke-width: 1.2; opacity: .4; }
.si-art .dw .dw-sole { stroke: var(--blue) !important; stroke-width: 3; }
.si-art .dw-dot { fill: var(--pain) !important; }
.si-art .dw-dot.soft { opacity: .45; }
.si-art .ga, .si-art .gar { stroke: var(--blue-text) !important; opacity: .85; fill: none; }
.si-art .gh, .si-art .gs, .si-art .gn { display: none; }
.si-text h3 { font-family: var(--display) !important; text-transform: uppercase; font-weight: 800 !important; font-size: clamp(28px, 3vw, 36px) !important; line-height: .95 !important; margin: 0 0 10px !important; }
.si-text h3 a { color: var(--ink) !important; text-decoration: none !important; }
.si-text h3 a:hover { color: var(--blue-text) !important; }
.si-text p { margin: 0 0 14px !important; color: var(--muted) !important; font-size: 16px; }
.si-links, .si-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.si-links a, .si-cta a:not(.btn) { font-family: var(--monoui); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted) !important; border: 1px solid var(--line); border-radius: 999px; padding: 8px 12px; text-decoration: none !important; }
.si-links a:hover, .si-cta a:not(.btn):hover { color: var(--ink) !important; border-color: var(--muted); }
@media (max-width: 900px) { .start-grid { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .start-item { grid-template-columns: 1fr; } .si-art { max-width: 160px; } }
/* Buscador de la portada */
.lh-search { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 40px; align-items: end; margin-bottom: 40px; }
.lh-search .site-search { position: relative; }
.lh-search label { display: block; margin-bottom: 8px; }
.lh-search .search-results { position: absolute; left: 0; right: 0; top: 100%; z-index: 5; margin: 6px 0 0; list-style: none; padding: 6px; }
.lh-hints { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.lh-hints a { font-family: var(--monoui); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted) !important; border: 1px solid var(--line); border-radius: 999px; padding: 9px 14px; text-decoration: none !important; }
.lh-hints a:hover { color: var(--ink) !important; border-color: var(--muted); }
@media (max-width: 760px) { .lh-search { grid-template-columns: 1fr; } }

/* ---------- Método ---------- */
.steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--ink); }
.step { padding: 24px 24px 28px 20px; display: flex; flex-direction: column; gap: 14px; border-right: 1px solid var(--line); }
.step:first-child { padding-left: 0; } .step:last-child { border-right: 0; }
.step .n { font-family: var(--monoui); font-size: 13px; color: var(--blue-text); }
.step p { color: var(--muted) !important; font-size: 15px; }
@media (max-width: 900px) { .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .step:nth-child(2) { border-right: 0; } .step:nth-child(3) { padding-left: 0; } .step:nth-child(n+3) { border-top: 1px solid var(--line); } }
@media (max-width: 520px) { .steps { grid-template-columns: 1fr; } .step { padding-left: 0; border-right: 0; } .step + .step { border-top: 1px solid var(--line); } }
.lh-services { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); margin-top: 56px; }
.svc { background: var(--bg); padding: 28px; display: flex; flex-direction: column; gap: 12px; min-width: 0; color: var(--ink); text-decoration: none !important; transition: background .3s; }
a.svc:hover { background: var(--surface); }
.svc p { color: var(--muted) !important; font-size: 15px; }
.svc .lh-more { margin-top: auto; padding-top: 8px; color: var(--ink); }
@media (max-width: 820px) { .lh-services { grid-template-columns: 1fr; } }

/* ---------- ¿Dónde te duele? Pie en 3D ---------- */
.pain { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 48px; align-items: start; }
@media (max-width: 860px) { .pain { grid-template-columns: 1fr; } }
.pmap { position: relative; display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 20px; border: 1px solid var(--line); background: radial-gradient(80% 70% at 50% 42%, #2b2e34, #16181b); }
.stage { position: relative; width: 100%; display: block; }
#fm-c { display: block; width: 100%; height: auto; max-height: 460px; object-fit: contain; filter: drop-shadow(0 18px 22px rgba(0, 0, 0, .55)); touch-action: manipulation; }
#fm-o { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.pmap .heat { fill: url(#heatg); opacity: .95; transform-box: fill-box; transform-origin: center; animation: breathe 2.6s ease-in-out infinite; }
@keyframes breathe { 50% { transform: scale(1.14); } }
.pmap .lead { fill: none; stroke: var(--ink); stroke-width: 1.2; stroke-opacity: .85; }
.pmap .lbl-t { font-family: var(--monoui); font-size: 15px; letter-spacing: .08em; text-transform: uppercase; fill: var(--ink); }
.pmap .bones { align-self: stretch; border-top: 1px solid var(--line); padding-top: 12px; }
.thumbs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; width: 100%; }
.th { background: transparent; border: 1px solid var(--line); border-radius: 2px; padding: 6px 4px 8px; display: flex; flex-direction: column; align-items: center; gap: 6px; cursor: pointer; min-width: 0; color: var(--muted); }
.th .lh-label { font-size: 9px; letter-spacing: .05em; }
.th:hover { border-color: var(--muted); }
.th[aria-pressed="true"] { border-color: var(--ink); background: var(--raised); }
.th[aria-pressed="true"] .lh-label { color: var(--ink); }
.thimg { position: relative; display: block; width: 100%; height: 62px; }
.thimg img { width: 100%; height: 100%; object-fit: contain; display: block; }
.thdot { position: absolute; width: 9px; height: 9px; margin: -4.5px 0 0 -4.5px; border-radius: 50%; background: radial-gradient(#fff6a8, #ffc21f 40%, #ff6a1f 75%); box-shadow: 0 0 8px #ff6a1f; }
.zlist { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.home .chip { font-family: var(--monoui) !important; font-size: 11px !important; letter-spacing: .08em; text-transform: uppercase; background: transparent !important; color: var(--muted) !important; border: 1px solid var(--line) !important; border-radius: 999px !important; padding: 9px 14px !important; cursor: pointer; min-height: 40px; box-shadow: none !important; font-weight: 400 !important; }
.home .chip:hover { color: var(--ink) !important; border-color: var(--muted) !important; }
.home .chip[aria-pressed="true"] { background: var(--ink) !important; color: var(--bg) !important; border-color: var(--ink) !important; }
.zcard { background: var(--raised); padding: 32px; display: flex; flex-direction: column; gap: 18px; }
.zcard h3 { font-family: var(--display) !important; text-transform: uppercase; font-size: clamp(30px, 3.4vw, 40px) !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: .95 !important; }
.zcard ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.zcard li { display: grid; grid-template-columns: 18px 1fr; gap: 8px; font-size: 16px; color: var(--ink) !important; }
.zcard li::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--pain); margin-top: 9px; }
.zcard .signal { color: var(--muted) !important; font-size: 15px; border-top: 1px solid var(--line); padding-top: 16px; }
.zcard .row { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.zcard .art { color: var(--blue-text) !important; text-underline-offset: 4px; }
.disclaimer { margin-top: 16px !important; font-size: 13px; color: var(--muted) !important; }

/* ---------- Artículos ilustrados ---------- */
.filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 32px; }
.lh-posts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.lh-post { background: var(--bg); padding: 28px; display: grid; grid-template-columns: minmax(0, 1fr) 112px; gap: 24px; text-decoration: none !important; transition: background .3s; min-width: 0; color: var(--ink) !important; }
.lh-post.lh-feature { grid-column: 1/-1; }
.lh-post:hover { background: var(--surface); }
.lh-post:hover h3 { color: var(--blue-text) !important; }
.lh-post .meta { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.lh-post p:not(.lh-label) { color: var(--muted) !important; font-size: 15px; }
.lh-post svg { width: 112px; height: 112px; border: 1px solid var(--line); }
.lh-post svg .s { fill: none; stroke: var(--muted); stroke-width: 1; }
.lh-post svg .p { fill: var(--pain); } .lh-post svg .b { fill: var(--blue); }
.lh-post[hidden] { display: none; }
.lh-allposts { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
@media (max-width: 820px) { .lh-posts { grid-template-columns: 1fr; } }
@media (max-width: 440px) { .lh-post { grid-template-columns: 1fr; } .lh-post svg { display: none; } }

/* ---------- Por qué este blog ---------- */
.why { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 48px; }
.why p { color: var(--ink2) !important; max-width: 60ch; }
.why h3 { margin-bottom: 10px !important; }
@media (max-width: 760px) { .why { grid-template-columns: 1fr; } }

/* ---------- Sobre mí ---------- */
.lh-about { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 48px; align-items: center; }
@media (max-width: 820px) { .lh-about { grid-template-columns: 1fr; } }
.lh-portrait { position: relative; max-width: 100%; background: var(--surface); border: 1px solid var(--line); overflow: hidden; }
.lh-portrait img { display: block; width: 100%; height: auto; }
.lh-portrait .lh-label { position: absolute; left: 14px; bottom: 14px; color: #fff; text-shadow: 0 1px 6px rgba(0, 0, 0, .6); }
.lh-about .text p + p { margin-top: 16px; }
.lh-about .text p { max-width: 58ch; }
.lh-about .text p.big { font-size: 22px; line-height: 1.4; color: var(--ink) !important; }
.lh-about .text p:not(.big):not(.lh-label) { color: var(--muted) !important; }
.lh-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 40px; border-top: 1px solid var(--line); padding-top: 24px; }
.lh-facts strong { display: block; font-family: var(--display); font-size: 40px; line-height: 1; font-weight: 800; margin-bottom: 8px; color: var(--ink); font-variant-numeric: tabular-nums; }
.lh-facts span { color: var(--muted); font-size: 14px; }
@media (max-width: 520px) { .lh-facts { grid-template-columns: 1fr; } }

/* ---------- Dónde encontrarme ---------- */
.lh-clinics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 820px) { .lh-clinics { grid-template-columns: 1fr; } }
.lh-clinic { border: 1px solid var(--line); display: grid; grid-template-rows: auto 1fr; min-width: 0; }
.mapart { height: 180px; position: relative; background: var(--surface); border-bottom: 1px solid var(--line); overflow: hidden; }
.mapart svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.mapart .st { fill: none; stroke: var(--line); stroke-width: 6; }
.mapart .st2 { fill: none; stroke: var(--line); stroke-width: 2; }
.pin { position: absolute; left: 58%; top: 46%; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 6px rgba(255, 255, 255, .25), 0 0 24px 6px rgba(143, 208, 247, .6); }
.lh-clinic .body { padding: 28px; display: flex; flex-direction: column; gap: 16px; }
.lh-clinic h3 { font-family: var(--display) !important; text-transform: uppercase; font-weight: 800 !important; font-size: clamp(36px, 4vw, 52px) !important; line-height: .9 !important; }
.lh-clinic dl { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px 16px; margin: 0; font-size: 15px; }
.lh-clinic dt { font-family: var(--monoui); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); padding-top: 3px; }
.lh-clinic dd { margin: 0; color: var(--ink); }
.lh-clinic dd a { color: #fff !important; }
.lh-clinic .row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; }
.lh-note { margin-top: 24px !important; max-width: 80ch; color: var(--muted) !important; }
.lh-online { margin-top: 24px; border: 1px solid var(--line); padding: 24px 28px; display: flex; flex-wrap: wrap; gap: 16px 32px; align-items: center; justify-content: space-between; }
.lh-online b { display: block; font-family: var(--display); text-transform: uppercase; font-weight: 800; font-size: clamp(26px, 3vw, 34px); line-height: .95; }
.lh-online p { color: var(--muted) !important; margin-top: 6px !important; }

.home .ad-slot { padding-block: 24px; }
@media (prefers-reduced-motion: reduce) { .rec, .pmap .heat { animation: none !important; } }
.lh-sec h2, .lh-hero h1 { overflow-wrap: normal !important; word-break: normal !important; hyphens: manual !important; }
/* Corrección: en móviles de 360 px o menos, una palabra larga del titular podía desbordar la pantalla */
@media (max-width: 360px) { .lh-sec h2 { overflow-wrap: break-word !important; } .home .analysis .wrap > *, .home .sec-head > * { min-width: 0; } }
.home .steps { margin: 0 !important; gap: 0 !important; }
.home .steps .step { border-top: 0 !important; margin: 0 !important; background: none !important; }
.home .steps .step span.n { display: block; font-size: 13px; color: var(--blue-text); }
.home .disclaimer { border-left: 0 !important; padding-left: 0 !important; }
.home .lh-clinic h3, .home .zcard h3, .home .si-text h3 { text-transform: uppercase !important; font-family: var(--display) !important; font-weight: 800 !important; letter-spacing: 0 !important; }
.si-art .dw .dw-sole { fill: rgba(107, 132, 245, .14) !important; stroke-width: 2.6 !important; }
.si-art .dw .dw-tread { stroke: var(--blue) !important; stroke-width: 1.4 !important; opacity: .8; }
/* Huella de la plataforma: entera dentro de su recuadro, sobre blanco como en la plataforma */
.home .si-art.si-photo { padding: 12px !important; background: #fff !important; }
.home .si-art.si-photo:hover { background: #fff !important; box-shadow: 0 0 0 1px var(--muted); }
.home .si-photo img { width: 100%; height: 100%; object-fit: contain; object-position: center; transform: none; }
/* Huella sin fondo: sobre el mismo carbón que el resto de dibujos */
.home .si-art.si-photo { background: var(--surface) !important; padding: 14px !important; }
.home .si-art.si-photo:hover { background: var(--raised) !important; box-shadow: none; }
/* Corrección: el nº de colegiado (9 cifras) desbordaba su columna entre 900 y 1250 px de ancho */
@media (max-width: 1250px) { .lh-facts strong { font-size: clamp(26px, 2.9vw, 40px); } }

@media (max-width: 820px) { .lh-clinics { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 420px) { .lh-clinic h3 { font-size: 28px !important; } }