#xr-page{max-width:1200px;margin:0 auto;padding:20px 5% 70px}#xr-page h1{font-size:clamp(30px,4vw,52px);max-width:1000px;margin:35px 0}#xr-page h2{font-size:23px;color:#E9C75F}#xr-page p{line-height:1.7;color:#c3d5e7}.lead{font-size:22px}.xr-nav{display:flex;gap:8px;border-bottom:1px solid #246080;margin:28px 0}.xr-nav button{padding:18px 20px;background:transparent;color:#dcecff;border:0;border-bottom:3px solid transparent;cursor:pointer;font-size:18px}.xr-nav [aria-selected=true]{border-color:#00D8F4;background:linear-gradient(110deg,#004ACA,#002075);color:white}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-bottom:35px}.store-links{display:flex;flex-wrap:wrap;gap:15px}.store-links a{text-decoration:none}#xr-page video,#reference-player iframe{width:100%;aspect-ratio:16/9;background:#020817;border:0;display:block;margin-top:20px;max-height:65vh}.wide-contact{margin-top:40px;padding-top:25px;border-top:1px solid #246080}.wide-contact p{font-size:14px}@media(max-width:650px){.story-grid{grid-template-columns:1fr;gap:8px}.xr-nav{gap:0}.xr-nav button{font-size:15px;padding:14px 8px;flex:1}#xr-page{padding:10px 6% 40px}.lead{font-size:19px}}/* Navegacion XR compacta, persistente dentro de la pagina de detalle. */
.xr-sticky{position:sticky;top:0;z-index:20;background:#040d20f5;border-bottom:1px solid #246080;padding:8px 0;backdrop-filter:blur(10px);display:flex;align-items:center;gap:20px}
.xr-sticky .xr-back{margin:0;white-space:nowrap;padding:12px 4px;font-size:14px}
.xr-sticky .xr-nav{margin:0;border:0;flex:1}.xr-sticky .xr-nav button{padding:14px 16px;font-size:17px}
#xr-page article h1{scroll-margin-top:110px}#xr-page :focus-visible{scroll-margin-top:110px}
@media(max-width:650px){.xr-sticky{display:block;padding:5px 0}.xr-sticky .xr-back{padding:7px 4px}.xr-sticky .xr-nav button{padding:12px 5px;font-size:14px;min-height:56px}.xr-sticky .xr-nav{width:100%}#xr-page article h1,#xr-page :focus-visible{scroll-margin-top:140px}}/* Detalle XR claro; el explorador ONE conserva su apariencia oscura. */
body:has(#xr-page:not([hidden])){color-scheme:light;background:#F1FBFF;color:#002075}
body:has(#xr-page:not([hidden])) header,body:has(#xr-page:not([hidden])) footer{color:#002075}
body:has(#xr-page:not([hidden])) .brand b{color:#004ACA}
body:has(#xr-page:not([hidden])) .preview{color:#34537E}
#xr-page{color:#002075}#xr-page h1,#xr-page h2{color:#002075}#xr-page p{color:#29497C}#xr-page .eyebrow{color:#004ACA}
.xr-sticky{background:#F1FBFFf5;border-color:#A6C9E6;box-shadow:0 3px 10px #0020750c}
.xr-sticky .xr-back{color:#004ACA}.xr-nav button{color:#002075}.xr-nav [aria-selected=true]{color:#FFFFFF}
#xr-page .story-grid section{border-top:3px solid #D8B852;padding-top:8px}
#xr-page a:not(.cta){color:#004ACA;text-underline-offset:4px}
#xr-page video,#reference-player iframe{border:1px solid #A6C9E6;border-radius:8px;background:#E8F8FF}
#xr-page .wide-contact{border-color:#A6C9E6}#xr-page :focus-visible{outline-color:#004ACA}
body:has(#xr-page:not([hidden])){background:#F5F5F5}.xr-sticky{background:#FFFFFF;border-color:#D6D6D6}#xr-page .story-grid section,#wide-ra .store-links{background:#FFFFFF;padding:20px;border-radius:8px}#xr-page video,#reference-player iframe{background:#FFFFFF;border-color:#D6D6D6}

/* Indicador activo dorado y superficies neutrales. */
.xr-nav [aria-selected=true]{border-bottom-color:#D8B852}#xr-page .wide-contact{border-color:#D6D6D6}

/* Ajustes puntuales D: titulo VR azul, contornos blancos y tab activo dorado. */
#xr-page #wide-rv h1{color:#004ACA}
.nodes .node,.nodes .node:hover,.nodes .node[aria-selected=true]{border-color:#FFFFFF}
.nodes .node[aria-selected=true]{box-shadow:0 0 0 1px #FFFFFF33,0 0 25px #004ACA40}
.xr-nav [aria-selected=true]{color:#FFE66A;border-bottom-color:#D8B852}


/* Marco inspirado en tarjetas originales: radio 1.5rem y blanco grisaceo al 10%. */
.nodes .node{border-radius:1.5rem;border-color:rgb(243 244 246 / .1)}
.nodes .node:hover,.nodes .node[aria-selected=true]{border-color:rgb(243 244 246 / .3)}
.nodes .node[aria-selected=true]{box-shadow:0 0 25px #004ACA26}


/* Adaptacion del marco original sobre superficies claras. */
#xr-page .story-grid section,.xr-sticky,#xr-page video,#reference-player iframe{border:1px solid rgb(17 24 39 / .16);border-radius:1.5rem;box-shadow:0 10px 15px -3px rgb(17 24 39 / .05),0 4px 6px -4px rgb(17 24 39 / .05)}
.xr-sticky{padding-left:12px;padding-right:12px}
#xr-page .story-grid section{border-top:1px solid rgb(17 24 39 / .16)}


/* Retorno independiente; el marco contiene solamente las tres tecnologias. */
.xr-sticky{background:#F5F5F5;border:0;border-radius:0;box-shadow:none;padding:8px 0;gap:16px}
.xr-sticky .xr-nav{background:#FFFFFF;border:1px solid rgb(17 24 39 / .16);border-radius:1.5rem;box-shadow:0 10px 15px -3px rgb(17 24 39 / .05);padding:7px 12px}
.xr-sticky .xr-back{background:#FFFFFF;border:1px solid rgb(17 24 39 / .16);border-radius:12px;padding:12px;color:#004ACA}
@media(max-width:650px){.xr-sticky .xr-back{margin-bottom:8px}.xr-sticky .xr-nav{padding:5px}.xr-sticky .xr-nav button{min-width:0}}

/* Detalle mas amplio, lectura contenida y seleccion redondeada. */
#xr-page{max-width:1480px;padding-left:4%;padding-right:4%}
#xr-page h1{max-width:1200px}
#xr-page article>p{max-width:85ch}
.xr-sticky .xr-nav button{border-radius:18px}
@media(max-width:650px){#xr-page{padding-left:6%;padding-right:6%}.xr-sticky .xr-nav button{border-radius:14px}}


/* Jerarquia editorial del detalle, sin alterar ONE. */
#xr-page article>h1{font-size:clamp(34px,4.3vw,60px);line-height:1.12;letter-spacing:-.035em;margin:clamp(32px,4vw,52px) 0;max-width:1200px;text-wrap:balance}
#xr-page .story-grid h2{font-size:clamp(25px,2.1vw,30px);line-height:1.2;margin:0 0 20px;letter-spacing:-.02em}
#xr-page .story-grid p{font-size:clamp(17px,1.2vw,18px);line-height:1.65;max-width:48ch;margin:0}
#xr-page .story-grid section{padding:clamp(22px,2.2vw,32px)}
#xr-page .story-grid{gap:clamp(20px,2.6vw,40px);margin-bottom:clamp(40px,4vw,60px)}


/* Letterboxing negro para FISIORACULUS, sin recorte. */
#xr-page #wide-rm video{background:#000000;object-fit:contain}


/* Controles claros y medios reales en el resumen XR. */
.xr-sticky .xr-nav{gap:8px}.xr-sticky .xr-nav button{flex:1;border:1px solid #D6D6D6;border-bottom:3px solid transparent;background:#F5F5F5}
.xr-sticky .xr-nav [aria-selected=true]{background:linear-gradient(110deg,#004ACA,#002075);color:#FFE66A;border-bottom-color:#D8B852}
#wide-xr .story-grid section{display:flex;flex-direction:column;gap:20px}#wide-xr .story-grid h2{margin-bottom:0}
#wide-xr .cta{margin-top:auto;justify-content:center}#wide-xr iframe,#wide-xr video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;border:1px solid #D6D6D6;border-radius:16px;display:block;margin:0}
#wide-xr .media-caption{font-size:14px;line-height:1.5}.media-editorial{padding:20px;background:#F5F5F5;border-radius:16px}.media-editorial h3{font-size:20px;margin:0 0 12px}

/* Referencia cromatica aproximada de captura: explorador ONE solamente. */
body:has(#xr-page[hidden]){background:linear-gradient(180deg,#031577 0%,#032188 25%,#022F9C 50%,#013EB0 75%,#014BC3 100%)}
body:has(#xr-page[hidden]) .nodes .node{background:linear-gradient(160deg,#031577,#014BC3);color:#FFFFFF}
body:has(#xr-page[hidden]) .nodes .node:hover,body:has(#xr-page[hidden]) .nodes .node[aria-selected=true]{background:linear-gradient(160deg,#032188,#014BC3);border-color:rgb(243 244 246 / .4)}
body:has(#xr-page[hidden]) .intro>p:last-child,body:has(#xr-page[hidden]) .panel p,body:has(#xr-page[hidden]) .closing span,body:has(#xr-page[hidden]) footer,body:has(#xr-page[hidden]) .orbit-note{color:#FFFFFF}

body:has(#xr-page[hidden]) .num,body:has(#xr-page[hidden]) .closing,body:has(#xr-page[hidden]) .panel .scope{color:#FFE66A}body:has(#xr-page[hidden]) .xr-overview h3{color:#FFE66A}

/* Prueba reversible: textura original tenue solo detras del explorador ONE. */
body:has(#xr-page[hidden]){position:relative;isolation:isolate}
body:has(#xr-page[hidden])::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("assets/images/fondos/fondo-original-one.png") center/cover no-repeat;opacity:.12;mask-image:radial-gradient(ellipse at 50% 50%,transparent 0%,transparent 25%,#000 78%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,transparent 0%,transparent 25%,#000 78%)}
@media(max-width:650px){body:has(#xr-page[hidden])::before{opacity:.08;background-size:auto 100%}}


/* Frase principal blanca; wordmark oficial intacto. */
.intro h1 > span:not(.sr-only){color:#fff;background:none;-webkit-text-fill-color:#fff}

/* Separacion espacial estatica de nodos, sin alterar geometria. */
body:has(#xr-page[hidden]) .node{background:linear-gradient(145deg,#031577,#032188);border-color:rgba(255,255,255,.28);box-shadow:0 10px 22px rgba(0,12,58,.32),inset 0 1px 0 rgba(255,255,255,.14)}
body:has(#xr-page[hidden]) .node[aria-selected=true]{background:linear-gradient(145deg,#032188,#014BC3);border-color:rgba(255,255,255,.65);box-shadow:0 12px 26px rgba(0,12,58,.38),inset 0 1px 0 rgba(255,255,255,.22)}
@media(hover:hover){body:has(#xr-page[hidden]) .node:hover{border-color:rgba(255,255,255,.65);box-shadow:0 12px 26px rgba(0,12,58,.38),inset 0 1px 0 rgba(255,255,255,.22)}}
body:has(#xr-page[hidden]) .node:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){body:has(#xr-page[hidden]) .node{transition:none;animation:none;transform:none}}

/* Seleccion clara diferenciada del hover azul. */
body:has(#xr-page[hidden]) .node[aria-selected=true]{background:linear-gradient(145deg,#fff,#f0f0f0);color:#002075;border-color:#fff}
body:has(#xr-page[hidden]) .node[aria-selected=true] .num,body:has(#xr-page[hidden]) .node[aria-selected=true] .arrow{color:#004ACA}

body:has(#xr-page[hidden]) .node[aria-selected=true]{background:linear-gradient(145deg,#fff,#f0f0f0)!important;border-color:#fff!important}
/* Paleta D: texto azul tecnologico sobre superficies claras. */
body:has(#xr-page:not([hidden])),body:has(#xr-page:not([hidden])) header,body:has(#xr-page:not([hidden])) footer,body:has(#xr-page:not([hidden])) .preview,#xr-page,#xr-page h1,#xr-page h2,#xr-page h3,#xr-page p,#xr-page a:not(.cta),.xr-sticky .xr-back,.xr-sticky .xr-nav button{color:#004ACA}
body:has(#xr-page[hidden]) .nodes .node[aria-selected=true],body:has(#xr-page[hidden]) .nodes .node[aria-selected=true] span{color:#004ACA}
.xr-sticky .xr-nav [aria-selected=true]{color:#FFE66A}
#xr-page .cta{color:#fff}
#xr-page :focus-visible{outline:2px solid #004ACA;outline-offset:4px}
#xr-page .media-editorial{color:#004ACA}
/* Gradiente de marca en titulares grandes; cuerpo azul solido. */
@supports(background-clip:text){#xr-page article>h1,#xr-page .story-grid h2{background:linear-gradient(110deg,#004ACA,#0063DC);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}
#xr-page .cta,.xr-sticky .xr-nav [aria-selected=true]{background:linear-gradient(110deg,#004ACA,#0063DC)}
#xr-page .story-grid section{border-color:rgba(0,74,202,.22)}

.xr-sticky .xr-nav [aria-selected=true]{background:linear-gradient(110deg,#004ACA,#002075)}
/* CTA contextual: dorado sobre ONE azul, azul sobre detalle claro. */
body:has(#xr-page[hidden]) main .cta{background:linear-gradient(165deg,#E9C75F 0%,#E9C75F 35%,#FFE66A 48%,#E9C75F 62%,#E9C75F 100%)!important;color:#004ACA!important;border-color:#E9C75F}
body:has(#xr-page[hidden]) main .cta:focus-visible{outline:2px solid #fff;outline-offset:4px}
#xr-page .cta:hover{background:linear-gradient(110deg,#0063DC,#004ACA);color:#fff}

body:has(#xr-page[hidden]) main .cta{border:1px solid #D8B852;box-shadow:0 3px 0 #D8B852}

/* Pictogramas recuperados del portafolio ONE; XR adaptado con silueta. */
.nodes .service-icon{width:24px;height:24px;flex:0 0 24px;color:inherit;overflow:visible}
.nodes .node{gap:8px}
.nodes .node>span:not(.arrow){min-width:0}

/* Lectura con peso medio y franja exterior mas aireada. */
#xr-page article>.lead,#xr-page .story-grid p:not(.media-caption),#wide-ra>p,#wide-rm>.lead{font-weight:550;color:#004ACA;background:none;-webkit-text-fill-color:#004ACA}
.xr-sticky .xr-nav{padding-top:13px;padding-bottom:13px}
#xr-page article h1,#xr-page :focus-visible{scroll-margin-top:122px}
@media(max-width:650px){.xr-sticky .xr-nav{padding-top:8px;padding-bottom:8px}#xr-page article h1,#xr-page :focus-visible{scroll-margin-top:146px}}

.xr-sticky .xr-back{border:1.5px solid #004ACA;color:#004ACA;font-weight:600;background:#fff}
@media(max-width:650px){.xr-sticky .xr-back{white-space:normal;max-width:100%;line-height:1.35}}


/* Mayor aire exterior, sin cambios de cuerpo ni pills. */
.xr-sticky .xr-nav{padding-top:18px;padding-bottom:18px}
#xr-page article h1,#xr-page :focus-visible{scroll-margin-top:132px}
@media(max-width:650px){.xr-sticky .xr-nav{padding-top:10px;padding-bottom:10px}#xr-page article h1,#xr-page :focus-visible{scroll-margin-top:150px}}

/* Jerarquia por funcion: explorar secundario, contacto principal. */
#xr-page p,#xr-page article>.lead,#xr-page .story-grid p:not(.media-caption),#wide-ra>p,#wide-rm>.lead{color:#002075;-webkit-text-fill-color:#002075;background:none;font-weight:550}
#xr-page p a{color:#004ACA;-webkit-text-fill-color:#004ACA}
body:has(#xr-page[hidden]) main .cta{background:linear-gradient(110deg,#004ACA,#0063DC)!important;color:#fff!important;border:1px solid rgba(255,255,255,.75);box-shadow:0 2px 8px rgba(0,32,117,.22)}
#xr-page .wide-contact .cta,#xr-page .wide-contact .cta:hover,#xr-page .wide-contact .cta:active{background:linear-gradient(165deg,#E9C75F 0%,#E9C75F 35%,#FFE66A 48%,#E9C75F 62%,#E9C75F 100%);color:#004ACA;border:1px solid #D8B852;box-shadow:0 3px 0 #D8B852}
@media(hover:hover) and (pointer:fine){.nodes .node:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.nodes .node:hover{transform:none}}

/* El titulo recibe foco de lectura, no es un control interactivo. */
#xr-page article h1[tabindex='-1']:focus{outline:none}

/* Bloque AR: video previsto y tiendas, antes del contacto. */
#wide-ra .ar-media-stores{display:grid;grid-template-columns:minmax(0,3fr) minmax(200px,1fr);gap:28px;align-items:center;margin:32px 0}
#wide-ra .ar-video-reserve{aspect-ratio:16/9;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;border:1px solid #D6D6D6;border-radius:24px;background:#fff;box-shadow:0 8px 24px rgba(0,32,117,.06)}
#wide-ra .ar-video-reserve h3{color:#004ACA;margin:0 0 12px}#wide-ra .ar-video-reserve p{max-width:40ch;margin:0}
#wide-ra .ar-media-stores .store-links{display:flex;flex-direction:column;gap:28px;align-items:stretch;margin:0;padding:24px}#wide-ra .store-links a{text-align:center}
@media(max-width:700px){#wide-ra .ar-media-stores{grid-template-columns:1fr;gap:20px}#wide-ra .ar-video-reserve{padding:18px}#wide-ra .ar-media-stores .store-links{gap:20px}}

#wide-ra .store-badge{display:block}#wide-ra .store-badge img{display:block;width:100%;max-width:280px;height:auto;margin:auto}

#wide-ra .apple-badge{padding:10px}#wide-ra .apple-badge img{max-width:230px;min-height:40px}

/* Badges oficiales: proporcion natural y espacio libre uniforme. */
#wide-ra .store-badge{padding:12px}#wide-ra .store-badge img{width:100%;max-width:230px;min-height:40px;height:auto}

/* Tiendas sobre el gris general; CTA principal oro horizontal. */
#wide-ra .ar-media-stores .store-links{background:transparent;border:0;box-shadow:none}
#xr-page .wide-contact .cta,#xr-page .wide-contact .cta:hover,#xr-page .wide-contact .cta:active{background:linear-gradient(90deg,#E9C75F 0%,#FFE66A 100%);color:#004ACA;border:1px solid #D8B852;box-shadow:0 1px 0 #D8B852}

.xr-sticky .xr-nav button[aria-selected='true']{color:#fff;-webkit-text-fill-color:#fff}
.xr-sticky .xr-back,.xr-sticky .xr-back:hover,.xr-sticky .xr-back:active{background:linear-gradient(90deg,#E9C75F 0%,#FFE66A 100%);color:#004ACA;border:1px solid #D8B852;box-shadow:0 1px 0 #D8B852}

body:has(#xr-page[hidden]) main #explore-xr{background:linear-gradient(90deg,#E9C75F 0%,#FFE66A 100%)!important;color:#004ACA!important;border:1px solid #D8B852;box-shadow:0 1px 0 #D8B852;font-size:clamp(18px,1.4vw,21px);padding:18px 24px;max-width:100%;white-space:normal;text-align:center}
#panel-0 .xr-explore-intro{margin-top:24px;margin-bottom:16px}

.xr-sticky .xr-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.xr-sticky .xr-nav button{min-width:0;white-space:normal}
@media(max-width:700px){.xr-sticky .xr-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.xr-sticky .xr-nav button{font-size:14px;padding:10px 6px;min-height:48px}#xr-page article h1,#xr-page :focus-visible{scroll-margin-top:220px}}

#panel-0>h3{display:block}

body:has(#xr-page[hidden]) main #explore-xr{transition:transform 160ms ease,box-shadow 160ms ease}
@media(hover:hover) and (pointer:fine){body:has(#xr-page[hidden]) main #explore-xr:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,32,117,.22)}}
body:has(#xr-page[hidden]) main #explore-xr:active{transform:translateY(0);box-shadow:0 1px 0 #D8B852}
body:has(#xr-page[hidden]) main #explore-xr:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){body:has(#xr-page[hidden]) main #explore-xr{transition:none;transform:none!important}}

#xr-page{padding:32px 4%;max-width:1480px;margin:auto;min-height:70vh} .gallery-head h1{font-size:clamp(32px,4vw,56px);color:#004ACA}#gallery-title:focus{outline:none}#filters{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}#filters button{padding:12px 18px;border:1px solid #004ACA;border-radius:24px;background:white;color:#004ACA}#filters button[aria-pressed=true]{background:#004ACA;color:white}#case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.case-card{background:white;border:1px solid #ddd;border-radius:24px;padding:20px;color:#002075}.case-card h2{font-size:24px;color:#004ACA}.case-thumb{aspect-ratio:16/9;border-radius:16px;background:linear-gradient(135deg,#004ACA,#002075);display:grid;place-items:center;color:white;font-size:32px;overflow:hidden}.case-thumb img,.case-thumb video{width:100%;height:100%;object-fit:contain;background:black}.case-card button{margin-top:16px}#case-modal{background:#F5F5F5;color:#002075;width:min(1000px,92vw);max-height:90vh;border:1px solid #ddd;border-radius:24px;padding:28px}#case-modal::backdrop{background:rgba(0,0,0,.65)}#case-modal h2{color:#004ACA}#case-close{float:right;background:white;color:#004ACA;border:1px solid #004ACA;border-radius:20px;padding:10px}#case-media iframe,#case-media video{width:100%;aspect-ratio:16/9;display:block;background:black;border:0;border-radius:16px}#case-links{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}#case-links a{color:#004ACA}#case-links img{height:48px;width:auto}#case-modal .cta,#xr-page .cta{background:linear-gradient(90deg,#E9C75F,#FFE66A);color:#004ACA}#case-modal :focus-visible,#xr-page :focus-visible{outline:2px solid #004ACA;outline-offset:4px}body:has(#xr-page:not([hidden])){background:#F5F5F5}body:has(#xr-page[hidden]) main [data-gallery]{background:linear-gradient(90deg,#E9C75F,#FFE66A)!important;color:#004ACA!important}@media(max-width:750px){#case-grid{grid-template-columns:1fr}#case-modal{padding:18px}#case-links img{max-width:100%;height:auto;max-height:48px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Encabezados redundantes: título conservado para accesibilidad. */
#gallery-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}#gallery-line{display:none!important}


/* E: navegación contextual y ficha amplia, sin alterar variantes anteriores. */
#gallery-back[hidden]{display:none!important}
header #developments-menu{color:inherit;font-weight:600;margin-left:auto;margin-right:24px}
.gallery-view header #developments-menu{color:#004ACA}
.case-client{font-weight:650!important}
#case-modal{width:92vw;max-width:1500px;box-sizing:border-box;max-height:90vh;overflow:auto}
#case-modal #case-close{position:sticky;top:0;z-index:3;background:#fff}
#case-description{max-width:78ch}
body:has(#case-modal[open]){overflow:hidden}
@media(max-width:600px){#case-modal{width:calc(100vw - 24px);padding:16px}header #developments-menu{margin-right:8px}.preview{display:none}}

header #solutions-menu{color:inherit;font-weight:650;margin-left:auto;margin-right:20px}header #developments-menu{margin-left:0}.gallery-view header #solutions-menu{color:#004ACA}#case-return{position:sticky;top:0;z-index:3;background:#fff;color:#004ACA;border:1px solid #004ACA;border-radius:12px;padding:10px 14px;margin:0 12px 16px 0;font-weight:600}#case-return:focus-visible,#solutions-menu:focus-visible{outline:3px solid #004ACA;outline-offset:3px}@media(max-width:600px){header{flex-wrap:wrap;gap:10px}header #solutions-menu{margin-right:6px}}
.gallery-contact{padding:40px 0;text-align:center}#gallery-contact{background:linear-gradient(90deg,#E9C75F 0%,#FFE66A 100%);color:#004ACA;border:1px solid #D8B852;box-shadow:0 1px 0 #D8B852}#contact-status{color:#002075}
#panel-0 .scope.xr-technologies{display:block!important;color:#FFE66A;font-size:12px;font-weight:400}
/* Movimiento acotado a tarjetas de desarrollos E. */
#case-grid .case-card{transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}
@media(hover:hover) and (pointer:fine){#case-grid .case-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,74,202,.14);border-color:#004ACA}#case-grid .case-card:active{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,74,202,.12)}}
#case-grid .case-card:focus-within{border-color:#004ACA;box-shadow:0 0 0 2px rgba(0,74,202,.18)}
#case-grid .case-card button:active{box-shadow:inset 0 0 0 2px #004ACA}
@media(prefers-reduced-motion:reduce){#case-grid .case-card{transition:none!important}#case-grid .case-card:hover,#case-grid .case-card:active{transform:none!important}}
#case-grid .case-card{cursor:pointer}

.case-labels{margin:16px 0;font-size:14px;line-height:1.5;color:#002075}.case-labels>div{margin:7px 0}.case-labels dt{font-weight:700;color:#004ACA;display:inline}.case-labels dt::after{content:': '}.case-labels dd{display:inline;margin:0}#case-tech .case-labels{max-width:78ch}

.card-stores{display:flex;flex-wrap:wrap;gap:0;margin:12px -12px 0}.card-stores a{display:inline-flex;padding:12px;border-radius:8px}.card-stores img{height:40px;width:auto;display:block;max-width:none}.card-stores a:focus-visible{outline:3px solid #004ACA;outline-offset:0}
/* CTA uniforme al pie de cada fila, altura natural en móvil. */
#case-grid .case-card{display:flex;flex-direction:column;align-items:stretch}
#case-grid .case-card>.case-thumb{flex-shrink:0}
#case-grid .case-card>[data-case]{align-self:flex-start;margin-top:auto;min-height:51px;padding:16px 20px;font-size:15px;line-height:1.2}
#case-grid .case-card>.case-labels,#case-grid .case-card>.card-stores{margin-bottom:16px}
@media(max-width:750px){#case-grid .case-card>[data-case]{margin-top:16px}}

/* E: separación de galería y estados de filtros por uso. */
#xr-page{max-width:1560px;padding-left:3%;padding-right:3%}
#case-grid{column-gap:36px;row-gap:28px}
#filters button{font-weight:600;border-width:2px;transition:background-color 160ms ease,color 160ms ease}
#filters button[aria-pressed="true"]{background:#004ACA;color:#fff;box-shadow:inset 0 -3px 0 #FFE66A}
@media(hover:hover){#filters button:hover{background:#004ACA;color:#fff}}
#filters button:focus-visible{outline:3px solid #004ACA;outline-offset:4px}
@media(max-width:1050px){#case-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}
@media(max-width:650px){#case-grid{grid-template-columns:1fr;gap:24px}#xr-page{padding-left:5%;padding-right:5%}}
@media(prefers-reduced-motion:reduce){#filters button{transition:none}}

/* Filtros E: esquinas suaves, sin alterar hit area ni estados. */
#filters button{border-radius:12px}

#case-media>img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border-radius:16px}

/* Corrección localizada de lectura: evita dialog p heredado del tema oscuro. */
#case-modal #case-description{color:#002075;opacity:1;font-weight:550}

/* Igualar todas las filas de tarjetas; móvil conserva altura natural. */
@media(min-width:651px){#case-grid{grid-auto-rows:1fr}}
@media(max-width:650px){#case-grid{grid-auto-rows:auto}}

/* Lectura amplia aprobada, con márgenes interiores simétricos. */
#case-modal #case-description{max-width:none;width:auto;margin-left:clamp(8px,1.2vw,20px);margin-right:clamp(8px,1.2vw,20px);text-align:left}

/* Miniaturas: neutralizar margen heredado de los vídeos de detalle. */
#xr-page .case-thumb video{margin:0;padding:0;width:100%;height:100%;max-height:none;min-height:0;box-sizing:border-box;object-fit:contain;object-position:center;border:0;border-radius:0;display:block;background:#000}
.case-thumb:has(video){background:#000}

/* Filtros móviles uniformes; escritorio conserva su fila. */
@media(max-width:650px){#filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;overflow:visible}#filters button{width:100%;min-width:0;min-height:80px;height:100%;box-sizing:border-box;white-space:normal;overflow-wrap:normal;font-size:16px;line-height:1.35;padding:12px 10px;margin:0;grid-column:auto}}
@media(max-width:359px){#filters{grid-template-columns:1fr}#filters button{min-height:60px}}

.case-thumb{position:relative}.case-provisional{position:absolute;bottom:12px;left:12px;background:#002075;color:#fff;padding:8px 12px;border-radius:8px;font-size:14px}

/* Acciones de tarjetas azules; CTA principal conserva el dorado. */
#case-grid .case-card>.cta[data-case]{background:linear-gradient(110deg,#004ACA,#002075);color:#fff;border:1px solid #004ACA;box-shadow:none}
#case-grid .case-card>.cta[data-case]:hover{background:#002075;color:#fff;border-color:#0063DC;filter:none}
#case-grid .case-card>.cta[data-case]:focus-visible{outline:3px solid #004ACA;outline-offset:3px}
/* Portada original completa: conservar foto y tres logos sin recortes. */
#case-grid .case-thumb:has(img[src$="portada-registro-fotografico.png"]){aspect-ratio:16/9;background:#061426}
#case-grid .case-thumb img[src$="portada-registro-fotografico.png"]{object-fit:contain;background:#061426}

/* Detalle: medios y acciones compartidas */
#case-media img,#case-media video,#case-media iframe{border-radius:16px}#case-media{border-radius:16px;overflow:hidden}.case-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}.case-actions .cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;text-decoration:none}#case-invitation{padding:20px;background:#edf3ff;border-radius:14px;line-height:1.65;color:#002075}.case-contact:focus-visible{outline:3px solid #004aca;outline-offset:4px}

/* Intrinsic image height must not expand the common 16:9 thumbnail. */
#case-grid .case-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;min-height:0;background:#061426}#case-grid .case-thumb>img,#case-grid .case-thumb>video{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;object-position:center;margin:0;padding:0;display:block}#case-grid .case-thumb>span{position:relative;z-index:1}

#case-grid .case-thumb>.case-media-pending{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;color:#dcefff;background:linear-gradient(135deg,#143454,#061426);font-size:20px;font-weight:700;line-height:1.4}.case-media-pending small{font-size:15px;font-weight:400;color:#c4d4e5}.case-pending-detail{padding:30px;border:1px dashed #9aafc4;border-radius:16px;background:#edf3fa;color:#163655;text-align:center}

/* Fondo exclusivo del catálogo visible; ONE incrustado mantiene xr-page hidden. */
body.gallery-view:has(#xr-page:not([hidden])){background-color:#f5faff;background-image:linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.72)),url("assets/logos/fondo-catalogo-desarrollos.png");background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat;background-attachment:fixed}