/* Trend Nova — Responsive final lock
   Desktop >= 1101px | Tablet 700–1100px | Mobile <= 699px
   Approved image bank only. */

.reviewBadge{display:none!important}
.desktopNav{display:flex;align-items:center;gap:24px;margin-left:auto}
.desktopNav button{border:0;background:none;color:#dce7eb;font-size:13px;cursor:pointer;padding:8px 0}
.desktopNav button.active{color:var(--cyan)}

/* ===== Approved visual bank, shared by all breakpoints ===== */
.finalHeroGlobe{
  background-image:linear-gradient(180deg,rgba(3,19,29,.02),rgba(3,19,29,.20)),url("Trend_Nova_Mobile_Assets_Final/TN_HOME_Globo_Cinematico_V1.jpg")!important;
  background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
}
.finalHandLens{
  background-image:linear-gradient(180deg,rgba(255,255,255,0),rgba(3,19,29,.10)),url("Trend_Nova_Mobile_Assets_Final/TN_HOME_Lente_Ciudad_V1.jpg")!important;
  background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
}
.finalAboutView{background-image:url("Trend_Nova_Mobile_Assets_Final/TN_NOSOTROS_Nueva_Observacion_PREMIUM.png")!important}
.finalAboutQuestion{background-image:url("Trend_Nova_Mobile_Assets_Final/TN_NOSOTROS_Origen_PREMIUM.png")!important}
.finalFocus{background-image:url("Trend_Nova_Mobile_Assets_Final/TN_SOLUCIONES_Enfoque_PREMIUM.png")!important}
.finalContact{background-image:url("Trend_Nova_Mobile_Assets_Final/TN_CONTACTO_Humano_PREMIUM.png")!important}
.finalAboutView,.finalAboutQuestion,.finalFocus,.finalContact{
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
}

.visual.app,.visual.device,.visual.service,.visual.process{
  background:linear-gradient(145deg,#0b3140,#061923)!important;
}
.visual.app:before,.visual.app:after,.visual.device:before,.visual.device:after,.visual.service:before,.visual.service:after,.visual.process:before,.visual.process:after,.phone{display:none!important}
.visualMedia{
  width:100%;aspect-ratio:16/9;margin-top:16px;border-radius:16px;overflow:hidden;
  border:1px solid rgba(39,232,241,.22);background-size:cover;background-position:center;background-repeat:no-repeat;
}
.appMedia{background-image:url("Trend_Nova_Mobile_Assets_Final/TN_IMPULSO_App_PREMIUM.png")!important;background-position:82% 86%!important}
.deviceMedia{background-image:url("Trend_Nova_Mobile_Assets_Final/TN_IMPULSO_Dispositivo_PREMIUM.png")!important;background-position:center!important}
.serviceMedia{background-image:url("Trend_Nova_Mobile_Assets_Final/TN_IMPULSO_Servicio_PREMIUM.png")!important;background-position:center!important}
.processMedia{background-image:url("Trend_Nova_Mobile_Assets_Final/TN_IMPULSO_Proceso_PREMIUM.png")!important;background-position:center!important}

/* Resources — approved 2x2 composition on Desktop / Tablet; stacked on Mobile */
.resourcesHero{min-height:auto!important;padding:76px 0 22px!important;display:block!important}
.resourcesIntro{text-align:center;max-width:860px}
.resourcesIntro .lead{margin:0 auto;max-width:800px}
.resourcesGallery{padding-top:34px!important}
.resourceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.resourceCard{
  position:relative;overflow:hidden;min-height:0!important;aspect-ratio:4/3;padding:26px!important;
  display:flex;flex-direction:column;justify-content:flex-end;background:#071923!important;
  border:1px solid rgba(39,232,241,.32)!important;border-radius:24px!important;
}
.resourceCard:before{content:"";position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.resourceCard:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,19,28,0) 42%,rgba(4,19,28,.86) 100%)}
.resourceCard>*{position:relative;z-index:2}
.resourceCard:nth-child(1):before{background-image:url("Trend_Nova_Mobile_Assets_Final/TN_RECURSOS_Nueva_Senal_PREMIUM.png")}
.resourceCard:nth-child(2):before{background-image:url("Trend_Nova_Mobile_Assets_Final/TN_RECURSOS_Tendencias_PREMIUM.png")}
.resourceCard:nth-child(3):before{background-image:url("Trend_Nova_Mobile_Assets_Final/TN_RECURSOS_Innovacion_PREMIUM.png")}
.resourceCard:nth-child(4):before{background-image:url("Trend_Nova_Mobile_Assets_Final/TN_RECURSOS_Negocios_PREMIUM.png")}
.resourceCard h3{font-size:27px;line-height:1.08;margin:8px 0 5px}
.resourceCard p{margin:0;color:#d4e4e9}

/* ===== Desktop ===== */
@media (min-width:1101px){
  .tabletShell{width:100%!important;transform:none!important}
  .tabletNavActions,.tabletMenu{display:none!important}
  .desktopNav{display:flex!important}
  .wrap{width:min(1180px,90vw)!important}
  .nav{height:74px!important}
  .brand{font-size:15px!important}
  .hero{min-height:690px!important;padding:34px 0!important}
  .heroGrid,.split{grid-template-columns:1.03fr .97fr!important;gap:55px!important;align-items:center!important}
  h1{font-size:clamp(52px,5.2vw,72px)!important}
  h2{font-size:clamp(34px,3.7vw,50px)!important}
  .lead{font-size:18px!important}
  section{padding:82px 0!important}
  .finalPhoto{aspect-ratio:4/3!important;min-height:0!important;height:auto!important;border-radius:28px!important;overflow:hidden!important}
  .finalHeroGlobe,.finalHandLens{aspect-ratio:4/3!important}
  .photoText{left:28px!important;right:28px!important;bottom:24px!important}
  .photoText.right{left:28px!important;right:28px!important;max-width:none!important;text-align:left!important;align-items:flex-start!important}
  .photoText span{font-size:11px!important}.photoText b{font-size:20px!important;max-width:360px!important}
  .bandin{grid-template-columns:repeat(4,1fr)!important}
  .stat{min-height:112px!important}
  .cards4{grid-template-columns:repeat(4,1fr)!important}
  .cards3{grid-template-columns:repeat(3,1fr)!important}
  .steps{grid-template-columns:repeat(4,1fr)!important}
  .prototype{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}
  .visual{min-height:0!important;padding:20px!important}
  .contactChoice{grid-template-columns:1fr 1fr!important}
  .choice{min-height:300px!important}
  #impulso section .split{align-items:start!important}
  #impulso details{padding:15px 0!important}
  .solutionFlow{min-height:330px!important}
  footer .foot{font-size:12px!important}
}

/* ===== Tablet ===== */
@media (min-width:700px) and (max-width:1100px){
  html,body{width:100%!important;overflow-x:hidden!important}
  .tabletShell{width:100%!important;transform:none!important}
  .tabletNavActions,.tabletMenu{display:none!important}
  .desktopNav{display:flex!important;gap:13px!important}
  .desktopNav button{font-size:10px!important}
  .wrap{width:min(90vw,920px)!important}
  .nav{height:68px!important}
  .brand{font-size:13px!important;letter-spacing:.18em!important}
  .hero{min-height:590px!important;padding:30px 0!important}
  .heroGrid,.split{grid-template-columns:1fr 1fr!important;gap:30px!important;align-items:center!important}
  h1{font-size:clamp(42px,5.2vw,54px)!important;line-height:.98!important}
  h2{font-size:clamp(31px,4vw,40px)!important}
  h3{font-size:20px!important}
  .lead{font-size:16px!important}
  section{padding:64px 0!important}
  .finalPhoto{aspect-ratio:4/3!important;min-height:0!important;height:auto!important;border-radius:24px!important;overflow:hidden!important}
  .photoText{left:22px!important;right:22px!important;bottom:20px!important}
  .photoText.right{left:22px!important;right:22px!important;max-width:none!important;text-align:left!important;align-items:flex-start!important}
  .photoText b{font-size:17px!important}
  .bandin{grid-template-columns:repeat(4,1fr)!important}
  .stat{padding:20px 16px!important;min-height:108px!important;border-bottom:0!important}
  .cards4{grid-template-columns:repeat(2,1fr)!important}
  .cards3{grid-template-columns:repeat(3,1fr)!important}
  .steps{grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
  .num{width:46px!important;height:46px!important}
  .prototype{grid-template-columns:1fr 1fr!important;gap:18px!important}
  .visual{min-height:0!important;padding:18px!important}
  .screenGrid{grid-template-columns:1fr 1fr!important}
  .novaFinalGrid{grid-template-columns:1fr 1fr!important}
  .novaFinalGrid>.tile:nth-child(3){grid-column:1/-1!important}
  .contactChoice{grid-template-columns:1fr 1fr!important}
  .choice{min-height:270px!important;padding:25px!important}
  .pricebox{padding:27px!important}
  .big{font-size:41px!important}
  .resourceGrid{gap:20px!important}
  .resourceCard{border-radius:22px!important;padding:22px!important}
  .resourceCard h3{font-size:23px!important}
  .resourcesHero{padding-top:64px!important}
  footer .foot{font-size:10px!important}
}

/* ===== Mobile: preserve the approved mobile composition ===== */
@media (max-width:699px){
  .desktopNav{display:none!important}
  .tabletNavActions{display:flex!important}
  .quickCta{display:none!important}
  .hamb{display:grid!important}
  .resourcesHero{padding:42px 0 8px!important;min-height:auto!important}
  .resourcesIntro{text-align:left!important;max-width:none!important}
  .resourcesIntro .lead{margin:0!important}
  .resourcesGallery{padding:30px 0 52px!important}
  .resourceGrid{grid-template-columns:1fr!important;gap:22px!important}
  .resourceCard{aspect-ratio:4/3!important;padding:22px!important;border-radius:22px!important}
  .resourceCard h3{font-size:21px!important;line-height:1.08!important}
  .resourceCard p{font-size:13px!important}
  .visualMedia{aspect-ratio:4/3!important;margin-top:18px!important;border-radius:18px!important}
}


/* ===== RECURSOS FIX FINAL 2026-09-09 ===== */
/* Must be last so it wins over generic .hero rules */
#recursos .resourcesHero{
  min-height:0!important;
  height:auto!important;
  padding:46px 0 12px!important;
  display:block!important;
}
#recursos .resourcesGallery{
  padding-top:18px!important;
}
@media (min-width:1101px){
  #recursos .resourcesHero{min-height:0!important;height:auto!important;padding:46px 0 12px!important;}
  #recursos .resourcesGallery{padding:18px 0 82px!important;}
}
@media (min-width:700px) and (max-width:1100px){
  #recursos .resourcesHero{min-height:0!important;height:auto!important;padding:40px 0 10px!important;}
  #recursos .resourcesGallery{padding:16px 0 64px!important;}
}
@media (max-width:699px){
  #recursos .resourcesHero{min-height:0!important;height:auto!important;padding:36px 0 8px!important;}
  #recursos .resourcesGallery{padding:22px 0 52px!important;}
}
#recursos .resourceGrid .resourceCard:first-child::before{
  background-image:url("Trend_Nova_Mobile_Assets_Final/TN_RECURSOS_RADAR_CORRECTO_FINAL.png") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}