/* Arreglos de computadora e iPad (8 nov 2026, revisión completa con capturas). La carga el pie de todas las páginas de computadora, al final, para ganar a las hojas anteriores. */

/* ── Inicio · iPad de pie en oscuro: esta versión usa su propia hoja y no tenía modo oscuro ── */
html[data-tema="oscuro"] body main.ugs-home .ugs3-industry{background:#161c19 !important;border-color:rgba(255,255,255,.1) !important}
html[data-tema="oscuro"] body main.ugs-home .ugs3-industry[aria-expanded="true"]{background:#0b0f0d !important}
html[data-tema="oscuro"] body main.ugs-home .ugs3-industry .ugs3-industry-name{color:#eef2ef !important}
html[data-tema="oscuro"] body main.ugs-home .ugs3-industries{background:#161c19 !important}
html[data-tema="oscuro"] body .ugs-tech-transition{background:#0e1210 !important;border-color:rgba(255,255,255,.08) !important}
html[data-tema="oscuro"] body .ugs-tech-transition h2,html[data-tema="oscuro"] body .ugs-tech-transition h2 span,html[data-tema="oscuro"] body .ugs-tech-transition strong{color:#eef2ef !important}
html[data-tema="oscuro"] body .ugs-tech-transition p,html[data-tema="oscuro"] body .ugs-tech-transition em{color:#a5afa8 !important}
html[data-tema="oscuro"] body .ugs-tech-transition .ugs-tech-transition-label,html[data-tema="oscuro"] body .ugs-tech-transition .ugs-tech-cinematic-eyebrow,html[data-tema="oscuro"] body .ugs-tech-transition b{color:#3fbf78 !important}
html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs3-industry .ugs3-industry-meta{color:#a5afa8 !important;-webkit-text-fill-color:#a5afa8 !important}
html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs3-industry .ugs3-industry-name{color:#eef2ef !important;-webkit-text-fill-color:#eef2ef !important}
html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-tech-transition h2,html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-tech-transition h2 span,html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-tech-transition strong{color:#eef2ef !important;-webkit-text-fill-color:#eef2ef !important}
html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-tech-transition p,html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-tech-transition em{color:#a5afa8 !important;-webkit-text-fill-color:#a5afa8 !important}
html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-tech-transition .ugs-tech-transition-label,html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-tech-transition .ugs-tech-cinematic-eyebrow,html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-tech-transition b{color:#3fbf78 !important;-webkit-text-fill-color:#3fbf78 !important}
/* Logos de clientes en iPad: tarjetas oscuras y logos claros, como en la computadora */
html[data-tema="oscuro"] body .ugs-clients .ugs-client{background:#161c19 !important;border-color:rgba(255,255,255,.08) !important;box-shadow:none !important}
html[data-tema="oscuro"] body .ugs-clients .ugs-client img{filter:grayscale(100%) brightness(1.1) !important;opacity:.85 !important}
html[data-tema="oscuro"] body .ugs-clients .ugs-client img[src*="constellation-brands-2026"],html[data-tema="oscuro"] body .ugs-clients .ugs-client img[src*="newmont"],html[data-tema="oscuro"] body .ugs-clients .ugs-client img[src*="colgate-palmolive"],html[data-tema="oscuro"] body .ugs-clients .ugs-client img[src*="universidad-colima"],html[data-tema="oscuro"] body .ugs-clients .ugs-client img[src*="icml-unam"],html[data-tema="oscuro"] body .ugs-clients .ugs-client img[src*="unam-2026"]{filter:grayscale(100%) invert(1) brightness(.9) !important}
html[data-tema="oscuro"] body .ugs-clients [class*="dot"]:not([aria-current="true"]):not(.is-active){background-color:rgba(255,255,255,.28) !important}

/* ── Inicio · tarjetas de FORMACS HT, HT-i y PRIMACS en iPad de pie: el renglón de abajo perdía su margen ── */
@media (max-width:900px){
  body main.ugs-home .ugs-cn-supporting-card .ugs-cn-card-footer{grid-column:1 / -1 !important;padding:18px 35px 26px !important;width:auto !important}
}
/* ── Inicio · franja «¿Su equipo ya está en operación?» sin margen en iPad de lado ── */
@media (min-width:744px) and (max-width:1320px){
  body main.ugs-home .ugs3-client-strip-inner{margin-left:34px !important;margin-right:34px !important}
}
/* ── Inicio en oscuro: textos chicos de las tarjetas de equipos con más contraste (#contenido-principal para ganar a ugs-preview-fixes) ── */
html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-product-card-type,html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-products-flow .ugs-eyebrow,html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs3-finder .ugs-eyebrow,html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-clients .ugs-eyebrow,html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-product-family-head .ugs-eyebrow{color:#3fbf78 !important;-webkit-text-fill-color:#3fbf78 !important}
html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-products-flow article p{color:#b9c2bc !important;-webkit-text-fill-color:#b9c2bc !important}
html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-product-card-bottom span,html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-product-card-bottom,html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-wet-mac-meta,html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-wet-mac-footer span{color:rgba(238,242,239,.72) !important;-webkit-text-fill-color:rgba(238,242,239,.72) !important}
html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-products-flow article a{color:#3fbf78 !important;-webkit-text-fill-color:#3fbf78 !important}
html[data-tema="oscuro"] body main#contenido-principal.ugs-home .ugs-products-flow article a span{color:#3fbf78 !important;-webkit-text-fill-color:#3fbf78 !important}

/* ── Equipos (selector de analizadores) · iPad de pie en oscuro ── */
html[data-tema="oscuro"] main#contenido-principal div.ugsp-duet article.ugsp-showcase.ugsp-showcase-light{background-image:none !important}
/* Las fotos usaban «multiply» sobre fondo claro; sobre oscuro se volvían negras. Van en una ficha clara redondeada. */
html[data-tema="oscuro"] main#contenido-principal .ugsp-result-product img,html[data-tema="oscuro"] main#contenido-principal .ugsp-family-cn img{mix-blend-mode:normal !important;background:#e9edea !important;border-radius:12px !important}
html[data-tema="oscuro"] main#contenido-principal .ugsp-showcase-light .ugsp-showcase-visual img{mix-blend-mode:normal !important}
html[data-tema="oscuro"] main#contenido-principal div.ugsp-selector-controls div.ugsp-selector-options button.is-active{background-color:#078344 !important;border-color:#078344 !important;color:#fff !important}
html[data-tema="oscuro"] main#contenido-principal .ugsp-lines a.ugsp-line{border-color:rgba(255,255,255,.14) !important}
html[data-tema="oscuro"] main#contenido-principal .ugsp-lines a.ugsp-line img{filter:grayscale(1) invert(1) brightness(1.5) !important}
/* Líneas complementarias: dos columnas iguales, sin salirse por la derecha */
/* Líneas complementarias: una tarjeta por renglón hasta 900 px (por dentro necesitan ~312 px más el texto). */
@media (min-width:651px) and (max-width:900px){
  main#contenido-principal .ugsp-lines-grid{grid-template-columns:minmax(0,1fr) !important}
}
@media (max-width:900px){
  /* Portada: el texto queda arriba de la foto y no se mete debajo */
  main#contenido-principal .ugsp-hero-copy{position:relative;z-index:3}
  main#contenido-principal .ugsp-hero-copy p{max-width:440px}
}
/* Selector de equipos (computadora e iPad de lado): el pie del logo no cabe y el texto de arriba pasaba sobre la foto */
main .ugs-showroom-brand-caption{white-space:normal !important;letter-spacing:.06em !important;line-height:1.35 !important;max-width:100% !important;display:block;text-align:center}
@media (max-width:1320px){
  html.ugs-wide body main .ugs-showroom .ugs-showroom-context,html.ugs-wide body main .ugs-showroom[data-product-id] .ugs-showroom-context{background:rgba(9,12,10,.72) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px !important;border-radius:12px !important;z-index:3 !important}
}

/* ── SAN++, BLUVISION, SP2000 y Servicios: la barra de secciones ── */
/* Una franja del color de la página detrás de la barra: lo que pasa por debajo ya no se ve partido. */
.san-v2 .san-section-nav.is-floating::before{content:"";position:absolute;left:0;right:0;top:-104px;bottom:-12px;z-index:-1;background:linear-gradient(rgba(250,250,248,.96) 82%,rgba(250,250,248,0));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}
html[data-tema="oscuro"] .san-v2 .san-section-nav.is-floating::before{background:linear-gradient(rgba(14,18,16,.96) 82%,rgba(14,18,16,0))}
.ugs-care .care-shortcuts{background:rgba(255,255,255,.97) !important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.ugs-care .care-shortcuts::before{content:"";position:absolute;left:calc(50% - 50vw);width:100vw;top:calc(-1 * var(--care-nav-top,100px));bottom:-12px;z-index:-1;background:linear-gradient(rgba(247,247,244,.96) 84%,rgba(247,247,244,0));pointer-events:none}
html[data-tema="oscuro"] .ugs-care .care-shortcuts{background:rgba(22,28,25,.97) !important}
html[data-tema="oscuro"] .ugs-care .care-shortcuts::before{background:linear-gradient(rgba(14,18,16,.96) 84%,rgba(14,18,16,0))}
/* En oscuro solo la pestaña activa lleva raya */
html[data-tema="oscuro"] body main.san-v2.product-detail nav.san-section-nav.has-indicator div.san-shell a:not([aria-current]),html[data-tema="oscuro"] body main.san-v2 nav.san-section-nav div.san-shell a:not([aria-current]){border-bottom-color:transparent !important}
/* SAN++ en oscuro: las fotos de Compact, Classic y Advanced en ficha clara redondeada, bordes suaves */
html[data-tema="oscuro"] .san-v2 .san-model picture img{background:#eef1ef;border-radius:14px}
html[data-tema="oscuro"] .san-v2 .san-model{border-color:rgba(255,255,255,.12) !important}
/* SP2000: el rango «48–288» no se parte */
.san-v2 .product-capacity-number{white-space:nowrap}

/* ── Servicios: el texto de la portada se lee mejor sobre la foto ── */
.ugs-care .care-hero-copy p,.ugs-care .care-hero-copy a{text-shadow:0 1px 14px rgba(0,0,0,.55)}

/* ── Asesoría: los seis pasos en un renglón cada uno ── */
main.ugs-quote .ugs-quote-progress a{white-space:nowrap}

/* ── Títulos sin palabras sueltas ── */
main h1,main h2,main h3,.san-model-heading p,.san-product-title{text-wrap:balance}

/* ── Privacidad: liga en verde como el resto del sitio ── */
.ugs-privacy a[href*="gaoptout"]{color:#087444 !important;text-decoration:underline;text-underline-offset:3px}
html[data-tema="oscuro"] main.ugs-privacy div.up-layout article.up-document section p a[href*="gaoptout"]{color:#3fbf78 !important}

/* ── Empresa en oscuro: el mapa de México menos brillante ── */
html[data-tema="oscuro"] .company-cinema .cc-map img,html[data-tema="oscuro"] .company-cinema .cc-map svg{filter:brightness(.55) contrast(1.1)}

/* ── Aplicaciones: tablas de normas y métodos con espacio para el código de la norma ── */
@media (max-width:1240px){ .san-shell.apl-grid{grid-template-columns:1fr !important;gap:20px !important} }
.apl-tabla td:first-child{width:36%}
.apl-tabla td.apl-limite{white-space:normal}
/* Índice: si en dos columnas la última tarjeta queda sola, ocupa el renglón completo */
@media (max-width:1180px){ .apl-ex-industrias > a:last-child:nth-child(odd){grid-column:1 / -1} }
/* Ligas a «Análisis de flujo continuo» (9 nov 2026): mismo color del texto, subrayado fino. */
main#contenido-principal .san-hero-specs dd a,main .ugsp-family-head p a,main .apl-guia-liga a{color:inherit;-webkit-text-fill-color:currentColor;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
main .ugsp-family-head p a{white-space:nowrap}
main .apl-guia-liga{margin-top:18px;font-size:17px;font-weight:500}
main .apl-guia-liga a{text-decoration:none;color:#087444;-webkit-text-fill-color:#087444}
main .apl-guia-liga a:hover{text-decoration:underline}
html[data-tema="oscuro"] main .apl-guia-liga a{color:#5fd08f;-webkit-text-fill-color:#5fd08f}

/* Parámetros con página propia en Aplicaciones: la fila entera es liga (9 nov 2026). */
main .san-app-parameters li{position:relative}
main .san-app-parameters li a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:inherit;-webkit-text-fill-color:currentColor;text-decoration:none}
main .san-app-parameters li a::before{content:"";position:absolute;inset:0}
main .san-app-parameters li a::after{content:"\2192";color:#087444;-webkit-text-fill-color:#087444;opacity:.55;transition:opacity .15s ease,transform .15s ease}
main .san-app-parameters li a:hover,main .san-app-parameters li a:focus-visible{color:#087444;-webkit-text-fill-color:#087444}
main .san-app-parameters li a:hover::after,main .san-app-parameters li a:focus-visible::after{opacity:1;transform:translateX(3px)}
html[data-tema="oscuro"] main .san-app-parameters li a::after,html[data-tema="oscuro"] main .san-app-parameters li a:hover,html[data-tema="oscuro"] main .san-app-parameters li a:focus-visible{color:#5fd08f;-webkit-text-fill-color:#5fd08f}
@media (prefers-reduced-motion:reduce){main .san-app-parameters li a::after{transition:none}}

/* Inicio: fichas de parámetros que llevan a su página y liga a los análisis de la industria (9 nov 2026). El panel es oscuro en los dos modos. */
main a.ugs3-chip{gap:7px;text-decoration:none;transition:border-color .15s ease,background-color .15s ease}
main a.ugs3-chip::after{content:"\2192";color:#5fd08f;-webkit-text-fill-color:#5fd08f}
main a.ugs3-chip:hover,main a.ugs3-chip:focus-visible{border-color:rgba(95,208,143,.6);background:rgba(95,208,143,.1)}
main a.ugs3-panel-more{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:13px;font-weight:500;color:#5fd08f;-webkit-text-fill-color:#5fd08f;text-decoration:none}
main a.ugs3-panel-more[hidden]{display:none}
main a.ugs3-panel-more i{font-style:normal;transition:transform .15s ease}
main a.ugs3-panel-more:hover span,main a.ugs3-panel-more:focus-visible span{text-decoration:underline;text-underline-offset:3px}
main a.ugs3-panel-more:hover i{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){main a.ugs3-chip,main a.ugs3-panel-more i{transition:none}}

/* Pie: renglón de WhatsApp, con el mismo aire que el del correo. */
html body footer.ugs-footer-mac-v2[data-ugs-site-footer] a.ugs-footer-mac-v2-whatsapp{margin-top:15px !important}