/* ==========================================================================
   Ovnar · identidad visual
   Capa solo de presentación. Se carga la última y no toca ningún
   comportamiento: mismas clases, mismos elementos, mismos scripts.

   Criterio:
   - Papel claro y tinta azul marino (la del logo). Fondo oscuro solo para
     lo que es compromiso o urgencia: plan destacado, urgencias, cierre y pie.
   - Cobalto para acciones. Amarillo de señal SOLO para urgencias e incidentes.
   - Una sola familia: Archivo. La anchura (eje wdth) hace de voz:
     titulares ensanchados, texto de lectura en anchura normal.
   ========================================================================== */

@font-face{font-family:"Archivo Ovnar";src:url("fonts/archivo-latin-standard-normal.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo Ovnar";src:url("fonts/archivo-latin-ext-standard-normal.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  /* Paleta */
  --papel:#eef0f2;
  --papel-2:#e3e7eb;
  --superficie:#ffffff;
  --tinta:#0f1f36;
  --tinta-2:#45546a;
  --tinta-3:#6f7d91;
  --linea:#d3d9e1;
  --linea-fuerte:#0f1f36;
  --cobalto:#1d49b5;
  --cobalto-2:#163a93;
  --cobalto-suave:#e6ecf9;
  --senal:#ffc21a;
  --senal-2:#ffd35c;

  /* Tokens heredados, reasignados */
  --fondo:var(--papel);
  --marino:#0f1f36;
  --marino-2:#172b47;
  --marino-3:#2a4063;
  --sobre-marino:#b4c0d0;
  --ambar:var(--cobalto);
  --ambar-2:var(--cobalto-2);
  --verde:#1f7a55;
  --verde-suave:#e2efe8;
  --rojo:#b8322c;
  --rojo-suave:#f8e5e3;
  --naranja:#c4620f;
  --naranja-suave:#f9ebdd;
  --amarillo-suave:#fff3cf;
  --radio:4px;
  --sombra:none;

  --letra:"Archivo Ovnar","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ancho-titular:116%;
}

/* ---------- Base ---------- */
html{background:var(--papel-2)}
body{font-family:var(--letra);font-stretch:100%;background:var(--papel);color:var(--tinta);font-size:1.0625rem;line-height:1.6;box-shadow:none;font-feature-settings:"kern","tnum" 0;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:var(--letra);font-weight:700;letter-spacing:-.012em;line-height:1.08;text-wrap:balance}
h1,h2{font-stretch:var(--ancho-titular)}
h3,h4{font-stretch:104%;font-weight:650;letter-spacing:-.005em;line-height:1.2}
p{text-wrap:pretty}
a{text-decoration-thickness:1px;text-underline-offset:.22em}
::selection{background:var(--cobalto);color:#fff}
:focus-visible,
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--cobalto);outline-offset:3px;border-radius:2px}
.saltar{background:var(--senal);color:var(--tinta)}

/* Sin elevaciones al pasar el ratón: el cambio de color basta */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  :where(.boton,.btn,button,input[type=submit]):not(:disabled):hover{transform:none;box-shadow:none}
  :where(.ov-card,.ov-project):hover{transform:none;box-shadow:none}
}
:where(.boton,.btn,button,input[type=submit]):not(:disabled):active{transform:translateY(1px)}

/* ---------- Selector de idioma (inyectado) ---------- */
.ov-language-native{background:var(--papel-2);color:var(--tinta-2);font-family:var(--letra);font-size:13px;padding:6px var(--margen);border-bottom:1px solid var(--linea)}
.ov-language-native label{font-weight:600;color:var(--tinta)}
.ov-language-native select{background:#fff;color:var(--tinta);border:1px solid var(--linea);border-radius:3px;padding:4px 8px}
.ov-language-native select:focus-visible{outline:2px solid var(--cobalto)}
.ov-language-native [role=status]{color:var(--tinta-3)}

/* ---------- Barra de urgencias: la señal ---------- */
.barra{background:var(--senal);color:var(--tinta);font-size:.86rem;font-weight:500}
.barra .contenedor{min-height:2.35rem}
.barra a{color:var(--tinta);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px}
.barra a:hover{text-decoration-thickness:2.5px}
.barra-urg{font-weight:600}
.led{background:var(--tinta);box-shadow:none;animation:ovn-parpadeo 2s steps(1,end) infinite}
@keyframes ovn-parpadeo{0%,60%{opacity:1}61%,100%{opacity:.25}}
.barra-acceso{border:1.5px solid var(--tinta);border-radius:3px;text-decoration:none!important;padding:.1rem .55rem}
.barra-acceso:hover{background:var(--tinta);color:var(--senal)!important;border-color:var(--tinta)}
[data-reloj]{font-variant-numeric:tabular-nums;font-weight:700}

/* ---------- Cabecera ---------- */
.cabecera{background:rgba(255,255,255,.97);backdrop-filter:none;border-bottom:1px solid var(--linea)}
.cabecera .contenedor{min-height:4.4rem}
.menu a{color:var(--tinta-2);font-weight:500;border-radius:3px}
.menu a:hover{background:transparent;color:var(--tinta);text-decoration:underline;text-decoration-thickness:1.5px}
.menu a[aria-current="page"]{color:var(--tinta);font-weight:650;text-decoration:underline;text-decoration-color:var(--cobalto);text-decoration-thickness:2px;text-underline-offset:.45em}
.menu .free-nav,.web-new-nav{background:transparent!important;border:0!important;color:var(--verde)!important;font-weight:650!important}
.menu .free-nav span{display:none}
.menu .cta a{background:var(--tinta);color:#fff;border-radius:3px;font-weight:650}
.menu .cta a:hover{background:var(--cobalto);text-decoration:none}
.boton-menu{border-radius:3px;border-color:var(--tinta);font-weight:650}
.cab-acceso a{border-radius:3px;font-weight:650}
.cab-entrar{border-color:var(--tinta)}
.cab-registro{background:var(--cobalto);border-color:var(--cobalto);color:#fff}
.cab-registro:hover{background:var(--cobalto-2);filter:none}
@media(max-width:1180px){
  .menu{box-shadow:0 12px 0 -11px var(--linea);border-bottom:1px solid var(--tinta)}
  .menu a:hover{text-decoration:none;background:var(--papel)}
  .menu .cta a{border-radius:3px}
}

/* ---------- Botones ---------- */
.boton{border-radius:3px;font-weight:650;font-stretch:104%;letter-spacing:.005em;padding:.88rem 1.3rem;border-width:1.5px}
.boton:hover{background:var(--cobalto);border-color:var(--cobalto)}
.boton-ambar{background:var(--cobalto);border-color:var(--cobalto);color:#fff}
.boton-ambar:hover{background:var(--cobalto-2);border-color:var(--cobalto-2);color:#fff}
.boton-linea{background:transparent;color:var(--tinta);border-color:var(--tinta)}
.boton-linea:hover{background:var(--tinta);border-color:var(--tinta);color:#fff}
.boton-linea-claro{border-color:rgba(255,255,255,.5)}
.boton span[aria-hidden="true"]{display:none}

/* ---------- Titulares de sección ---------- */
.antetitulo,.ov-eyebrow,.ov-section .ov-eyebrow,.ov-showcase .ov-eyebrow{display:block;text-transform:none;letter-spacing:0;font-size:.95rem;font-weight:600;font-stretch:100%;color:var(--tinta-3);margin-bottom:.85rem}
.antetitulo::before{display:none}
.cabeza h2,.urgencias h2,.informe-zona h2,.ov-section h2,.ov-showcase h2{font-size:clamp(2rem,3.7vw,3.05rem);letter-spacing:-.015em;line-height:1.04}
.cabeza p{color:var(--tinta-2);font-size:1.13rem;max-width:40em}
.cabeza-centro{text-align:left;margin-left:0}
.cabeza-centro .antetitulo{justify-content:flex-start}
.seccion{padding:clamp(4rem,8vw,6.5rem) 0}
.seccion-blanca{background:var(--superficie);border-color:var(--linea)}

/* ---------- Portada (inicio) ---------- */
.ov-hero{background:var(--superficie);background-image:none;color:var(--tinta);padding:clamp(3.5rem,7vw,6.5rem) 0 clamp(3rem,6vw,5rem);border-bottom:1px solid var(--linea)}
@media(min-width:901px){.ov-hero .contenedor{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:clamp(2.5rem,6vw,6rem);align-items:end}}
.ov-hero .ov-eyebrow{color:var(--tinta-3);font-size:1rem;margin-bottom:1.6rem}
.ov-hero h1{font-size:clamp(2.7rem,6.1vw,5.6rem);font-stretch:122%;font-weight:720;letter-spacing:-.025em;line-height:.98;max-width:none}
.ov-hero h1 span{color:inherit;display:block;margin-top:.1em}
.ov-lead{color:var(--tinta-2);font-size:1.18rem;line-height:1.55;max-width:34em;margin:1.8rem 0 2.1rem}
.ov-hero .boton-linea-claro{color:var(--tinta);border-color:var(--tinta);background:transparent}
.ov-hero .boton-linea-claro:hover{background:var(--tinta);color:#fff}
.ov-tags{color:var(--tinta-2);font-size:.92rem;gap:.4rem 1.4rem}
.ov-tags span:before{content:"";display:inline-block;width:.5rem;height:.5rem;background:var(--verde);border-radius:50%;margin-right:.5rem;vertical-align:.08em}

/* La ventana de ejemplo pasa a ser una ficha plana */
.ov-window{transform:none;border:1.5px solid var(--tinta);border-radius:4px;box-shadow:none;background:var(--superficie)}
.ov-window-top{background:var(--papel);border-bottom:1px solid var(--linea);color:var(--tinta-2);font-size:.8rem;font-weight:600;padding:.7rem 1.1rem}
.ov-dots{display:none}
.ov-mock{padding:clamp(1.4rem,3vw,2.1rem)}
.ov-mock img{width:104px;margin-bottom:1.6rem}
.ov-mock small{letter-spacing:0;font-size:.82rem;color:var(--tinta-3);text-transform:lowercase}
.ov-mock small::first-letter{text-transform:uppercase}
.ov-mock h2{font-size:clamp(1.6rem,2.4vw,2.05rem);max-width:13em;margin:.5rem 0 .8rem}
.ov-mock p{color:var(--tinta-2);font-size:.95rem}
.ov-mock-line{height:6px;border-radius:0;background:var(--papel-2)}
.ov-mock-bottom{gap:0;margin-top:1.6rem;border-top:1px solid var(--linea)}
.ov-mini{border-top:0;padding:.9rem .9rem 0 0;font-size:.82rem;color:var(--tinta-2)}
.ov-mini+.ov-mini{padding-left:.9rem;border-left:1px solid var(--linea)}
.ov-mini strong{color:var(--tinta);font-stretch:108%}
.ov-window-foot{background:var(--tinta);color:#dfe5ee;font-size:.82rem;padding:.8rem 1.1rem}
.ov-window-foot span[aria-hidden]{display:none}
.ov-caption{color:var(--tinta-3);text-align:left;font-size:.8rem;margin-top:.8rem}

/* Banda de servicios bajo la portada */
.ov-band{background:var(--papel);border-bottom:1px solid var(--linea);padding:0}
.ov-band .contenedor{justify-content:flex-start;gap:0;font-size:.95rem;color:var(--tinta-2)}
.ov-band .contenedor>*{padding:1rem 1.5rem;border-left:1px solid var(--linea)}
.ov-band .contenedor>strong{padding-left:0;border-left:0;color:var(--tinta);font-weight:650;margin-right:auto}
@media(max-width:760px){.ov-band .contenedor>*{padding:.4rem 1rem .4rem 0;border:0}.ov-band .contenedor{padding-top:1rem;padding-bottom:1rem}.ov-band .contenedor>strong{width:100%}}

/* ---------- Portada oscura antigua y cabeceras interiores: en claro ---------- */
.portada,.cab-pagina,.ov-free-hero{background:var(--superficie);color:var(--tinta);border-bottom:1px solid var(--linea)}
.portada::before,.portada::after,.cab-pagina::before{display:none}
.portada .entradilla,.cab-pagina p,.ov-free-hero .ov-lead{color:var(--tinta-2)}
.cab-pagina h1{font-size:clamp(2.3rem,5vw,4.1rem);font-stretch:120%;font-weight:720;letter-spacing:-.022em;line-height:1;max-width:18ch}
.ov-free-hero h1{font-stretch:122%;font-weight:720;letter-spacing:-.025em;line-height:.98}
.ov-free-hero h1 span,.ov-free-hero .ov-eyebrow{color:inherit}
.ov-free-hero .ov-eyebrow{color:var(--tinta-3)}
.migas{color:var(--tinta-3)}
.migas a{color:var(--tinta-2);text-decoration:underline;text-decoration-color:var(--linea)}
.migas a:hover{color:var(--tinta);text-decoration-color:currentColor}
.cifras{border-top-color:var(--linea)}
.cifras b{color:var(--tinta);font-stretch:118%;font-weight:700}
.cifras span{color:var(--tinta-2)}
.art-datos{color:var(--tinta-3)}
.sello,a.sello{background:transparent;border:1px solid var(--linea);color:var(--tinta-2);border-radius:3px}
a.sello:hover{border-color:var(--tinta);background:transparent}
.garantias{color:var(--tinta-2)}
.garantias .icono{color:var(--verde)}
.portada-acceso{background:var(--papel);border:1px solid var(--linea);border-radius:3px}
.portada-acceso a{color:var(--cobalto)}
:is(.portada,.cab-pagina,.ov-free-hero) .boton-linea-claro{color:var(--tinta);border-color:var(--tinta);background:transparent}
:is(.portada,.cab-pagina,.ov-free-hero) .boton-linea-claro:hover{background:var(--tinta);color:#fff}
.cab-area .area-icono-grande{background:var(--tinta);box-shadow:none}
.panel{border:1.5px solid var(--tinta);border-radius:4px;box-shadow:none}
.panel-barra{background:var(--papel)}
.metrica-grande{background:var(--superficie)}
.panel-pie .reloj{color:var(--senal)}
.nota-ejemplo{color:var(--tinta-3);text-align:left}

/* ---------- Iconos de área ---------- */
.area-icono{background:transparent;color:var(--tinta);border:1.5px solid var(--tinta);border-radius:3px;width:42px;height:42px}
.area-icono .icono{width:22px;height:22px}

/* ---------- Escaparate de proyectos ---------- */
.ov-showcase{background:var(--papel);padding:clamp(4rem,7vw,6rem) 0}
.ov-showcase-grid{gap:clamp(1rem,2vw,1.75rem);margin-top:2.2rem}
.ov-project{border:0;border-radius:0;background:transparent;transition:none}
.ov-project-visual{border-radius:3px;height:300px}
.ov-project:hover .ov-project-visual{outline:2px solid var(--tinta);outline-offset:4px}
.ov-project-visual.orbita{font-stretch:125%;font-weight:800;letter-spacing:-.02em}
.ov-project-body{padding:1.1rem 0 0}
.ov-project-body small{text-transform:none;letter-spacing:0;font-size:.85rem;color:var(--tinta-3)}
.ov-project-body h3{font-size:1.45rem;font-stretch:112%;font-weight:700;letter-spacing:-.01em;margin:.35rem 0 .5rem}
.ov-project-body p{color:var(--tinta-2);font-size:.97rem;max-width:34em}
.ov-project-body strong{font-size:.92rem;font-weight:650;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.3em}
.ov-project:hover .ov-project-body strong{color:var(--cobalto)}
.ov-free-banner{background:var(--superficie);color:var(--tinta);border:1px solid var(--linea);border-radius:4px;padding:1.6rem 1.8rem;margin-top:2.5rem}
.ov-free-banner h3{font-size:1.45rem;font-stretch:112%;font-weight:700;margin-top:.5rem}
.ov-free-banner p{color:var(--tinta-2)}
.ov-free-badge{background:var(--verde-suave);color:var(--verde);border-radius:3px;font-size:.78rem;font-weight:650;padding:.2rem .5rem;letter-spacing:0}

/* ---------- Planes de desarrollo web ---------- */
.ov-section{padding:clamp(4rem,8vw,6.5rem) 0}
.ov-white{background:var(--superficie)}
.ov-intro{color:var(--tinta-2);font-size:1.13rem;max-width:40em}
.ov-grid{gap:0;border:1px solid var(--linea);background:var(--superficie)}
.ov-card{border:0;border-radius:0;padding:clamp(1.5rem,2.6vw,2.2rem);background:transparent}
.ov-card+.ov-card{border-left:1px solid var(--linea)}
.ov-card.featured{border:0;border-left:1px solid var(--linea);box-shadow:inset 0 4px 0 var(--cobalto);background:var(--superficie)}
.ov-card .ov-eyebrow{font-size:.9rem;margin:0;color:var(--tinta-3)}
.ov-card.featured .ov-eyebrow{color:var(--cobalto)}
.ov-card h3{font-size:1.4rem;font-stretch:112%;font-weight:700;margin:.4rem 0 .5rem}
.ov-card p{color:var(--tinta-2)}
.ov-price{font-size:clamp(2.2rem,3.4vw,2.8rem);font-stretch:118%;font-weight:700;letter-spacing:-.02em;margin:.6rem 0 1.4rem;font-variant-numeric:tabular-nums}
.ov-price small{color:var(--tinta-3);font-stretch:100%;font-weight:500}
.ov-card li{border-bottom:1px solid var(--linea);font-size:.94rem;padding:.55rem 0 .55rem 1.2rem;position:relative}
.ov-card li:before{content:"";position:absolute;left:0;top:1.05rem;width:.55rem;height:2px;background:var(--tinta);margin:0}
.ov-note{color:var(--tinta-3);font-size:.88rem;max-width:62em}
.ov-maintenance{background:transparent;border:1px solid var(--linea);border-left:0;border-right:0;border-radius:0;padding:1.6rem 0}
.ov-maintenance h3{font-size:1.25rem;font-stretch:110%}
.ov-maintenance p{color:var(--tinta-2)}
.ov-steps strong{color:var(--tinta);font-stretch:120%;font-size:1.6rem;font-weight:700}
.ov-steps p{color:var(--tinta-2)}
.ov-faq details{border-color:var(--linea)}
@media(max-width:900px){
  .ov-card+.ov-card,.ov-card.featured{border-left:0;border-top:1px solid var(--linea)}
}

/* ---------- Franja de metodologías ---------- */
.franja{background:var(--papel);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.franja p{color:var(--tinta-3)}
.franja li{color:var(--tinta);font-weight:650;font-stretch:112%;letter-spacing:.01em}

/* ---------- Oferta gratuita ---------- */
.oferta-caja{background:var(--superficie);border:1px solid var(--linea);border-radius:4px}
.oferta-icono{background:transparent;color:var(--verde);border:1.5px solid var(--verde);border-radius:3px;width:52px;height:52px}
.oferta-txt h2{font-size:1.5rem;font-stretch:112%;letter-spacing:-.01em}
.chip{border-radius:3px;font-weight:600;background:var(--papel);border-color:var(--linea);color:var(--tinta-2)}
.chip-gratis{background:var(--verde-suave);border-color:transparent;color:var(--verde)}
.chip-grande{background:var(--verde);border-color:var(--verde);color:#fff}
.tarifa-gratis{border:1.5px solid var(--verde);border-radius:4px;background:var(--superficie)}

/* ---------- Rejilla de áreas ---------- */
.rejilla-areas{border-radius:0;border-color:var(--linea);background:var(--linea)}
.area-celda{padding:1.7rem 1.5rem 1.5rem}
.area-celda:hover{background:var(--papel)}
.area-celda:hover h3{text-decoration-thickness:1.5px;text-underline-offset:.2em}
.area-celda h3{font-size:1.18rem;font-stretch:108%}
.area-celda li::before{border-radius:0;width:.5rem;height:2px;top:.95rem;background:var(--tinta-3)}
.area-cuenta{border-top-color:var(--linea);font-weight:650}

/* ---------- Proceso (es una secuencia real: se numera) ---------- */
.proceso{gap:0;border-top:1.5px solid var(--tinta)}
.proceso::before{display:none}
.proceso li{padding:1.4rem 1.4rem 0 0}
.proceso li+li{padding-left:1.4rem;border-left:1px solid var(--linea)}
.paso-num{width:auto;height:auto;border:0;border-radius:0;background:transparent!important;display:block;font-size:2.6rem;font-stretch:125%;font-weight:700;line-height:1;margin-bottom:1.1rem;color:var(--tinta-3);font-variant-numeric:tabular-nums}
.proceso li:last-child .paso-num{color:var(--cobalto)}
.paso-caja{background:transparent;border:0;border-radius:0;padding:0}
.paso-caja h3{font-size:1.18rem;font-stretch:108%}
@media(max-width:1100px){.proceso li:nth-child(3){padding-left:0;border-left:0}}
@media(max-width:680px){.proceso li,.proceso li+li{padding:1.3rem 0;border-left:0;border-bottom:1px solid var(--linea)}}

/* ---------- Informe de ejemplo ---------- */
.lista-check li{border-top-color:var(--linea)}
.lista-check .icono{color:var(--verde)}
.informe{border:1.5px solid var(--tinta);border-radius:4px;box-shadow:none}
.riesgo{background:var(--papel)}
.gauge .fondo-arco{stroke:var(--papel-2)}
.riesgo-barra{border-radius:0;height:6px}
.riesgo-barra i{border-radius:0}
.etq{border-radius:3px;font-weight:650}
.informe-pie{background:var(--tinta)}

/* ---------- Comparativa ---------- */
.comparativa{border-radius:0;border-color:var(--linea)}
.comparativa>div+div{background:var(--superficie);box-shadow:inset 0 4px 0 var(--verde)}
.comparativa h3{font-stretch:110%}

/* ---------- Tarifas ---------- */
.tarifas{gap:0;border:1px solid var(--linea);background:var(--superficie)}
.tarifa{border:0;border-radius:0;padding:clamp(1.6rem,2.6vw,2.2rem)}
.tarifa+.tarifa{border-left:1px solid var(--linea)}
.tarifa h3{font-size:1.3rem;font-stretch:112%;font-weight:700}
.precio{font-stretch:118%;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tarifa li .icono{color:var(--verde)}
.tarifa-dest{background:var(--tinta);border-color:var(--tinta);box-shadow:none;margin:-1px 0}
.tarifa-dest li .icono{color:#9fd8bd}
.tarifa-dest .boton-ambar{background:#fff;border-color:#fff;color:var(--tinta)}
.tarifa-dest .boton-ambar:hover{background:var(--cobalto-suave);border-color:var(--cobalto-suave)}
.distintivo{position:static;display:inline-block;align-self:flex-start;margin-bottom:.9rem;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:3px;font-weight:600;font-size:.82rem}
.nota-precios{text-align:left;color:var(--tinta-3)}
@media(max-width:960px){.tarifas{max-width:none}.tarifa+.tarifa{border-left:0;border-top:1px solid var(--linea)}.tarifa-dest{margin:0}}

/* ---------- Urgencias: el único bloque con señal ---------- */
.urgencias{background:var(--tinta)}
.urgencias::before{display:none}
.urgencias .antetitulo{color:var(--senal)}
.urgencias .entradilla{color:var(--sobre-marino)}
.tarjeta-tel{background:transparent;border:0;border-top:4px solid var(--senal);border-radius:0;padding:1.2rem 0 0}
.tarjeta-tel a{color:var(--senal);font-stretch:118%;font-weight:700;letter-spacing:-.015em}
.tarjeta-tel .led{background:var(--senal)}
.pasos-urg{gap:0;border-top:1px solid var(--marino-3)}
.pasos-urg li{background:transparent;border:0;border-bottom:1px solid var(--marino-3);border-radius:0;padding:1.1rem 0}
.pasos-urg li::before{background:var(--senal);color:var(--tinta);border-radius:2px;font-stretch:110%;font-weight:750}
.pasos-urg strong{font-stretch:106%}

/* ---------- Preguntas frecuentes ---------- */
.faq{border-top:1.5px solid var(--tinta)}
.faq summary{font-weight:650;font-size:1.08rem}
.faq summary:hover{color:var(--cobalto)}
.caja-ayuda{border-radius:4px}

/* ---------- Cierre ---------- */
.cierre-caja{background:var(--tinta);border-radius:4px}
.cierre-caja::after{display:none}
.cierre-caja h2{font-size:clamp(1.9rem,3.4vw,2.7rem);font-stretch:118%;font-weight:720;letter-spacing:-.018em}
.cierre-caja .boton-ambar{background:#fff;border-color:#fff;color:var(--tinta)}
.cierre-caja .boton-ambar:hover{background:var(--cobalto-suave);border-color:var(--cobalto-suave)}

/* ---------- Catálogo de servicios ---------- */
.indice{border-radius:4px;padding:1rem}
.indice h2{font-stretch:100%;font-size:.9rem;font-weight:600}
.indice a{border-radius:3px}
.indice a.activo{background:var(--tinta)}
.indice a.activo .icono{color:#fff}
.indice-cta a{font-stretch:110%}
.bloque-area{border-radius:4px}
.bloque-cab h2{font-stretch:114%}
.servicios-lista .icono{color:var(--verde)}

/* ---------- Formularios y contacto ---------- */
.tarjeta-form,.tarjeta,.legal,.prosa,.art-tarjeta,.lista-revision li,.prosa-area .servicios-lista{border-radius:4px;box-shadow:none}
.tarjeta-form h2{font-stretch:112%}
.campo label{font-weight:650}
.campo input,.campo select,.campo textarea{background:#fff;border:1px solid #b9c3cf;border-radius:3px;font-family:var(--letra)}
.campo input:hover,.campo select:hover,.campo textarea:hover{border-color:var(--tinta-3)}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--cobalto);outline-offset:0;border-color:var(--cobalto)}
.casilla input{accent-color:var(--cobalto)}
.aviso{border-radius:3px}
.dato .ico-caja{border-radius:3px;background:var(--papel)}
.que-pasa li::before{border-radius:2px;background:var(--papel);font-stretch:110%}
.tarjeta-urg{background:var(--tinta);border-color:var(--tinta);border-top:4px solid var(--senal)}
.tarjeta-urg a{color:var(--senal);font-stretch:116%}
.casilla-autoriza{border-radius:3px}

/* ---------- Áreas, guías y artículos ---------- */
.prosa{font-size:1.09rem;line-height:1.72}
.prosa h2,.prosa-area h2{font-size:clamp(1.5rem,2.4vw,1.95rem);font-stretch:112%;letter-spacing:-.01em}
.prosa a{color:var(--cobalto)}
.destacado{color:var(--tinta-2)}
.tarjeta-gratis{background:var(--superficie);border:1.5px solid var(--verde)}
.art-tarjeta{transition:none}
.art-tarjeta:hover{border-color:var(--tinta)}
.art-tarjeta h2{font-stretch:108%;font-weight:700}
.otras-areas a:hover{color:var(--cobalto)}
.legal-resumen{border-left-color:var(--tinta);border-radius:3px}
.legal h2{font-stretch:110%}
.rellenar{border-radius:2px}
.simple-icono{border-radius:4px}

/* ---------- Pie ---------- */
.pie{background:var(--tinta);color:var(--sobre-marino)}
.pie h2{font-stretch:100%;font-weight:650;color:#fff}
.pie a{color:#dfe5ee}
.pie .marca{border-radius:3px}
.pie .marca svg{box-shadow:none}
.pie-guardia{background:transparent;border:0;border-left:4px solid var(--senal);border-radius:0;padding:.3rem 0 .3rem .9rem}
.pie-guardia a{color:var(--senal)}
.pie-guardia .led{background:var(--senal)}
.pie-base{border-top-color:var(--marino-3)}
.desarrollo-credito a{color:inherit}

/* ---------- Ajustes de lectura en móvil ---------- */
@media(max-width:680px){
  body{font-size:1rem}
  .ov-hero h1{font-size:clamp(2.35rem,10.5vw,3.2rem);font-stretch:112%}
  .cab-pagina h1{font-stretch:110%}
  .ov-project-visual{height:240px}
}
@media(prefers-reduced-motion:reduce){.led{animation:none}}
@media print{body{background:#fff}}

/* Ajustes tras revisión */
.riesgo-barra{background:linear-gradient(90deg,var(--verde),#d9a21b 55%,var(--rojo))}
.ov-maintenance .boton{white-space:nowrap;flex:none}
.ov-card .ov-price{min-height:0}
/* ==========================================================================
   OVNAR · Pulido visual de la web pública (oct 2026)
   Solo estilos: no cambia estructura, textos ni comportamiento.
   Para revertir, borra desde este comentario hasta el final del archivo.
   ========================================================================== */
:root{--pv-radio:8px;--pv-radio-sm:6px;--pv-sombra:0 1px 2px rgba(15,31,54,.05),0 1px 1px rgba(15,31,54,.03);--pv-sombra-hover:0 10px 28px rgba(15,31,54,.09),0 2px 6px rgba(15,31,54,.05);--pv-foco:0 0 0 3px rgba(29,73,181,.28)}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#d7e2fa;color:var(--tinta)}
a,button{transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s}
:focus-visible{outline:2px solid var(--cobalto);outline-offset:2px}

/* Acento señal: azul claro en lugar de amarillo */
:root{--senal:#9db8ff;--senal-2:#b7cbff}

/* Barra superior de urgencias: discreta */
.barra{background:#eef2f8;color:var(--tinta-2);border-bottom:1px solid var(--linea)}
.barra a{color:var(--tinta)}
.barra-urg .led,.barra .led{background:#d1453b;box-shadow:0 0 0 3px rgba(209,69,59,.15)}
.barra-acceso{border:1px solid var(--linea-fuerte);border-radius:var(--pv-radio-sm);background:#fff}
.barra-acceso:hover{background:var(--tinta);color:#fff!important}

/* Barra de idioma: más discreta */
body>.ov-language-native{padding:6px 24px;font-size:12px;background:var(--marino);gap:10px}
body>.ov-language-native select{padding:4px 8px;font-size:12px;border-radius:var(--pv-radio-sm);border-color:#3a5072}
body>.ov-language-native [role=status]{font-size:11px;color:#9fb0c6}

/* Cabecera */
.cabecera{background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);box-shadow:0 1px 0 rgba(15,31,54,.04)}
.menu a{border-radius:var(--pv-radio-sm)}
.menu .cta a,.cab-acceso a{border-radius:var(--pv-radio-sm)}
.menu .free-nav{color:var(--cobalto)!important}
@media(min-width:1701px){
  .cabecera .contenedor{flex-wrap:nowrap}
  .cabecera .marca img{width:132px!important}
  .cabecera .menu{flex:0 1 auto;flex-wrap:nowrap;margin-left:auto}
  .cabecera .menu a{padding:.5rem .45rem;white-space:nowrap}
  .cab-acceso{flex:none;margin-left:.6rem}
  .cab-acceso a{padding:.5rem .75rem;font-size:.82rem;white-space:nowrap}
}

/* Botones */
.boton,.boton-linea,.boton-ambar{border-radius:var(--pv-radio-sm)}
.boton:hover,.boton-ambar:hover{box-shadow:0 6px 16px rgba(29,73,181,.18)}
.boton:focus-visible,.boton-linea:focus-visible,.boton-ambar:focus-visible{outline:0;box-shadow:var(--pv-foco)}
.boton-linea:hover{background:#f3f6fb}

/* Tarjetas y bloques */
.ov-card,.ov-project,.tarifa,.area-celda,.ov-mini{border-radius:var(--pv-radio)}
.ov-card,.ov-project,.tarifa{box-shadow:var(--pv-sombra);transition:box-shadow .2s,transform .2s,border-color .2s}
.ov-card:hover,.ov-project:hover,.tarifa:hover{box-shadow:var(--pv-sombra-hover)}
.ov-project-visual,.ov-project img{border-radius:var(--pv-radio) var(--pv-radio) 0 0}
.chip,.etq,.chip-gratis,.etq-medio{border-radius:999px}
.chip-gratis{background:var(--cobalto-suave);color:var(--cobalto)}

/* Formularios */
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border-radius:var(--pv-radio-sm)}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:0;border-color:var(--cobalto);box-shadow:var(--pv-foco)}
input[type=checkbox],input[type=radio]{accent-color:var(--cobalto)}

/* Columnas laterales de anuncios: integradas con el resto */
.ad{border-radius:var(--pv-radio);box-shadow:0 1px 3px rgba(15,31,54,.08)}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* ===== Fin del pulido visual de la web pública ===== */