/* SUNERGEO REV5 · Ajustes puntuales de Inicio
   Alcance:
   1) Título h1 del hero de Inicio.
   2) Trayectoria luminosa en S inspirada en el isotipo.
   No cambia textos, fotografías, botones, navegación ni contenidos del Gestor.
*/

#view-home > .hero .shell > div:first-child > h1,
#view-home .hero > .shell > div:first-child > h1 {
  font-size: clamp(38px, 3.8vw, 58px) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.035em !important;
  max-width: 100%;
  text-wrap: pretty;
}

@media (min-width: 981px) and (max-width: 1250px) {
  #view-home > .hero .shell > div:first-child > h1,
  #view-home .hero > .shell > div:first-child > h1 {
    font-size: clamp(37px, 3.6vw, 48px) !important;
    line-height: 1.18 !important;
  }
}

@media (max-width: 980px) {
  #view-home > .hero .shell > div:first-child > h1,
  #view-home .hero > .shell > div:first-child > h1 {
    font-size: clamp(37px, 6vw, 56px) !important;
    line-height: 1.17 !important;
  }
}

@media (max-width: 640px) {
  #view-home > .hero .shell > div:first-child > h1,
  #view-home .hero > .shell > div:first-child > h1 {
    font-size: clamp(34px, 9vw, 46px) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.025em !important;
  }
}

/* Ajuste fotográfico exclusivo: no altera geometría REV5. */
#view-home .hero .sunergeo-c4-s-host,
#view-security .page-hero .sunergeo-c4-s-host,
#view-experience .page-hero .sunergeo-c4-s-host,
#view-claims .page-hero .sunergeo-c4-s-host { position: relative; }

/* La ruta anterior NO se elimina del tema; solo se oculta en los
   tres visuales donde la nueva S la reemplaza. */
#view-home .hero .route-overlay,
#view-security .page-hero .route-overlay,
#view-experience .page-hero .route-overlay,
#view-claims .page-hero .route-overlay { opacity: 0 !important; }

#view-home .hero .sunergeo-c4-s-route,
#view-security .page-hero .sunergeo-c4-s-route,
#view-experience .page-hero .sunergeo-c4-s-route,
#view-claims .page-hero .sunergeo-c4-s-route {
  position: absolute;
  inset: 0;
  z-index: 8;
  pointer-events: none;
  overflow: hidden;
  border-radius: inherit;
}

.sunergeo-c4-s-route .sunergeo-c4-svg {
  position: absolute;
  inset: 5%;
  width: 90%;
  height: 90%;
  overflow: visible;
}
.sunergeo-c4-s-route .sunergeo-c4-s-guide {
  fill: none;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-dasharray: 9 17;
  opacity: .66;
}
.sunergeo-c4-s-route .sunergeo-c4-orbiter {
  opacity: .98;
}
@media (max-width: 640px) {
  .sunergeo-c4-s-route .sunergeo-c4-s-guide {
    opacity: .59;
    stroke-width: 6;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sunergeo-c4-s-route .sunergeo-c4-s-guide { opacity: .50; }
}


/* Claims 4. Una única capa luminosa por fotografía: cualquier ruta
   decorativa previa queda invisible sin borrar fotos ni HTML del tema. */
#view-home .hero .sunergeo-c4-legacy-hidden,
#view-security .page-hero .sunergeo-c4-legacy-hidden,
#view-experience .page-hero .sunergeo-c4-legacy-hidden,
#view-claims .page-hero .sunergeo-c4-legacy-hidden,
#view-dg .flow .sunergeo-c4-legacy-hidden { display: none !important; }

/* REV5 puede traer capas adicionales del tema en las fotografías.
   El efecto nuevo se mantiene delante y los controles siguen accesibles. */
#view-home .hero .hero-visual > .sunergeo-c4-legacy-hidden { display:none !important; }

/* Mercancías peligrosas: en escritorio la línea recta del tema se sustituye
   por una sola curva entre los cinco círculos originales. */
@media (min-width:981px) {
  #view-dg .flow.sunergeo-c4-compliance-active::before,
  #view-dg .flow.sunergeo-c4-compliance-active::after {
    display: none !important;
    content: none !important;
  }
  #view-dg .flow.sunergeo-c4-compliance-active > .sunergeo-c4-compliance {
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
  }
  #view-dg .flow.sunergeo-c4-compliance-active .sunergeo-c4-compliance-svg {
    width:100%;height:100%;display:block;overflow:visible;
  }
  #view-dg .flow.sunergeo-c4-compliance-active .sunergeo-c4-compliance-path {
    fill:none;
    stroke:#71c6d7;
    stroke-width:2;
    stroke-linecap:round;
    stroke-dasharray:5 8;
    opacity:.8;
  }
  #view-dg .flow.sunergeo-c4-compliance-active .flow-step {position:relative;z-index:1;}
}
@media (max-width:980px) {
  #view-dg .sunergeo-c4-compliance {display:none !important;}
}

/* Siniestros y reclamaciones: recorrido corto, más discreto y bajo.
   No modifica ninguna fotografía ni las trayectorias de las otras vistas. */
#view-claims .page-hero .sunergeo-c4-s-svg {
  inset: 8% 5% 3% 5%;
  width: 90%;
  height: 89%;
}
#view-claims .page-hero .sunergeo-c4-s-guide {
  stroke-width: 4;
  stroke-dasharray: 8 17;
  opacity: .44;
}
#view-claims .page-hero .sunergeo-c4-orbiter { opacity: .86; }
@media (max-width: 640px) {
  #view-claims .page-hero .sunergeo-c4-s-guide { opacity: .42; stroke-width: 4.5; }
}


/* Claims 4 — Cierre Inicio editorial, v1.3.3.
   Mantiene literalmente los textos, cifras, botones e imágenes de REV5.
   La experiencia/cobertura y Control Operativo pasan a una franja secundaria
   bajo el hero: la primera pantalla muestra sólo mensaje, acciones y foto. */
@media (min-width: 981px) {
  #view-home .hero { min-height: 590px !important; }
  #view-home .hero > .shell {
    min-height: 590px !important;
    grid-template-columns: minmax(0,1.13fr) minmax(0,.87fr) !important;
    gap: clamp(24px, 3.1vw, 45px) !important;
    padding-block: 62px !important;
  }
  #view-home .hero .hero-visual { height: clamp(390px,36vw,490px) !important; }
  #view-home .hero .hero-photo { inset: 0 0 0 0 !important; }
}
#view-home .hero .eyebrow {
  font-size: 10px !important;
  letter-spacing: .105em !important;
  line-height: 1.5 !important;
  max-width: 610px;
  opacity: .85;
}
#view-home .hero .shell > div:first-child > h1 {
  font-size: clamp(37px, 3.15vw, 49px) !important;
  line-height: 1.17 !important;
  letter-spacing: -.035em !important;
  max-width: 600px !important;
  margin-top: 14px !important;
  text-wrap: pretty;
}
#view-home .hero .lede {
  margin-top: 22px !important;
  font-size: clamp(14px, 1.14vw, 16px) !important;
  line-height: 1.72 !important;
  max-width: 590px !important;
}
#view-home .hero .hero-actions { margin-top: 28px !important; gap: 12px !important; }
#view-home .hero .hero-actions .cta { min-height: 45px; }

/* Secondary editorial proof strip: content is relocated, not deleted. */
#view-home > .sunergeo-c4-proof-strip {
  background: #f6f8fa;
  border-bottom: 1px solid #e6eaf0;
}
#view-home .sunergeo-c4-proof-strip > .shell {
  max-width: 1220px;
  margin-inline: auto;
  padding: 24px 28px;
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(225px, .9fr);
  gap: clamp(18px, 3vw, 48px);
  align-items: center;
}
#view-home .sunergeo-c4-proof-strip .trustline {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 15px clamp(18px, 2.5vw, 40px) !important;
  color: #56697e !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}
#view-home .sunergeo-c4-proof-strip .trustline > span { flex: 1 1 130px; }
#view-home .sunergeo-c4-proof-strip .trustline b {
  display: block;
  color: #0e2948 !important;
  font-size: 15px !important;
  margin-bottom: 3px;
}
#view-home .sunergeo-c4-proof-strip .control-card {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  z-index: auto !important;
  padding: 15px 17px !important;
  border: 1px solid #e2e8ee !important;
  box-shadow: none !important;
  border-radius: 13px !important;
  background: white;
}
#view-home .sunergeo-c4-proof-strip .control-card strong {
  font-size: 16px !important;
  margin: 5px 0 !important;
}
#view-home .sunergeo-c4-proof-strip .control-card .signal {
  font-size: 11px !important;
  margin-top: 6px !important;
}
@media (max-width: 980px) {
  #view-home .hero .shell > div:first-child > h1 {
    font-size: clamp(34px, 5vw, 45px) !important;
    line-height: 1.2 !important;
  }
  #view-home .hero .shell { padding-block: 42px 48px !important; }
  #view-home .hero .hero-visual { min-height: 330px; height: clamp(330px,53vw,435px) !important; }
  #view-home .hero .hero-photo { inset: 0 !important; }
  #view-home .sunergeo-c4-proof-strip > .shell {
    grid-template-columns: 1fr;
    padding-block: 22px;
  }
}
@media (max-width: 640px) {
  #view-home .hero .shell > div:first-child > h1 {
    font-size: clamp(32px, 8.4vw, 40px) !important;
    line-height: 1.18 !important;
  }
  #view-home .hero .lede { font-size: 15px !important; line-height: 1.66 !important; }
  #view-home .hero .hero-actions { gap: 10px !important; }
  #view-home .hero .hero-visual { min-height: 290px; height: 300px !important; }
  #view-home .sunergeo-c4-proof-strip > .shell { padding: 22px 20px; }
  #view-home .sunergeo-c4-proof-strip .trustline > span { flex: 1 1 120px; }
}

/* Claims 4 / 23-oct — Inicio sin métricas duplicadas; el bloque amplio de
   logros de la sección Experiencia permanece intacto. No afecta otras vistas. */
#view-home .hero .trustline,
#view-home .sunergeo-c4-proof-strip .trustline { display: none !important; }

#view-home > .sunergeo-c4-proof-strip > .shell {
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
  padding-top: 28px !important;
  padding-bottom: 34px !important;
  min-height: 145px;
}
#view-home > .sunergeo-c4-proof-strip .control-card {
  width: min(100%, 370px) !important;
  max-width: 100%;
  margin: 0 !important;
}
#view-home > .audience-strip .audience-row {
  padding-top: 24px !important;
  padding-bottom: 25px !important;
  row-gap: 14px !important;
}
@media (max-width: 980px) {
  #view-home > .sunergeo-c4-proof-strip > .shell {
    min-height: auto;
    justify-content: stretch;
    padding-top: 28px !important;
    padding-bottom: 36px !important;
  }
  #view-home > .sunergeo-c4-proof-strip .control-card {
    width: 100% !important;
  }
  #view-home > .audience-strip .audience-row {
    padding-top: 24px !important;
    padding-bottom: 26px !important;
  }
}
@media (max-width: 640px) {
  #view-home > .sunergeo-c4-proof-strip > .shell {
    padding-top: 23px !important;
    padding-bottom: 31px !important;
  }
  #view-home > .audience-strip .audience-row { gap: 10px !important; }
  #view-home > .audience-strip .audience-row > b {
    flex-basis: 100%;
    margin-bottom: 3px;
  }
}


/* Claims 4 / 23-oct — Ajuste rápido solicitado:
   eliminar la tarjeta "Control operativo" del tramo editorial bajo el hero
   y dejar únicamente la franja "Trabajamos con" mejor centrada y respirada. */
#view-home > .sunergeo-c4-proof-strip,
#view-home .hero .control-card,
#view-home .sunergeo-c4-proof-strip .control-card { display: none !important; }

#view-home > .audience-strip .audience-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  column-gap: 12px !important;
  row-gap: 14px !important;
  padding-top: 26px !important;
  padding-bottom: 28px !important;
}
#view-home > .audience-strip .audience-row > b {
  flex: 0 0 auto !important;
  margin: 0 4px 0 0 !important;
}
@media (max-width: 640px) {
  #view-home > .audience-strip .audience-row {
    justify-content: flex-start !important;
    padding-top: 22px !important;
    padding-bottom: 24px !important;
  }
  #view-home > .audience-strip .audience-row > b {
    flex-basis: 100% !important;
    margin: 0 0 2px 0 !important;
  }
}
