/* CIRCULOHUB | V24 | Homologación proporcional de Producción
   Basado en comparación visual a 1440, 1024, 768, 390 y 320 px.
   Home V16 e Influencer V19 se mantienen intactos; solo corrige el mayor tamaño residual de Producción.
   Tipografía propietaria NO incluida hasta contar con una webfont licenciada. */
.pr-page .site-header{height:78px}
.pr-page .header-inner{gap:26px}
.pr-page .brand{width:173px}
.pr-page .desktop-nav{gap:27px;font-size:12px}
.pr-page .header-cta{font-size:12px;min-width:116px;gap:18px;padding:12px 16px}
.pr-page .pr-sectionline,.pr-page .pr-eyebrow,.pr-page .pr-hero-bottom{font-size:10px}
.pr-page .pr-hero h1{font-size:clamp(30px,3.10vw,49px);line-height:1.23;margin:23px 0}
.pr-page .pr-hero-copy>p{font-size:clamp(14px,1.18vw,17px);max-width:500px;line-height:1.58}
.pr-page .pr-intro h2{font-size:clamp(30px,4.05vw,62px);line-height:1.18}
.pr-page .pr-heading-row h2{font-size:clamp(32px,3.6vw,61px);line-height:1.17}
.pr-page .pr-heading-row>p{font-size:15px}
.pr-page .pr-feature h3{font-size:clamp(28px,3.40vw,52px)}
.pr-page .pr-process-head h2{font-size:clamp(32px,4.45vw,71px)}
.pr-page .pr-step h3{font-size:clamp(19px,2.18vw,32px)}
.pr-page .pr-end h2{font-size:clamp(37px,5.25vw,83px)}
/* Identidad uniforme en el cierre, sin tocar la estructura aprobada */
.pr-page .footer-top{padding:52px 0 62px;gap:30px}
.pr-page .footer-top img{width:185px;height:auto}
.pr-page .footer-top p{font-size:clamp(14px,1.4vw,18px)}
.pr-page .footer-top nav{font-size:12px}
.pr-page .footer-bottom{font-size:10px}
@media(max-width:1250px){
  .pr-page .pr-hero h1{font-size:clamp(29px,3.10vw,45px)}
}
@media(max-width:850px){
  .pr-page .site-header{height:70px}
  .pr-page .brand{width:160px}
  .pr-page .mobile-menu:not([hidden]){top:69px}
  .pr-page .mobile-menu a{font-size:18px}
  .pr-page .pr-hero h1{font-size:clamp(31px,5.1vw,44px)}
  .pr-page .pr-hero-stage{min-height:0;height:470px}
  .pr-page .pr-intro h2{font-size:clamp(30px,5.5vw,45px)}
  .pr-page .pr-heading-row h2{font-size:clamp(30px,4.9vw,42px)}
  .pr-page .pr-feature h3{font-size:clamp(27px,4vw,43px)}
  .pr-page .pr-process-head h2{font-size:clamp(30px,5.6vw,52px)}
  .pr-page .pr-step h3{font-size:clamp(20px,3.0vw,26px)}
}
@media(max-width:650px){
  .pr-page .site-header{height:66px}
  .pr-page .brand{width:146px}
  .pr-page .mobile-menu:not([hidden]){top:65px}
  .pr-page .pr-hero-grid{padding:38px 0 38px;gap:10px}
  .pr-page .pr-hero h1{font-size:clamp(24px,6.15vw,31px);line-height:1.25;margin:23px 0}
  .pr-page .pr-hero-copy>p{font-size:14px}
  .pr-page .pr-hero-stage{min-height:0;height:383px;max-width:465px}
  .pr-page .pr-intro h2{font-size:clamp(27px,7vw,34px)}
  .pr-page .pr-heading-row h2{font-size:clamp(26px,6.65vw,35px)}
  .pr-page .pr-feature h3{font-size:clamp(27px,6.9vw,39px)}
  .pr-page .pr-process-head h2{font-size:clamp(29px,6.8vw,40px)}
  .pr-page .pr-step h3{font-size:clamp(19px,5vw,25px)}
  .pr-page .pr-end h2{font-size:clamp(32px,7.6vw,49px)}
  .pr-page .footer-top img{width:165px}
  .pr-page .footer-top{padding:48px 0 52px}
}
@media(max-width:360px){
  .pr-page .pr-hero-stage{min-height:0;height:330px}
  .pr-page .pr-hero h1{font-size:24px}
}
/* En móviles compactos evitamos el salto de línea del rótulo editorial del hero. */
@media(max-width:650px){
  .pr-page .pr-eyebrow span:last-child{display:none}
  .pr-page .pr-eyebrow span:first-child{max-width:none}
}