/* CIRCULOHUB V19 — Escala de Influencer Marketing y bloque Ideas con impacto.
   Exclusivo para la página Influencer Marketing; no afecta al Home ni a Producción. */
.im-page { --container:1180px; }
.im-page .im-pad { padding:clamp(74px,8vw,132px) 0; }
.im-page .site-header{height:78px}
.im-page .header-inner{gap:28px}
.im-page .brand{width:170px}
.im-page .desktop-nav{gap:27px;font-size:12px}
.im-page .header-cta{font-size:12px;min-width:116px;gap:18px;padding:11px 16px}
.im-page .footer-top{padding:54px 0 60px;gap:30px}
.im-page .footer-top img{width:184px;height:auto}
.im-page .footer-top p{font-size:clamp(14px,1.25vw,18px)}
.im-page .footer-top nav{gap:11px;font-size:12px}
.im-page .footer-bottom{font-size:10px}
.im-page .im-section-topline,.im-page .im-overline,.im-page .im-hero-end,.im-page .im-smallcap{font-size:10px}

@media(min-width:851px){
  .im-page .im-hero-grid{min-height:570px;padding:42px 0 52px;gap:2.6vw;grid-template-columns:minmax(0,1fr) minmax(345px,.95fr)}
  .im-page .im-hero h1{font-size:clamp(25px,2.58vw,45px);margin:24px 0 23px;line-height:1.22}
  .im-page .im-hero-copy>p{font-size:clamp(15px,1.15vw,17px);max-width:510px;margin-bottom:25px}
  .im-page .im-hero-art{height:515px}
  .im-page .im-frame-a{top:75px;height:340px}
  .im-page .im-frame-b{top:20px;height:270px}
  .im-page .im-frame-c{bottom:5px;height:230px}
  .im-page .im-art-ring{inset:45px 30px 30px 30px}
  .im-page .im-art-ring img{width:73px}
  .im-page .im-art-stamp{font-size:23px}
  .im-page .im-hero-caption{margin-top:51px}
  .im-page .im-philosophy h2{font-size:clamp(30px,4vw,65px)}
  .im-page .im-philosophy-bottom p{font-size:clamp(16px,1.25vw,19px)}
  .im-page .im-philosophy-bottom{margin-top:34px}
  .im-page .im-what-grid{margin-top:76px}
  .im-page .im-what-grid article{padding:22px 19px 26px;min-height:188px}
  .im-page .im-what-grid h3{font-size:clamp(16px,1.25vw,20px);margin:29px 0 10px}
  .im-page .im-method h2{font-size:clamp(40px,5.5vw,88px)}
  .im-page .im-method-heading{padding-bottom:37px}
  .im-page .im-method-heading p{font-size:15px}
  .im-page .im-step{grid-template-columns:82px 1fr 58px;padding:24px 0;gap:24px}
  .im-page .im-step h3{font-size:clamp(20px,1.86vw,28px)}
  .im-page .im-method-bottom{padding-top:44px}
  .im-page .im-campaigns h2,.im-page .im-results h2{font-size:clamp(33px,4vw,66px)}
  .im-page .im-campaigns-heading,.im-page .im-results-heading{grid-template-columns:1fr 300px;gap:42px;margin:54px 0 50px}
  .im-page .im-campaigns-heading>p,.im-page .im-results-heading>p{font-size:15px}
  .im-page .im-feature{min-height:505px}
  .im-page .im-feature-info{padding:33px 35px}
  .im-page .im-feature h3{font-size:clamp(27px,2.8vw,43px)}
  .im-page .im-feature-count strong{font-size:43px}
  .im-page .im-case-cover{height:clamp(290px,31vw,440px)}
  .im-page .im-case-play{width:52px;height:52px}
  .im-page .im-case-details{padding:21px 21px 24px}
  .im-page .im-case-details h3{font-size:clamp(19px,1.65vw,23px)}
  .im-page .im-final-cta h2{font-size:clamp(50px,7.2vw,112px);margin:30px 0 51px}
  .im-page .im-cta-actions p{font-size:16px}
  .im-page .im-cta-actions a{padding:14px 18px;min-width:240px}
  .im-page .im-primary{padding:14px 18px;min-width:190px;font-size:12px}
  .im-page .im-secondary{font-size:12px}
  .im-page .im-ticker{height:49px}
  .im-page .im-ticker-track{font-size:12px}
}
/* Tipografías oficiales compartidas con la web: Druk Wide para titulares y cifras;
   Averta / Clash Display para párrafos, leyendas y microtextos. No se incorporan fuentes. */
.im-page .im-results {font-family:var(--font-body);}
.im-page .im-results h2,
.im-page .im-awards-topline h3,
.im-page .im-award h4,
.im-page .im-impact-metric>strong {font-family:var(--font-wide);font-weight:700;}
.im-page .im-impact-kicker,
.im-page .im-impact-metric>p,
.im-page .im-award-label,
.im-page .im-award-project,
.im-page .im-award-description,
.im-page .im-award-tag {font-family:var(--font-body);}
/* Resultados y reconocimientos — sustituye las métricas de campañas previas. */
.im-page .im-results-heading>p strong{color:#fff;font-weight:600}
.im-impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.im-impact-metric{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;padding:26px 23px 27px;min-height:220px;border:1px solid rgba(220,255,159,.72);border-radius:20px;background:linear-gradient(144deg,rgba(220,255,159,.07),rgba(0,0,0,.02) 70%)}
.im-impact-kicker{color:var(--lime);font:700 10px/1.3 var(--font-body);letter-spacing:.13em}
.im-impact-metric>strong{font:700 clamp(39px,4.3vw,60px)/1.1 var(--font-wide);color:var(--lime);letter-spacing:-.06em;white-space:nowrap;margin:auto 0 0}
.im-impact-metric>strong span{font-size:.75em}
.im-impact-metric>p{font-size:clamp(13px,1.07vw,15px);line-height:1.35;font-weight:600;margin:0;color:var(--smoke)}
.im-awards-topline{display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid rgba(245,245,245,.18);padding-top:45px;margin:56px 0 26px}
.im-awards-topline>span{font-size:10px;line-height:1.5;font-weight:700;color:var(--lime);letter-spacing:.14em;max-width:180px}
.im-awards-topline h3{font-size:clamp(23px,2.65vw,36px);line-height:1.16;letter-spacing:-.02em;margin:0;text-align:right}
.im-awards-topline em{font-style:normal;color:var(--sky)}
.im-awards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.im-award{border:1px solid rgba(245,245,245,.18);border-radius:20px;background:#353534;position:relative;overflow:hidden;isolation:isolate;display:flex;min-height:275px;padding:29px;gap:7px}
.im-award:before{content:'';position:absolute;width:320px;height:320px;right:-145px;top:-130px;border-radius:50%;border:1px solid rgba(220,255,159,.12);box-shadow:0 0 0 46px rgba(220,255,159,.025);z-index:-1}
.im-award-copy{position:relative;z-index:2;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.im-award-label{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--lime)}
.im-award h4{font-family:var(--font-wide);font-size:clamp(24px,2.45vw,34px);font-weight:700;line-height:1.15;margin:25px 0 6px;color:#fff}
.im-award-project{font-weight:600;font-size:14px;line-height:1.4;color:var(--sky);margin:0}
.im-award-description{max-width:300px;border-left:2px solid var(--lime);padding-left:11px;font-size:12px;line-height:1.5;color:rgba(245,245,245,.78);margin:22px 0 0}
.im-award>img{align-self:center;width:clamp(110px,13vw,185px);height:auto;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(0,0,0,.18));flex:0 0 auto}
.im-award-gold>img{width:clamp(110px,13vw,187px)}
.im-award-tag{margin-top:19px;display:inline-block;border-radius:50px;background:var(--lime);color:var(--charcoal);padding:8px 12px;font-weight:700;font-size:11px;line-height:1.3}
.im-page .im-results-note{font-size:11px;line-height:1.6;color:rgba(245,245,245,.55);margin-top:22px}
@media(max-width:1050px){
  .im-page .im-hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.85fr)}
  .im-page .im-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .im-page .im-impact-metric:last-child{grid-column:1/-1;min-height:175px}
  .im-page .im-impact-metric{min-height:190px}
  .im-page .im-award{padding:24px;gap:0}
  .im-page .im-award>img{width:110px}
}
@media(max-width:850px){
  .im-page{--container:720px}
  .im-page .site-header{height:72px}
  .im-page .brand{width:162px}
  .im-page .im-hero-grid{grid-template-columns:1fr;min-height:0;padding:52px 0 45px;gap:20px}
  .im-page .im-hero h1{font-size:clamp(27px,5vw,44px)}
  .im-page .im-hero-art{height:465px;max-width:570px}
  .im-page .im-frame-a{height:325px;top:70px}
  .im-page .im-frame-b{height:265px}
  .im-page .im-frame-c{height:218px}
  .im-page .im-hero-caption{margin-top:32px}
  .im-page .im-philosophy h2{font-size:clamp(29px,4.8vw,48px)}
  .im-page .im-method h2{font-size:clamp(38px,6.4vw,65px)}
  .im-page .im-campaigns h2,.im-page .im-results h2{font-size:clamp(33px,5.2vw,52px)}
  .im-page .im-feature-visuals{height:440px}
  .im-page .im-case-cover{height:320px}
  .im-page .im-what-grid article{min-height:190px}
  .im-page .im-final-cta h2{font-size:clamp(50px,8vw,78px)}
  .im-page .im-award{min-height:265px}
}
@media(max-width:630px){
  .im-page .im-pad{padding:72px 0}
  .im-page .site-header{height:68px}
  .im-page .brand{width:150px}
  .im-page .im-hero-grid{padding:40px 0 40px}
  .im-page .im-hero h1{font-size:clamp(21px,5.9vw,34px)}
  .im-page .im-hero-copy>p{font-size:15px}
  .im-page .im-hero-art{height:370px}
  .im-page .im-frame-a{top:50px;height:255px}
  .im-page .im-frame-b{top:10px;height:208px}
  .im-page .im-frame-c{height:174px}
  .im-page .im-philosophy h2{font-size:clamp(25px,6.2vw,37px)}
  .im-page .im-what-grid article{min-height:185px}
  .im-page .im-method h2{font-size:clamp(32px,7.1vw,47px)}
  .im-page .im-campaigns h2,.im-page .im-results h2{font-size:clamp(30px,6.6vw,43px)}
  .im-page .im-feature-info{min-height:355px}
  .im-page .im-feature-visuals{height:355px}
  .im-page .im-case-cover{height:380px}
  .im-page .im-impact-grid{gap:10px}
  .im-page .im-impact-metric{padding:18px 15px 20px;min-height:155px;border-radius:13px;gap:9px}
  .im-page .im-impact-metric:last-child{min-height:150px}
  .im-page .im-impact-kicker{font-size:9px;letter-spacing:.1em}
  .im-page .im-impact-metric>strong{font-size:clamp(34px,8vw,49px)}
  .im-page .im-impact-metric>p{font-size:12px}
  .im-page .im-awards-topline{display:block;margin-top:40px;padding-top:31px}
  .im-page .im-awards-topline h3{text-align:left;margin-top:15px;font-size:clamp(22px,5.7vw,28px)}
  .im-page .im-awards-grid{grid-template-columns:1fr;gap:13px}
  .im-page .im-award{min-height:224px;padding:20px;gap:0}
  .im-page .im-award h4{font-size:25px;margin-top:19px}
  .im-page .im-award-project{font-size:13px}
  .im-page .im-award-description{font-size:12px;margin-top:13px}
  .im-page .im-award>img{width:104px}
  .im-page .im-award-tag{font-size:10px;margin-top:12px}
  .im-page .im-footer{padding:45px 0}
}
@media(max-width:385px){
  .im-page .im-impact-grid{grid-template-columns:1fr 1fr}
  .im-page .im-impact-metric{padding:15px 12px 17px;min-height:150px}
  .im-page .im-impact-metric:last-child{min-height:145px}
  .im-page .im-impact-metric>strong{font-size:31px}
  .im-page .im-award>img{width:86px}
  .im-page .im-award{padding:17px}
  .im-page .im-award-description{font-size:11px}
  .im-page .im-award-tag{font-size:10px}
}