/* ======================================================================
   DIFUSOR V122 · SISTEMA VISUAL DE PÁGINAS INTERNAS
   Unifica Servicios + Infraestructura con el lenguaje del Home y revisa
   las fichas de Difusor/Servicios para mantener lectura cómoda.
   ====================================================================== */

/* Header interno: mismo vidrio liviano del sitio principal */
body.v73-internal .nav{
  background:rgba(6,19,27,.30)!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
  -webkit-backdrop-filter:blur(17px) saturate(118%)!important;
  backdrop-filter:blur(17px) saturate(118%)!important;
}
body.v73-internal .nav.v73-scrolled,
body.v73-internal .nav.is-scrolled{
  background:rgba(6,19,27,.36)!important;
}

/* Contenedores: mismas superficies recortadas y redondeadas de la Home */
body.v73-internal main .v75-cutout-panel{
  border-radius:27px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 24px 70px rgba(1,10,15,.22)!important;
}
body.v73-internal .v75-cutout-panel.v75-light{
  --v75-surface:rgba(244,248,249,.89)!important;
}
body.v73-internal .v75-cutout-panel.v75-dark{
  --v75-surface:rgba(5,19,27,.72)!important;
}
body.v73-internal .v75-panel-surface{
  -webkit-backdrop-filter:blur(15px) saturate(108%)!important;
  backdrop-filter:blur(15px) saturate(108%)!important;
}

/* Hero interno: cinematográfico, no una página ajena al Home */
body.service-page-body.v73-internal .page-hero,
body.v73-internal .infra-hero{
  border-color:rgba(178,225,242,.14)!important;
}
body.service-page-body.v73-internal .page-hero .service-fact,
body.v73-internal .infra-proof>div{
  border:1px solid rgba(199,232,244,.15)!important;
  background:rgba(8,30,41,.48)!important;
  box-shadow:0 9px 26px rgba(0,0,0,.13)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  backdrop-filter:blur(10px)!important;
}

/* Todas las secciones de contenido usan lectura clara, aunque conserven clases antiguas dark/soft/white */
body.service-page-body.v73-internal .page-section:not(.page-hero),
body.v73-internal .infra-main-section{
  color:#173746!important;
}
body.service-page-body.v73-internal .page-section:not(.page-hero) h2,
body.service-page-body.v73-internal .page-section:not(.page-hero) h3,
body.service-page-body.v73-internal .page-section:not(.page-hero) .step b,
body.v73-internal .infra-main-section h2,
body.v73-internal .infra-main-section h3{
  color:#10394b!important;
}
body.service-page-body.v73-internal .page-section:not(.page-hero) .kicker,
body.v73-internal .infra-main-section .kicker{
  color:#0d5678!important;
}
body.service-page-body.v73-internal .page-section:not(.page-hero) .head p,
body.service-page-body.v73-internal .page-section:not(.page-hero) .section-lead,
body.service-page-body.v73-internal .page-section:not(.page-hero) p,
body.v73-internal .infra-main-section .head p{
  color:#425f6b!important;
}

/* Tarjetas internas: mismo criterio de tarjeta clara y contenida */
body.service-page-body.v73-internal .page-section:not(.page-hero) .card,
body.service-page-body.v73-internal .page-section:not(.page-hero) .step,
body.v73-internal .infra-main-section .infra-card{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,252,.94))!important;
  border:1px solid rgba(13,86,120,.14)!important;
  color:#173746!important;
  box-shadow:0 10px 28px rgba(4,23,34,.065)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
}
body.service-page-body.v73-internal .page-section:not(.page-hero) .card:hover,
body.service-page-body.v73-internal .page-section:not(.page-hero) .step:hover,
body.v73-internal .infra-main-section .infra-card:hover{
  border-color:rgba(13,86,120,.34)!important;
  box-shadow:0 18px 42px rgba(13,86,120,.12),0 7px 18px rgba(4,23,34,.06)!important;
}
body.service-page-body.v73-internal .page-section:not(.page-hero) .card p,
body.service-page-body.v73-internal .page-section:not(.page-hero) .step p,
body.v73-internal .infra-main-section .infra-card p{
  color:#45616c!important;
}
body.service-page-body.v73-internal .page-section:not(.page-hero) .card .num,
body.service-page-body.v73-internal .page-section:not(.page-hero) .step strong,
body.v73-internal .infra-main-section .infra-card .num{
  color:#0d5678!important;
}

/* CTA de cada servicio: vidrio oscuro sobre el mismo reel */
body.service-page-body.v73-internal .contactbox,
body.v73-internal .infra-cta{
  border:1px solid rgba(180,226,244,.20)!important;
  background:linear-gradient(135deg,rgba(5,23,33,.84),rgba(8,42,58,.74))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.20)!important;
  -webkit-backdrop-filter:blur(12px) saturate(112%)!important;
  backdrop-filter:blur(12px) saturate(112%)!important;
}
body.service-page-body.v73-internal .contactbox h2,
body.service-page-body.v73-internal .contactbox p,
body.v73-internal .infra-cta h2,
body.v73-internal .infra-cta p{
  color:#fff!important;
}
body.service-page-body.v73-internal .contactbox p,
body.v73-internal .infra-cta p{color:rgba(237,247,250,.78)!important}

/* Infraestructura: chips y líneas con menos dureza y mejor jerarquía */
body.v73-internal .infra-main-section .capability-line{
  background:#eaf3f6!important;
  border-color:#d2e3e9!important;
  color:#2d5362!important;
}
body.v73-internal .infra-main-section .tags2 span{
  background:#fbfdfe!important;
  border-color:#d6e3e8!important;
  color:#385966!important;
}
body.v73-internal .infra-main-section .equipment-label{
  color:#607b87!important;
}

/* Fichas abiertas de Servicios y Difusor: terminar de homologar bordes y bloques */
body.v73-home .service-detail-inner,
body.v73-home .origin-detail-inner,
body.v73-home .timeline-detail-inner{
  border-radius:23px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
}
body.v73-home .service-detail-list li,
body.v73-home .origin-quote,
body.v73-home .timeline-detail-highlight{
  border-radius:13px!important;
}
body.v73-home .origin-story p,
body.v73-home .timeline-detail-story p{
  max-width:68ch!important;
}

@media(max-width:650px){
  body.v73-internal main .v75-cutout-panel{border-radius:20px!important}
  body.service-page-body.v73-internal .page-section:not(.page-hero) .card,
  body.service-page-body.v73-internal .page-section:not(.page-hero) .step,
  body.v73-internal .infra-main-section .infra-card{border-radius:15px!important}
}