/* Uniclima · ajustes de interfaz del 03/11/2026 (Roberto). Se carga la última (mu-plugin uniclima-ui-20261103.php).
   Reversible: borrar este archivo. Colores de marca: tinta #0e1116, azul marino #0f172a, rojo #c8102e, blanco. */

/* 1 · (Retirado el 03/11/2026: el zoom al 75 % rompía reglas que miden en vh/vw o con JS, p. ej. /aire-acondicionado/.) */

/* 2 y 3 van dentro de la capa ucnSiteOverrides: site-theme.css declara ahí reglas !important de la cabecera, y una
   regla !important fuera de capa nunca les gana; dentro de la misma capa gana la más específica (esta). */
@layer ucnSiteOverrides{
/* 2 · Selector de idioma: mismo alto, radio y presencia que el resto de botones; bandera grande, código en Archivo y
   flecha visible de submenú. */
html body header#ucn-header.ucn-header .ucn-lang__btn{
  height:var(--ucn-h)!important;min-width:var(--ucn-h);padding:0 10px 0 12px!important;gap:10px!important;
  border:1px solid #e2e6ec!important;border-radius:16px!important;background:#f1f3f6!important;color:#0e1116!important;
  box-shadow:none!important;align-items:center!important;justify-content:center!important;
}
html body header#ucn-header.ucn-header .ucn-lang__btn:hover{background:#e8ebf0!important;border-color:#cdd3dc!important}
html body header#ucn-header.ucn-header .ucn-lang__flag{width:40px!important;height:28px!important;border-radius:5px!important;object-fit:cover;box-shadow:0 0 0 1px rgba(14,17,22,.12)}
html body header#ucn-header.ucn-header .ucn-lang__code{font-family:Archivo,"DM Sans",sans-serif!important;font-size:16px!important;font-weight:800!important;letter-spacing:.02em;line-height:1;color:#0e1116!important}
html body header#ucn-header.ucn-header .ucn-lang__chev{
  width:22px!important;height:22px!important;padding:3px;border-radius:50%;background:#0e1116;color:#fff!important;
  stroke-width:3!important;flex:none;transition:transform .2s ease;
}
html body header#ucn-header.ucn-header .ucn-lang__btn[aria-expanded="true"] .ucn-lang__chev{transform:rotate(180deg)}
html[data-ucn-theme="dark"] body header#ucn-header.ucn-header .ucn-lang__btn{background:#1b2433!important;border-color:#2c3a50!important;color:#fff!important}
html[data-ucn-theme="dark"] body header#ucn-header.ucn-header .ucn-lang__code{color:#fff!important}
html[data-ucn-theme="dark"] body header#ucn-header.ucn-header .ucn-lang__chev{background:#fff;color:#0e1116!important}
html body header#ucn-header.ucn-header.scrolled .ucn-lang__btn{padding:0 8px 0 10px!important}

/* 3 · Menú de cuenta: «Pedidos» repetía «Mis pedidos» (misma URL); iconos y textos solo en negro. */
html body header#ucn-header.ucn-header #ucn-account-menu#ucn-account-menu .ucn-acc-quick__it[href*="/mi-cuenta/pedidos/"]{display:none!important}
html body header#ucn-header.ucn-header .ucn-acc-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html:not([data-ucn-theme="dark"]) body header#ucn-header.ucn-header .ucn-account-menu svg,
html:not([data-ucn-theme="dark"]) body header#ucn-header.ucn-header .ucn-acc-quick__it,
html:not([data-ucn-theme="dark"]) body header#ucn-header.ucn-header .ucn-acc-quick__it svg,
html:not([data-ucn-theme="dark"]) body header#ucn-header.ucn-header .ucn-account-menu__link,
html:not([data-ucn-theme="dark"]) body header#ucn-header.ucn-header .ucn-recent-toggle{color:#0e1116!important}
}

/* 4 · Resumen del pago: con muchos artículos, la lista se desplaza dentro y los totales quedan siempre a la vista. */
.ucn-sum .ucn-sum__lines{max-height:min(38vh,340px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9ced6 transparent;padding-right:6px;margin-right:-6px}

/* 5 · Rotativos de la portada: letra más contenida (el vocabulario se amplió en content-v8.html). */
:root body.ucb-web .ucb-tape__w,:root body.ucb-web .ucb-tape__bar{font-size:clamp(18px,2.4cqi,40px)!important}
:root body.ucb-web .ucb-tape{padding:clamp(14px,2cqi,34px) 0 clamp(2px,.5cqi,8px)!important}

/* 6 · Verificador de compatibilidad: las dos columnas empiezan y terminan a la misma altura. */
@media (min-width:901px){
  :root body.ucb-web .ucb-cp6__card{align-items:stretch!important}
  :root body.ucb-web .ucb-cp6__tool{display:flex!important;flex-direction:column}
  :root body.ucb-web .ucb-cp6__tool>.ucb-cp__panel:not([hidden]){flex:1;display:flex;flex-direction:column;gap:14px}
  :root body.ucb-web .ucb-cp6__tool>.ucb-cp__panel:not([hidden])>.ucb-cp__drop{flex:1;min-height:200px}
}

/* 7 · Laboratorio: destellos que recorren las pistas del circuito y un reflejo que barre la placa. */
:root body.ucb-web .uc-lab-pulses path{fill:none;stroke:#e11d48;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:64 var(--l);stroke-dashoffset:var(--l);opacity:.85;filter:drop-shadow(0 0 4px rgba(225,29,72,.75));
  animation:uc-lab-run var(--d) linear var(--w) infinite}
@keyframes uc-lab-run{to{stroke-dashoffset:-64}}
:root body.ucb-web .ucb-lab__bg::after{content:"";position:absolute;inset:-20% -40%;pointer-events:none;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.55) 49%,rgba(225,29,72,.14) 51%,transparent 60%);
  transform:translateX(-60%);animation:uc-lab-sheen 7s ease-in-out infinite}
@keyframes uc-lab-sheen{0%,15%{transform:translateX(-60%)}65%,100%{transform:translateX(60%)}}
@media (prefers-reduced-motion:reduce){
  :root body.ucb-web .uc-lab-pulses path,:root body.ucb-web .ucb-lab__bg::after{animation:none!important;display:none}
}

/* 8 · /envios/: una sola tinta (negro) para acentos y enlaces, tarjetas limpias, datos clave arriba y tabla legible. */
body.page-id-460981 .entry-header,body.page-id-460981 .entry-title,body.page-id-460981 .ast-archive-description{display:none!important}
.uc-shipping-guide{--sg-ink:#0e1116;--sg-mut:#5d6570;--sg-line:#e3e6ea;--sg-soft:#f5f6f8;color:var(--sg-ink);max-width:1080px;margin:0 auto}
.uc-shipping-guide a{color:var(--sg-ink)!important;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.uc-shipping-guide a:hover{text-decoration-thickness:2.5px}
.uc-shipping-guide .uc-shipping-hero{padding:clamp(24px,4vw,48px)!important;border-radius:24px!important;background:#0e1116!important;color:#fff!important;border:0!important}
.uc-shipping-guide .uc-shipping-hero h1,.uc-shipping-guide .uc-shipping-hero h2{margin:0 0 12px!important;font-family:Archivo,"DM Sans",sans-serif;font-weight:900;font-size:clamp(28px,3.2vw,46px)!important;line-height:1.05!important;letter-spacing:-.02em;color:#fff!important}
.uc-shipping-guide .uc-shipping-hero p{max-width:70ch;color:#d5d9e0!important;font-size:16px;line-height:1.6;margin:0}
.uc-shipping-guide .uc-ship-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 0!important;padding:0!important;list-style:none}
.uc-shipping-guide .uc-ship-facts li{margin:0!important;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:14px;line-height:1.45}
.uc-shipping-guide .uc-ship-facts b{display:block;margin-bottom:2px;font-family:Archivo,"DM Sans",sans-serif;font-size:18px;font-weight:800;color:#fff}
.uc-shipping-guide .uc-shipping-grid{gap:14px!important}
.uc-shipping-guide .uc-shipping-grid section{border:1px solid var(--sg-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important;padding:clamp(18px,2.4vw,26px)!important}
.uc-shipping-guide h3{font-family:Archivo,"DM Sans",sans-serif;font-weight:800;letter-spacing:-.01em;color:var(--sg-ink)!important}
.uc-shipping-guide ul li::marker{color:var(--sg-ink)!important}
.uc-shipping-guide .uc-ship-wrap{border-color:var(--sg-line)!important;border-radius:16px!important;max-height:560px;overflow:auto}
.uc-shipping-guide .uc-ship-table thead th{position:sticky;top:0;z-index:1;background:#0e1116!important;color:#fff!important}
.uc-shipping-guide .uc-ship-table tbody tr:nth-child(even)>*{background:var(--sg-soft)}
.uc-shipping-guide .uc-ship-table tbody tr:first-child>*{font-weight:700}
.uc-shipping-guide details{border:1px solid var(--sg-line);border-radius:14px;margin:8px 0;background:#fff}
.uc-shipping-guide details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 16px;font-weight:700;cursor:pointer;list-style:none;color:var(--sg-ink)}
.uc-shipping-guide details summary::-webkit-details-marker{display:none}
.uc-shipping-guide details summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--sg-ink);border-bottom:2px solid var(--sg-ink);transform:rotate(45deg);margin-top:-4px;transition:transform .2s ease}
.uc-shipping-guide details[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.uc-shipping-guide details p{padding:0 16px 16px;margin:0;color:#2b3038}
.uc-shipping-guide .uc-shipping-contact{border-radius:18px!important;border:1px solid var(--sg-line)!important;background:var(--sg-soft)!important}
@media (max-width:760px){.uc-shipping-guide .uc-ship-facts{grid-template-columns:1fr}}
html[data-ucn-theme="dark"] .uc-shipping-guide{--sg-ink:#fff;--sg-line:#2c3a50;--sg-soft:#152135}
html[data-ucn-theme="dark"] .uc-shipping-guide .uc-shipping-grid section,html[data-ucn-theme="dark"] .uc-shipping-guide details{background:#0f1a2b!important}
html[data-ucn-theme="dark"] .uc-shipping-guide details p{color:#d5d9e0}

/* 9 · Marcas de la portada: tarjeta con tres accesos al tocar un logo (uniclima-ui-20261103.php, script uc-brand-pop). */
.uc-bp{position:fixed;z-index:2147483000;width:300px;max-width:calc(100vw - 24px);padding:10px;border:1px solid #e3e6ea;border-radius:18px;background:#fff;color:#0e1116;
  box-shadow:0 24px 48px -20px rgba(14,17,22,.45);font-family:"DM Sans",-apple-system,sans-serif;animation:uc-bp-in .18s ease-out}
@keyframes uc-bp-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.uc-bp__hd{display:flex;align-items:center;gap:10px;padding:4px 4px 10px;margin-bottom:4px;border-bottom:1px solid #eef0f3}
.uc-bp__logo{display:grid;place-items:center;justify-items:start;width:auto;max-width:150px;height:38px;flex:1}
.uc-bp__logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.uc-bp__name{flex:1;min-width:0;font-family:Archivo,"DM Sans",sans-serif;font-weight:800;font-size:16px;line-height:1.2}
.uc-bp__x{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#0e1116;cursor:pointer}
.uc-bp__x:hover{background:#f1f3f6}
.uc-bp__it{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border-radius:12px;color:#0e1116!important;font-weight:700;font-size:15px;text-decoration:none!important}
.uc-bp__it svg{flex:none;color:#0e1116}
.uc-bp__it:hover,.uc-bp__it:focus-visible{background:#f1f3f6;outline:none}
.uc-bp__it:focus-visible{box-shadow:inset 0 0 0 2px #0e1116}
.uc-bp.is-sheet{left:12px;right:12px;bottom:12px;top:auto;width:auto;max-width:none;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px))}
html[data-ucn-theme="dark"] .uc-bp{background:#0f1a2b;border-color:#2c3a50;color:#fff}
html[data-ucn-theme="dark"] .uc-bp__it,html[data-ucn-theme="dark"] .uc-bp__it svg,html[data-ucn-theme="dark"] .uc-bp__x{color:#fff!important}
html[data-ucn-theme="dark"] .uc-bp__it:hover,html[data-ucn-theme="dark"] .uc-bp__x:hover{background:#1b2433}
@media (prefers-reduced-motion:reduce){.uc-bp{animation:none}}

/* 10 · (Retirado el 03/11/2026 a petición de Roberto: «recupera el ancho y estética anterior». Cada plantilla vuelve a su ancho.) */

/* 11 · Título del tema solo para buscadores y lectores de pantalla cuando el encabezado visible de la página lo repite. */
body.ucn-title-sr .entry-header .entry-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.ucn-title-sr .entry-header{margin:0!important;padding:0!important}

/* 12 · Portada más compacta en ordenador (03/11/2026, Roberto: «secciones enormes, hay que hacer mucho scroll… ajustando un
   poco sus tamaños, alturas, alineación y proporcionalidad»). Sin tocar anchos ni alineación: menos aire vertical, títulos
   más contenidos y piezas decorativas más pequeñas. La barra de secciones se queda visible al bajar. */
@media (min-width:1025px){
  :root body.ucb-web #main-content.uc-home-v8{--uc-home-space:clamp(28px,2.4vw,44px)!important}
  :root body.ucb-web #main-content .ucb-sec{padding-top:clamp(32px,2.8vw,52px)!important}
  :root body.ucb-web #main-content .ucb-h2{font-size:clamp(26px,1vw + 18px,40px)!important;line-height:1.05}
  :root body.ucb-web #main-content :is(.ucb-lab,.ucb-cpx,.ucb-cp6) .ucb-h2{font-size:clamp(28px,1.2vw + 18px,44px)!important}
  :root body.ucb-web #main-content .ucb-ct__h{font-size:clamp(32px,1.6vw + 20px,56px)!important}
  :root body.ucb-web #main-content .ucb-lead{font-size:clamp(15px,.3vw + 12px,17px)}
  /* Ofertas y catálogo: pestañas más bajas */
  :root body.ucb-web #main-content .ucn-offer-tab{min-height:68px!important}
  :root body.ucb-web #main-content .ucn-offer-tab img{height:52px!important;width:auto!important}
  :root body.ucb-web #main-content .ucb-hw__tab{min-height:68px!important}
  :root body.ucb-web #main-content .ucb-hw__timg{height:54px!important;width:54px!important}
  :root body.ucb-web #main-content .ucb-cat__panel{padding-top:16px!important}
  :root body.ucb-web #main-content .ucb-ghost{display:none!important}
  :root body.ucb-web #main-content .ucn-offer-products li.product{width:300px!important;min-width:300px!important;max-width:300px!important;flex-basis:300px!important}
  :root body.ucb-web #main-content .ucb-mp__feats{gap:6px!important}
  :root body.ucb-web #main-content .ucb-mp__feats li{padding-block:2px!important;font-size:14.5px}
  /* Envíos: mapa más pequeño */
  :root body.ucb-web #main-content .ucb-sh__map{max-width:600px;justify-self:end;width:100%}
  /* Laboratorio */
  :root body.ucb-web #main-content .ucb-lab .ucb-lab__stage{padding:clamp(28px,2.6vw,44px)!important;gap:clamp(20px,2.2vw,40px)!important}
  :root body.ucb-web #main-content .ucb-lab__objw{max-height:200px}
  :root body.ucb-web #main-content .ucb-lab__objw img{max-height:200px!important;width:auto!important}
  /* Verificador */
  :root body.ucb-web #main-content .ucb-cp6__card{padding:clamp(24px,2.4vw,36px)!important;gap:clamp(20px,2.2vw,32px)!important}
  :root body.ucb-web #main-content .ucb-cp6__tool{padding:24px!important}
  :root body.ucb-web #main-content .ucb-cpa{zoom:.78}
  /* Mantenimiento, garantía, opiniones, preguntas y contacto */
  :root body.ucb-web #main-content .ucb-mp__card{padding:22px!important}
  :root body.ucb-web #main-content .ucb-gw__grid{gap:18px!important}
  :root body.ucb-web #main-content .ucb-fq__grid{gap:40px!important}
  :root body.ucb-web #main-content .ucb-ct__cover{min-height:440px!important}
  :root body.ucb-web #main-content .ucb-ct__copy{padding-block:44px!important}
  /* Barra de secciones: fija al bajar (antes se ocultaba al bajar y volvía al subir) */
  :root body.ucb-web .ucb #main-content .ucb-sn.is-on.is-away:not(:focus-within){opacity:1!important;visibility:visible!important;transform:translate3d(0,0,0)!important}
}

/* 13 · Portada todavía más compacta (03/11/2026, Roberto: «Más compacta»). Mismo criterio que la 12: solo ordenador,
   sin tocar anchos ni alineación ni el escenario del catálogo (lo coloca home-v8.js). */
@media (min-width:1025px){
  :root body.ucb-web #main-content.uc-home-v8{--uc-home-space:clamp(22px,1.8vw,32px)!important}
  :root body.ucb-web #main-content .ucb-sec{padding-top:clamp(24px,2vw,36px)!important}
  :root body.ucb-web #main-content .ucb-h2{font-size:clamp(24px,.8vw + 17px,34px)!important}
  :root body.ucb-web #main-content :is(.ucb-lab,.ucb-cpx,.ucb-cp6) .ucb-h2{font-size:clamp(26px,.9vw + 18px,38px)!important}
  :root body.ucb-web #main-content .ucb-ct__h{font-size:clamp(30px,1.2vw + 18px,46px)!important}
  /* Portada inicial (7 paneles) más baja */
  :root body.ucb-web #main-content .uc-solutions-hero .ucb-hero-vp,
  :root body.ucb-web #main-content .uc-solutions-hero .uc-solution-rail{height:clamp(400px,25vw,480px)!important}
  :root body.ucb-web #main-content .uc-solutions-hero .uc-solution-panel{height:100%!important}
  /* Ofertas */
  :root body.ucb-web #main-content .ucn-offer-products li.product{width:260px!important;min-width:260px!important;max-width:260px!important;flex-basis:260px!important}
  /* Envíos */
  :root body.ucb-web #main-content .ucb-sh__map{max-width:520px;justify-self:center!important}
  /* Laboratorio */
  :root body.ucb-web #main-content .ucb-lab__objw,:root body.ucb-web #main-content .ucb-lab__objw img{max-height:160px!important}
  /* Verificador */
  :root body.ucb-web #main-content .ucb-cpa{zoom:1!important;max-width:600px;margin-inline:auto}
  :root body.ucb-web #main-content .ucb-cp6__tool{padding:18px!important}
  :root body.ucb-web #main-content .ucb-cp6__tool>.ucb-cp__panel:not([hidden])>.ucb-cp__drop{min-height:160px!important}
  /* Planes, opiniones, preguntas y contacto */
  :root body.ucb-web #main-content .ucb-mp__feats li{padding-block:1px!important;font-size:14px;line-height:1.35}
  :root body.ucb-web #main-content .ucb-rv__card{padding-top:30px!important}
  :root body.ucb-web #main-content .ucb-fq__list .ucb-acc :is(summary,button){padding-block:11px!important}
  :root body.ucb-web #main-content .ucb-ct__cover{min-height:360px!important}
  :root body.ucb-web #main-content .ucb-ct__copy{padding-block:32px!important}
  /* Rotativos */
  :root body.ucb-web .ucb-tape__w,:root body.ucb-web .ucb-tape__bar{font-size:clamp(16px,1.9cqi,32px)!important}
  :root body.ucb-web .ucb-tape{padding:clamp(10px,1.2cqi,20px) 0 clamp(2px,.4cqi,6px)!important}
}

/* 14 · Páginas de servicio y marca (plantilla uchc), 03/11/2026. Las cintas de logos, equipos y opiniones iban a sangre hasta el
   borde derecho de la pantalla y la última tarjeta salía cortada. Desde 1280 px quedan dentro de la caja del contenido: los logos
   siguen en movimiento con un desvanecido en los bordes; equipos y opiniones pasan a rejilla fija con todas sus tarjetas enteras
   (hub.js las detecta como fijas). El bloque de zonas se alinea con el resto de secciones. */
@media (min-width:1280px){
  .uchc .uchc-ribbon{max-width:var(--maxw,1200px);margin-inline:auto}
  .uchc .uchc-ribbon--logos{scroll-padding-inline:var(--gx,40px);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--gx,40px),#000 calc(100% - var(--gx,40px)),transparent 100%);
            mask-image:linear-gradient(90deg,transparent 0,#000 var(--gx,40px),#000 calc(100% - var(--gx,40px)),transparent 100%)}
  .uchc .uchc-ribbon--logos .uchc-ribbon__track{padding-inline:var(--gx,40px)!important}
  .uchc .uchc-ribbon:is(.uchc-ribbon--prods,.uchc-ribbon--revs){overflow:visible!important}
  .uchc .uchc-ribbon:is(.uchc-ribbon--prods,.uchc-ribbon--revs) .uchc-ribbon__track{display:grid!important;width:auto!important;transform:none!important;padding-inline:var(--gx,40px)!important;gap:14px}
  .uchc .uchc-ribbon--prods .uchc-ribbon__track{grid-template-columns:repeat(6,minmax(0,1fr))}
  .uchc .uchc-ribbon--revs .uchc-ribbon__track{grid-template-columns:repeat(5,minmax(0,1fr))}
  .uchc .uchc-ribbon:is(.uchc-ribbon--prods,.uchc-ribbon--revs) .uchc-ribbon__track>[aria-hidden="true"]{display:none!important}
  .uchc .uchc-ribbon:is(.uchc-ribbon--prods,.uchc-ribbon--revs) .uchc-ribbon__track>*{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important}
  .uchc .ucp-coverage__inner{box-sizing:border-box;max-width:var(--maxw,1200px);margin-inline:auto;padding-inline:var(--gx,40px)}
}

/* 15 · Mismo arreglo en las demás plantillas (03/11/2026, Roberto: «hay secciones que están mal, corrígelas en todas las páginas»).
   - Páginas de zona (ucz, 157 páginas): mezclaban tres cajas (up-wrap a 1280 px, ucz-wrap a 1180 px y ucb-sec a 1200 px), así que cada
     sección empezaba en un borde distinto. Todas pasan a la caja de ucz-wrap, la misma que las migas y el pie.
   - Página de servicios (uv): el bloque de zonas iba 20 px más a la izquierda que el resto; y la cinta de opiniones, que avanza sola,
     se desvanece en los bordes en vez de cortar la tarjeta. */
.ucz .up-hero h1::first-letter{text-transform:uppercase}
@media (min-width:1025px){
  .ucz .up-wrap,.ucz .ucb-sec{box-sizing:border-box!important;width:auto!important;max-width:1220px!important;padding-inline:20px!important;margin-inline:auto!important}
  .uclv .ucp-coverage__inner{max-width:1240px}
  .uclv .uv-slider .uv-slider__track{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 56px,#000 calc(100% - 56px),transparent 100%);
            mask-image:linear-gradient(90deg,transparent 0,#000 56px,#000 calc(100% - 56px),transparent 100%)}
}

/* 16 · Capa común de estilos de página (03/11/2026, Roberto: «Unifica los estilos de páginas»).
   La auditoría P19 encontró 5 tipografías de título (Archivo, DM Sans, Fraunces, Syne y Playfair), 7 rojos de botón,
   6 formas de botón, tarjetas con radios de 16 a 32 px y el contenido empezando en 9 bordes distintos a 1440 px.
   Una sola identidad para todas las páginas de contenido: títulos en Archivo, texto en DM Sans, rojo de marca #c8102e,
   botones de 12 px, tarjetas de 16 px, migas iguales y, en ordenador, la caja de 1180 px que ya usan las páginas de zona,
   las migas y el pie. No toca la portada, el listado de la tienda, el modo oscuro ni los colores de las bandas oscuras. */
:root{
  --ucu-red:#c8102e; --ucu-red-h:#a50d26;
  --ucu-display:'Archivo','Archivo UC','DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ucu-sans:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --ucu-h1:clamp(32px,2.2vw + 18px,54px); --ucu-h1-info:clamp(30px,1.4vw + 18px,44px); --ucu-h2:clamp(25px,1.1vw + 17px,38px);
  --ucu-btn-r:12px; --ucu-card-r:16px;
  /* variables de cada familia: mismo rojo de marca */
  --uc-product-accent:#c8102e;
}
.uclv,.ucla,.uv-hero,.uv-sec{--red:#c8102e}
.use-page,.uce-experience{--use-red:#c8102e;--uce-red:#c8102e}
.entry-content>[class^="ucn-"]{--ucn-red:#c8102e;--ucn-radius:16px}
.ucnv2,.ucn-v2-preview{--uc-product-accent:#c8102e}

/* Títulos: misma familia, peso e interletrado */
:is(.uchc,.uclv,.use-page,.ucz) :is(h1,h2),
section[class^="ucr7-"] :is(h1,h2),
article.antialiased :is(h1,h2,h3),
body.page-template-default .entry-title,
.entry-content>:is([class^="ucn-"],.uc-shipping-guide,.uc-stub,[class^="uc-stub"]) :is(h1,h2),
.ucb-hero h1, :is(.ucb-brands-row,.ucb-library,.ucb-next) h2,
.woocommerce-products-header__title, .ucnv2 h1, .ucn-v2-preview h1{
  font-family:var(--ucu-display)!important; font-weight:800!important; letter-spacing:-.02em!important;
}
/* Tamaños: una escala para páginas de servicio, zona, marca y hub; otra más contenida para las informativas */
:is(.uchc-h1,.uv-h1), .use-page .uce-hero-copy h1, .ucz .up-hero-copy h1, section.ucr7-hero h1, article.antialiased h1, .ucb-hero h1{
  font-size:var(--ucu-h1)!important; line-height:1.07!important;
}
:is(.uchc-h2,.uv-h2), .use-page .use-section-wide h2, .ucz :is(.up-section,.ucz-section,.ucb-sec) h2, section[class^="ucr7-"]:not(.ucr7-hero) h2, article.antialiased h2{
  font-size:var(--ucu-h2)!important; line-height:1.12!important;
}
.entry-content>:is([class^="ucn-"],.uc-shipping-guide,.uc-stub,[class^="uc-stub"]) h1, body.page-template-default .entry-title{
  font-size:var(--ucu-h1-info)!important; line-height:1.1!important;
}
/* Texto de las páginas con HTML pegado: DM Sans como el resto */
article.antialiased, article.antialiased :is(p,li,span,a,small,strong,td,th,label,blockquote){font-family:var(--ucu-sans)}

/* Botones: mismo radio y el mismo rojo de marca */
:is(.uchc-btn,.uv-btn,.uv-callb__btn,.uv-callb__line,.ucr7-primary,.ucr7-secondary,.up-button,.up-call,.ucz-btn,.ucb-btn,.uc-stub-btn,.uc-btn--primary),
.use-page .use-actions a, .ucb-search button, .entry-content>[class^="ucn-"] .cta a,
article.antialiased a:is([href^="tel:"],[href*="wa.me"],[href*="whatsapp"]){border-radius:var(--ucu-btn-r)!important}
:is(.uchc-btn--red,.uv-btn--red,.uv-callb__btn,.ucr7-primary,.up-button,.uc-stub-btn--primary),
.ucb-search button, .entry-content>[class^="ucn-"] .cta a, article.antialiased a[href^="tel:"]{
  background-color:var(--ucu-red)!important; border-color:var(--ucu-red)!important; color:#fff!important;
}
:is(.uchc-btn--red,.uv-btn--red,.uv-callb__btn,.ucr7-primary,.up-button,.uc-stub-btn--primary):hover,
.ucb-search button:hover, .entry-content>[class^="ucn-"] .cta a:hover, article.antialiased a[href^="tel:"]:hover{
  background-color:var(--ucu-red-h)!important; border-color:var(--ucu-red-h)!important;
}

/* Tarjetas: un solo radio */
:is(.uchc-type,.uchc-svc__item,.uchc-panel,.uchc-have,.uv-rev,.uv-review-card,.uv-sym__card,.uv-callb,.guide-install-card,.guide-estimate,.guide-contact,
    .ucr7-product,.ucr7-visual,.ucz-card,.ucb-mp__card,.up-scene,.uc-ship-wrap,.uc-shipping-hero,.uc-shipping-contact,.ucb-tile,.ucb-menu),
section[class^="ucr7-"] article, .entry-content>[class^="ucn-"] :is(section.sec,section.hero,.cta,.callout){border-radius:var(--ucu-card-r)!important}

/* Migas: mismo cuerpo y tamaño */
:is(.uchc-bc,.uv-bc,.uclc-crumbs,.use-breadcrumb,.up-crumb,.ucr7-breadcrumb,.ucb-breadcrumb){font-family:var(--ucu-sans)!important;font-size:13px!important;letter-spacing:0!important}

/* Ordenador: el contenido empieza y acaba en el mismo borde que las migas y el pie (caja de 1220 px con 20 px de relleno) */
@media (min-width:1240px){
  .uchc{--maxw:1220px;--gx:20px}
  .uchc .uchc-wrap, .uclv .uv-wrap{max-width:1220px!important;padding-inline:20px!important;margin-inline:auto!important}
  .use-page.uce-experience, .use-page{max-width:1220px!important;padding-inline:20px!important;margin-inline:auto!important}
  section[class^="ucr7-"]>.ucr7-shell{padding-inline:max(6px,calc((100% - 1180px) / 2))!important}
  body:is(.page-template-default,.blog,.single-post,.category) #content#content>.ast-container{max-width:1220px!important;padding-inline:20px!important}
}

/* 17 · Contraste en tema oscuro (04/11/2026, auditoría P20-P8). Dentro de la capa ucnSiteOverrides: site-theme.css declara el orden
   «ucnSiteOverrides, ucnSiteTheme» y, con !important, la capa declarada primero gana a la de site-theme (que pinta todos los enlaces de rosa).
   - Hubs /calderas/ y /aire-acondicionado/: texto del botón rojo en blanco (5,88:1) y enlaces «ir» de las tarjetas en rosa legible (4,83:1).
   - Portada: etiqueta de ejemplo del verificador en tinta sobre su fondo claro (17,5:1).
   - Tienda: último tramo de la miga legible (9,04:1). */
@layer ucnSiteOverrides{
html[data-ucn-theme="dark"] .uchc :is(.uchc-btn--red,.uchc-btn--red span,.uc-sr-panel__cta,.uc-sr-panel__cta span){color:#fff!important}
html[data-ucn-theme="dark"] .uchc :is(.uchc-type__go,.uchc-prod__go){color:#ff465c!important}
html[data-ucn-theme="dark"] body.ucb-web .ucb-cpa__label{color:#0e1116!important}
html[data-ucn-theme="dark"] body .woocommerce-breadcrumb{color:#b6c3d6!important}
}

/* 18 · Rueda de piezas en tema oscuro (04/11/2026, auditoría P20, P8-002). category-wheel.css mezcla la tira con multiply para fundir el fondo
   blanco de las fotos en tema claro; sobre el azul marino del tema oscuro deja las piezas casi negras. La portada ya lo corrige dentro de
   #catalogo (site-theme.css, capa ucnSiteOverrides); esto lo extiende a los hubs y al resto de páginas con la rueda. Tema claro sin cambios. */
@layer ucnSiteOverrides{
html[data-ucn-theme="dark"] :is(.uc-sr-shell,.uc-sr-track){mix-blend-mode:normal!important}
}