/* Capa responsiva compartida del sitio público */
html{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}img,video,iframe,canvas,svg{max-width:100%}img{height:auto}button,input,select,textarea{max-width:100%;font:inherit}h1,h2,h3,p,a,span,strong{overflow-wrap:anywhere}.shell,.home-shell,.brand-shell{max-width:100%}main{min-width:0}table{max-width:100%}

/* Controles cómodos en pantallas táctiles y compatibilidad con el notch. */
@media(pointer:coarse){a,button,input,select,textarea{touch-action:manipulation}.brand-button,.home-button,.button,.bio-link,.notice-action,.rr-join,.rr-install{min-height:44px}}
@supports(padding:max(0px)){.rr-navbar{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.rr-menu{padding-bottom:max(24px,env(safe-area-inset-bottom))}.live-modal,.rr-auth-modal{padding-top:max(10px,env(safe-area-inset-top));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom));padding-left:max(10px,env(safe-area-inset-left))}}

/* Evita que los formularios provoquen zoom automático en iOS. */
@media(max-width:767px){input,select,textarea{font-size:16px}.contact-hero{min-height:auto}.channel,.academy-card,.fight,.result-card{max-width:100%}}

/* Teléfonos en horizontal: prioriza contenido visible y modales desplazables. */
@media(max-height:520px) and (orientation:landscape){.brand-hero,.hero,.contact-hero{min-height:auto!important}.brand-hero-inner,.brand-hero .brand-shell{min-height:auto!important}.brand-hero-copy{padding-top:90px!important}.hero-copy,.hero-copy-pro{padding-top:65px!important;padding-bottom:38px!important}.live-dialog,.rr-auth-dialog{max-height:calc(100dvh - 12px)!important}.live-showcase,.rr-auth-cover{min-height:110px!important}.rr-menu{padding-top:76px!important}}

@media(max-width:1100px){
  .shell,.home-shell,.brand-shell{width:min(100% - 36px,1400px)}
  .brand-hero-copy,.hero-copy,.hero-copy-pro{min-width:0}
  .brand-hero h1,.hero h1,.hero-title-pro{font-size:clamp(3.8rem,9vw,6.8rem)}
  .academy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .layout{min-width:0}
  .fight,.story,.academy-card,.channel{min-width:0}
}

@media(max-width:850px){
  .shell,.home-shell,.brand-shell{width:min(100% - 28px,1400px)}
  .brand-hero{min-height:auto}
  .brand-hero::before{inset:0;background-position:center top}
  .brand-hero::after{background:linear-gradient(0deg,#050607 4%,rgba(5,6,7,.9) 58%,rgba(5,6,7,.25) 100%)}
  .brand-hero-inner,.brand-hero .brand-shell{min-height:680px;align-items:flex-end}
  .brand-hero-copy{width:100%;max-width:none;padding:310px 0 50px}
  .brand-hero h1{font-size:clamp(3.7rem,12vw,6rem)}
  .brand-actions,.hero-actions-pro,.academy-actions{flex-wrap:wrap}
  .wka-intro,.wka-mexico,.rfl-intro,.ruben-intro,.romano-opening,.romano-facilities,.romano-world{grid-template-columns:1fr!important}
  .wka-arena{grid-template-columns:1fr!important}
  .network-academy,.network-academy:nth-child(even){grid-template-columns:1fr!important}
  .network-academy-media{min-height:320px}
  .layout{grid-template-columns:1fr!important}
  .academy-grid{grid-template-columns:1fr}
  .matchup{min-width:0}
  .fighter-card{min-width:0}
  .live-dialog,.rr-auth-dialog{width:min(100%,680px)}
}

@media(max-width:650px){
  .shell,.home-shell,.brand-shell{width:min(100% - 24px,1400px)}
  section{max-width:100%}
  .hero h1,.hero-title-pro,.brand-hero h1,.intro h1{font-size:clamp(3rem,16vw,4.8rem)!important;line-height:.88!important}
  .section-heading-pro,.section-head h2,.brand-section-title{font-size:clamp(2.15rem,11vw,3.4rem)!important;white-space:normal!important;text-align:center}
  .brand-hero-inner,.brand-hero .brand-shell{min-height:620px}
  .brand-hero-copy{padding:280px 0 38px}
  .brand-hero-copy>p,.hero-copy>p,.hero-description-pro{font-size:.84rem;line-height:1.62}
  .brand-actions,.hero-actions-pro,.academy-actions,.bio-actions{display:grid!important;grid-template-columns:1fr;width:100%}
  .brand-button,.home-button,.button,.bio-link{width:100%;justify-content:center;text-align:center}
  .brand-logo-grid,.history-grid-pro,.classes-grid-pro,.purpose-grid,.academy-grid,.results-grid{grid-template-columns:1fr!important}
  .history-card-pro,.purpose-card{min-height:0}
  .fight{padding:12px;border-radius:18px}
  .fight-header{align-items:flex-start;flex-direction:column;gap:12px}
  .fight-heading-actions{width:100%}
  .matchup{grid-template-columns:1fr!important;gap:72px}
  .fighter-photo{height:clamp(300px,105vw,420px)}
  .fighter-body{padding:21px 15px}
  .stats{gap:5px}
  .stats div{min-width:0;padding:8px 3px}
  .stats small{font-size:.45rem}
  .event-details{grid-template-columns:1fr!important}
  .countdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .time-box{min-width:0;padding:5px}
  .fight-footer{text-align:center}
  .results-grid{display:grid}
  .result-match{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);padding-inline:9px}
  .result-photo{width:min(78px,23vw);height:min(108px,32vw)}
  .live-modal,.rr-auth-modal{padding:10px}
  .live-dialog,.rr-auth-dialog{max-height:calc(100dvh - 20px);border-radius:18px}
  .live-showcase,.rr-auth-cover{min-height:150px}
  .modal-content,.rr-auth-main{padding:25px 18px}
  .channels{width:100%}
  .channel{grid-template-columns:48px minmax(0,1fr) 30px;gap:11px;padding:16px 12px}
  .channel .icon{width:48px;height:48px}
  .channel strong{font-size:.82rem}
  .channel .arrow{width:29px;height:29px}
  .cta,.cta-strip-inner{min-width:0}
  .wka-team-member,.wka-representatives td{min-width:0}
}

@media(max-width:420px){
  .shell,.home-shell,.brand-shell{width:min(100% - 20px,1400px)}
  .hero h1,.hero-title-pro,.brand-hero h1,.intro h1{font-size:clamp(2.75rem,15vw,4rem)!important}
  .kicker,.hero-kicker-pro,.brand-kicker,.wka-kicker{letter-spacing:.12em!important}
  .stats strong{font-size:1.05rem}
  .countdown-title{letter-spacing:.08em}
  .time-box strong{font-size:1.2rem}
  .time-box small{font-size:.42rem}
  .result-match{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:4px}
  .result-vs{width:32px;height:32px}
  .channel{grid-template-columns:44px minmax(0,1fr);padding:14px 11px}
  .channel .icon{width:44px;height:44px}
  .channel .arrow{display:none}
  .loader{width:100%;padding:30px 16px!important;border-radius:20px!important}
  .loader h1{font-size:clamp(2.8rem,16vw,4rem)!important}
  .status{gap:10px;font-size:.44rem!important;letter-spacing:.07em!important}
}

/* Tablets: 768px a 1023px */
@media(min-width:768px) and (max-width:1023px){
  .shell,.home-shell,.brand-shell{width:min(100% - 40px,1400px)!important}
  .hero-content-pro,.bio-layout,.layout,.brand-hero-inner{min-width:0}
  .brand-logo-grid,.history-grid-pro,.purpose-grid,.classes-grid-pro,.academy-grid,.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bio-layout,.layout,.wka-intro,.wka-mexico,.rfl-intro,.ruben-intro,.romano-opening,.romano-facilities,.romano-world{grid-template-columns:1fr!important}
  .bio-visual{width:min(560px,100%);margin-inline:auto}
  .bio-copy,.intro{min-width:0}
  .home-wka-gallery,.home-showcase-gallery--romano{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-showcase-gallery--rfl{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important}
  .home-showcase-gallery--rfl .home-showcase-photo:nth-child(n){grid-column:auto!important;grid-row:auto!important;min-height:290px}
  .home-showcase-gallery--rfl .home-showcase-photo:first-child{grid-column:1/-1!important}
  .fight,.story,.academy-card,.purpose-card,.history-card-pro{min-width:0}
  .live-dialog,.rr-auth-dialog{width:min(720px,calc(100% - 32px))!important}
}

/* Móviles grandes y phablets: 414px a 767px */
@media(min-width:414px) and (max-width:767px){
  .shell,.home-shell,.brand-shell{width:min(100% - 28px,1400px)!important}
  .brand-logo-grid,.history-grid-pro,.purpose-grid,.classes-grid-pro,.academy-grid,.results-grid,.home-wka-gallery,.home-showcase-gallery--rfl,.home-showcase-gallery--romano{grid-template-columns:1fr!important;grid-template-rows:none!important}
  .home-showcase-gallery--rfl .home-showcase-photo:nth-child(n),.home-showcase-gallery--romano .home-showcase-photo:nth-child(n),.home-wka-photo:nth-child(n){grid-column:auto!important;grid-row:auto!important}
  .hero h1,.hero-title-pro,.brand-hero h1,.intro h1{font-size:clamp(3.35rem,14vw,5.2rem)!important}
  .brand-hero-inner,.brand-hero .brand-shell{min-height:620px!important}
  .brand-hero-copy{padding-top:280px!important}
  .bio-visual{min-height:min(600px,125vw)!important}
  .fighter-photo{height:min(430px,105vw)!important}
  .fight-header,.fight-heading-actions{width:100%}
  .section-head h2,.section-heading-pro{white-space:normal!important;text-align:center}
  .wka-team-sections,.wka-team-group:nth-child(3) .wka-team-list,.wka-team-group--regions .wka-team-list{grid-template-columns:1fr!important}
  .wka-team-group:nth-child(3),.wka-team-group--regions{grid-column:auto!important}
}

/* Móviles estándar: 360px a 413px */
@media(min-width:360px) and (max-width:413px){
  .shell,.home-shell,.brand-shell{width:calc(100% - 20px)!important}
  .hero h1,.hero-title-pro,.brand-hero h1,.intro h1{font-size:clamp(2.9rem,15.5vw,4rem)!important}
  .brand-hero-copy{padding-top:250px!important}
  .bio-visual{min-height:460px!important}
  .bio-visual img{width:140%!important}
  .bio-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .bio-stat{padding-inline:3px!important;text-align:center}
  .bio-stat small{font-size:.4rem!important;letter-spacing:.025em!important}
  .fighter-photo{height:350px!important}
  .fighter-body h3{font-size:2.15rem!important}
  .stats strong{font-size:1.05rem!important}
  .stats small{font-size:.4rem!important}
  .countdown{gap:4px!important}
  .time-box{min-height:70px!important}
  .result-photo{width:72px!important;height:100px!important}
  .modal-content,.rr-auth-main{padding:22px 15px!important}
  .auth-tab,.rr-auth-tab{font-size:.48rem!important;letter-spacing:.05em!important}
  .wka-international,.wka-team-group{padding-right:14px!important;padding-left:14px!important}
}

/* Teléfonos antiguos o compactos: ancho seguro desde 320px */
@media(max-width:359px){
  .shell,.home-shell,.brand-shell{width:calc(100% - 16px)!important}
  .rr-navbar{width:calc(100% - 16px)!important}
  .rr-brand-copy small{display:none}
  .rr-brand-copy strong{font-size:.76rem!important;letter-spacing:.07em!important}
  .hero h1,.hero-title-pro,.brand-hero h1,.intro h1{font-size:2.7rem!important;line-height:.9!important}
  .brand-hero-copy{padding-top:225px!important}
  .kicker,.hero-kicker-pro,.brand-kicker,.wka-kicker{font-size:.48rem!important;letter-spacing:.08em!important}
  .bio-visual{min-height:400px!important}
  .bio-visual img{width:150%!important}
  .bio-stats{grid-template-columns:1fr!important}
  .bio-stat+.bio-stat{border-top:1px solid rgba(255,255,255,.1)!important;border-left:0!important}
  .fighter-photo{height:300px!important}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .stats div{min-height:67px!important}
  .countdown{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .result-photo{width:64px!important;height:90px!important}
  .result-match{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)!important}
  .result-vs{width:28px!important;height:28px!important;font-size:.66rem!important}
  .channel{grid-template-columns:40px minmax(0,1fr)!important}
  .channel .icon{width:40px!important;height:40px!important}
  .channel small{font-size:.43rem!important;letter-spacing:.06em!important}
  .channel strong{font-size:.72rem!important}
  .wka-representatives td{grid-template-columns:74px minmax(0,1fr)!important}
  .wka-team-group h3{font-size:1.3rem!important}
  .live-modal,.rr-auth-modal{padding:5px!important}
  .live-dialog,.rr-auth-dialog{max-height:calc(100dvh - 10px)!important}
  .loader{padding:26px 13px!important}
  .loader h1{font-size:2.65rem!important}
}

/* Biografía de la portada */
.bio-pro{padding:clamp(60px,5vw,82px) 0!important}.bio-layout{gap:clamp(34px,5vw,76px)!important}.bio-visual{min-height:clamp(540px,40vw,610px)!important}.bio-copy{min-width:0}.bio-title{font-size:clamp(3.6rem,5.8vw,6rem)!important}.bio-title .bio-title-line{display:block;color:#fff}.bio-chapter,.bio-stat{min-width:0}
@media(min-width:1024px) and (max-width:1350px){.bio-layout{grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr)!important;gap:38px!important}.bio-visual{min-height:550px!important}.bio-visual img{width:min(560px,138%)!important}.bio-title{font-size:clamp(3.65rem,6vw,5.15rem)!important}.bio-lead{margin-top:18px!important;font-size:.88rem!important}.bio-chapters{gap:8px!important;margin-top:22px!important}.bio-chapter{padding:14px!important}.bio-chapter p{font-size:.61rem!important}.bio-stats{margin-top:18px!important}.bio-stat{padding:17px 9px!important}.bio-actions{margin-top:20px!important}}
@media(min-width:768px) and (max-width:1023px){.bio-pro{padding:62px 0 70px!important}.bio-layout{grid-template-columns:1fr!important;gap:42px!important}.bio-visual{width:min(520px,100%)!important;min-height:590px!important;margin-inline:auto!important}.bio-copy{text-align:center}.bio-title{max-width:760px;margin-inline:auto;font-size:clamp(4rem,10vw,6rem)!important}.bio-lead{margin-inline:auto}.bio-chapters,.bio-stats{max-width:760px;margin-right:auto;margin-left:auto;text-align:left}.bio-actions{justify-content:center}}
@media(min-width:414px) and (max-width:767px){.bio-pro{padding:52px 0 60px!important}.bio-layout{grid-template-columns:1fr!important;gap:34px!important}.bio-visual{width:100%!important;min-height:clamp(490px,122vw,570px)!important;margin-inline:auto!important}.bio-visual img{width:138%!important;max-height:99%!important}.bio-copy{text-align:center}.bio-title{font-size:clamp(3.35rem,15vw,4.9rem)!important}.bio-lead{margin-inline:auto;font-size:.84rem!important}.bio-chapters{grid-template-columns:1fr!important;text-align:left}.bio-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.bio-stat{padding-inline:5px!important;text-align:center}.bio-actions{display:grid!important;grid-template-columns:1fr!important}.bio-link{width:100%;justify-content:center}}
@media(min-width:360px) and (max-width:413px){.bio-pro{padding:48px 0 56px!important}.bio-layout{grid-template-columns:1fr!important;gap:31px!important}.bio-visual{width:100%!important;min-height:450px!important}.bio-visual img{width:145%!important;max-height:99%!important}.bio-visual-label{right:10px!important;bottom:10px!important;left:10px!important}.bio-title{font-size:clamp(2.45rem,11.4vw,2.95rem)!important;line-height:.92!important;overflow-wrap:normal!important;word-break:normal!important}.bio-lead{padding-inline:4px}.bio-chapters{grid-template-columns:1fr!important}.bio-actions{display:grid!important;grid-template-columns:1fr!important}.bio-link{width:100%;justify-content:center}}
@media(max-width:359px){.bio-pro{padding:44px 0 52px!important}.bio-layout{grid-template-columns:1fr!important;gap:28px!important}.bio-visual{width:100%!important;min-height:400px!important}.bio-visual img{width:152%!important}.bio-title{font-size:clamp(2.15rem,11.5vw,2.55rem)!important;line-height:.93!important;overflow-wrap:normal!important;word-break:normal!important}.bio-lead{padding-inline:5px}.bio-chapters,.bio-stats,.bio-actions{grid-template-columns:1fr!important}.bio-link{width:100%;justify-content:center}}

/* Portada y organizaciones relacionadas de WKA */
body.brand-wka .brand-hero-copy{min-width:0}body.brand-wka .brand-related-grid>*{min-width:0}body.brand-wka .brand-related img{max-width:100%}
@media(min-width:1024px) and (max-width:1350px){body.brand-wka .brand-hero-inner{min-height:610px!important;padding:52px 0!important}body.brand-wka .brand-hero-copy{max-width:580px!important}body.brand-wka .brand-logo-stage{height:150px!important}body.brand-wka .brand-logo-stage img{max-height:120px!important}body.brand-wka .brand-hero h1{font-size:clamp(3.6rem,5.7vw,5rem)!important}body.brand-wka .brand-lead{font-size:.9rem!important}body.brand-wka .brand-related{padding-bottom:68px!important}body.brand-wka .brand-heading{font-size:clamp(2.3rem,4vw,3.1rem)!important}}
@media(min-width:768px) and (max-width:1023px){body.brand-wka .brand-hero{min-height:720px!important}body.brand-wka .brand-hero::before{inset:0!important;background-position:center!important;opacity:.72!important}body.brand-wka .brand-hero::after{background:linear-gradient(0deg,#050607 2%,rgba(5,6,7,.94) 46%,rgba(5,6,7,.3) 100%)!important}body.brand-wka .brand-hero-inner{min-height:720px!important;align-items:flex-end!important;padding:260px 0 48px!important}body.brand-wka .brand-hero-copy{width:100%!important;max-width:660px!important;padding:0!important}body.brand-wka .brand-logo-stage{width:min(390px,70%)!important;height:135px!important}body.brand-wka .brand-logo-stage img{height:100px!important;max-height:100px!important}body.brand-wka .brand-hero h1{font-size:clamp(4rem,8vw,5.2rem)!important}body.brand-wka .brand-related{padding:0 0 64px!important}body.brand-wka .brand-heading{grid-template-columns:minmax(35px,1fr) auto minmax(35px,1fr)!important;gap:15px!important;font-size:clamp(2.4rem,5vw,3.1rem)!important}body.brand-wka .brand-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.brand-wka .brand-related a{min-height:105px!important}}
@media(min-width:414px) and (max-width:767px){body.brand-wka .brand-hero{min-height:680px!important}body.brand-wka .brand-hero::before{inset:0!important;background-position:center!important;opacity:.66!important}body.brand-wka .brand-hero::after{background:linear-gradient(0deg,#050607 3%,rgba(5,6,7,.96) 50%,rgba(5,6,7,.28) 100%)!important}body.brand-wka .brand-hero-inner{min-height:680px!important;align-items:flex-end!important;padding:245px 0 38px!important}body.brand-wka .brand-hero-copy{width:100%!important;max-width:none!important;padding:0!important}body.brand-wka .brand-eyebrow{font-size:.55rem!important}body.brand-wka .brand-logo-stage{width:min(340px,82%)!important;height:118px!important}body.brand-wka .brand-logo-stage img{height:88px!important;max-height:88px!important}body.brand-wka .brand-hero h1{font-size:clamp(3.25rem,12vw,4.5rem)!important}body.brand-wka .brand-lead{font-size:.82rem!important;line-height:1.6!important}body.brand-wka .brand-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}body.brand-wka .brand-button{width:100%!important}body.brand-wka .brand-related{padding:0 0 55px!important}body.brand-wka .brand-heading{grid-template-columns:25px minmax(0,1fr) 25px!important;gap:8px!important;margin-bottom:27px!important;font-size:clamp(2rem,8.5vw,2.8rem)!important;line-height:1!important}body.brand-wka .brand-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}body.brand-wka .brand-related a{min-height:96px!important;padding:11px!important}body.brand-wka .brand-related img{height:58px!important}}
@media(min-width:360px) and (max-width:413px){body.brand-wka .brand-hero{min-height:650px!important}body.brand-wka .brand-hero::before{inset:0!important;background-position:center!important;opacity:.62!important}body.brand-wka .brand-hero::after{background:linear-gradient(0deg,#050607 3%,rgba(5,6,7,.97) 53%,rgba(5,6,7,.3) 100%)!important}body.brand-wka .brand-hero-inner{min-height:650px!important;align-items:flex-end!important;padding:225px 0 32px!important}body.brand-wka .brand-hero-copy{width:100%!important;padding:0!important}body.brand-wka .brand-logo-stage{width:100%!important;height:105px!important}body.brand-wka .brand-logo-stage img{height:78px!important;max-height:78px!important}body.brand-wka .brand-hero h1{font-size:3rem!important}body.brand-wka .brand-lead{font-size:.78rem!important}body.brand-wka .brand-heading{display:block!important;margin-bottom:24px!important;font-size:2.25rem!important;line-height:1!important}body.brand-wka .brand-heading::before,body.brand-wka .brand-heading::after{display:none!important}body.brand-wka .brand-related-grid{grid-template-columns:1fr!important;gap:8px!important}body.brand-wka .brand-related a{min-height:88px!important}body.brand-wka .brand-related img{height:55px!important}}
@media(max-width:359px){body.brand-wka .brand-hero{min-height:620px!important}body.brand-wka .brand-hero::before{inset:0!important;background-position:center!important;opacity:.58!important}body.brand-wka .brand-hero::after{background:linear-gradient(0deg,#050607 3%,rgba(5,6,7,.98) 55%,rgba(5,6,7,.34) 100%)!important}body.brand-wka .brand-hero-inner{min-height:620px!important;align-items:flex-end!important;padding:205px 0 28px!important}body.brand-wka .brand-hero-copy{width:100%!important;padding:0!important}body.brand-wka .brand-logo-stage{width:100%!important;height:96px!important}body.brand-wka .brand-logo-stage img{height:70px!important;max-height:70px!important}body.brand-wka .brand-hero h1{font-size:2.65rem!important}body.brand-wka .brand-lead{font-size:.74rem!important}body.brand-wka .brand-heading{display:block!important;margin-bottom:22px!important;font-size:2rem!important;line-height:1!important}body.brand-wka .brand-heading::before,body.brand-wka .brand-heading::after{display:none!important}body.brand-wka .brand-related-grid{grid-template-columns:1fr!important;gap:8px!important}body.brand-wka .brand-related a{min-height:84px!important}body.brand-wka .brand-related img{height:52px!important}}

/* Portadas de Romano, RFL y Rubén */
:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero-copy{min-width:0}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-related-grid>*{min-width:0}
@media(min-width:1024px) and (max-width:1350px){:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero-inner{min-height:610px!important;padding:52px 0!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero-copy{max-width:580px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-logo-stage{height:145px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-logo-stage img{max-height:115px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero h1{font-size:clamp(3.55rem,5.7vw,5rem)!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-lead{font-size:.9rem!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-related{padding-bottom:68px!important}}
@media(min-width:768px) and (max-width:1023px){:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero{min-height:720px!important}:where(body.brand-romano,body.brand-rfl) .brand-hero::before{inset:0!important;background-position:center!important;background-size:cover!important;opacity:.7!important}body.brand-ruben .brand-hero::before{inset:0!important;background-position:80% top!important;background-size:contain!important;opacity:.78!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero::after{background:linear-gradient(0deg,#050607 2%,rgba(5,6,7,.95) 48%,rgba(5,6,7,.3) 100%)!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero-inner{min-height:720px!important;align-items:flex-end!important;padding:250px 0 46px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero-copy{width:100%!important;max-width:660px!important;padding:0!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-logo-stage{width:min(390px,70%)!important;height:130px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-logo-stage img{height:96px!important;max-height:96px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero h1{font-size:clamp(3.8rem,8vw,5.1rem)!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-related a{min-height:105px!important}}
@media(min-width:414px) and (max-width:767px){:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero{min-height:680px!important}:where(body.brand-romano,body.brand-rfl) .brand-hero::before{inset:0!important;background-position:center!important;background-size:cover!important;opacity:.64!important}body.brand-ruben .brand-hero::before{inset:0!important;background-position:72% top!important;background-size:contain!important;opacity:.7!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero::after{background:linear-gradient(0deg,#050607 3%,rgba(5,6,7,.97) 51%,rgba(5,6,7,.28) 100%)!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero-inner{min-height:680px!important;align-items:flex-end!important;padding:235px 0 37px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero-copy{width:100%!important;max-width:none!important;padding:0!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-logo-stage{width:min(340px,82%)!important;height:115px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-logo-stage img{height:84px!important;max-height:84px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero h1{font-size:clamp(3.15rem,12vw,4.4rem)!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-lead{font-size:.82rem!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-button{width:100%!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-heading{grid-template-columns:25px minmax(0,1fr) 25px!important;gap:8px!important;margin-bottom:27px!important;font-size:clamp(2rem,8.5vw,2.8rem)!important;line-height:1!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-related a{min-height:96px!important;padding:11px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-related img{height:58px!important}}
@media(min-width:360px) and (max-width:413px){:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero{min-height:650px!important}:where(body.brand-romano,body.brand-rfl) .brand-hero::before{inset:0!important;background-position:center!important;background-size:cover!important;opacity:.6!important}body.brand-ruben .brand-hero::before{inset:0!important;background-position:68% top!important;background-size:contain!important;opacity:.66!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero::after{background:linear-gradient(0deg,#050607 3%,rgba(5,6,7,.98) 53%,rgba(5,6,7,.3) 100%)!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero-inner{min-height:650px!important;align-items:flex-end!important;padding:215px 0 31px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero-copy{width:100%!important;padding:0!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-logo-stage{width:100%!important;height:102px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-logo-stage img{height:75px!important;max-height:75px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero h1{font-size:2.9rem!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-lead{font-size:.77rem!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-heading{display:block!important;margin-bottom:24px!important;font-size:2.25rem!important;line-height:1!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-heading::before,:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-heading::after{display:none!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-related-grid{grid-template-columns:1fr!important;gap:8px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-related a{min-height:88px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-related img{height:55px!important}}
@media(max-width:359px){:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero{min-height:620px!important}:where(body.brand-romano,body.brand-rfl) .brand-hero::before{inset:0!important;background-position:center!important;background-size:cover!important;opacity:.56!important}body.brand-ruben .brand-hero::before{inset:0!important;background-position:66% top!important;background-size:contain!important;opacity:.62!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero::after{background:linear-gradient(0deg,#050607 3%,rgba(5,6,7,.98) 55%,rgba(5,6,7,.34) 100%)!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero-inner{min-height:620px!important;align-items:flex-end!important;padding:195px 0 27px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero-copy{width:100%!important;padding:0!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-logo-stage{width:100%!important;height:94px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-logo-stage img{height:68px!important;max-height:68px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero h1{font-size:2.55rem!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-lead{font-size:.73rem!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-heading{display:block!important;margin-bottom:22px!important;font-size:2rem!important;line-height:1!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-heading::before,:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-heading::after{display:none!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-related-grid{grid-template-columns:1fr!important;gap:8px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-related a{min-height:84px!important}:where(body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-related img{height:52px!important}}

/* Portadas móviles: fondo completo desde el menú, sin franja vacía superior */
@media(max-width:767px){
  :where(body.brand-wka,body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero{
    min-height:max(680px,calc(100svh - var(--rr-menu-height,72px)))!important;
    background:#050607!important;
  }
  :where(body.brand-wka,body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero::before{
    inset:0!important;
    background-position:center!important;
    background-size:cover!important;
    opacity:.62!important;
  }
  body.brand-ruben .brand-hero::before{
    background-position:center 18%!important;
    background-size:cover!important;
    opacity:.58!important;
  }
  :where(body.brand-wka,body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero::after{
    background:linear-gradient(180deg,rgba(5,6,7,.56) 0%,rgba(5,6,7,.42) 31%,rgba(5,6,7,.78) 67%,#050607 100%),linear-gradient(90deg,rgba(5,6,7,.7),rgba(5,6,7,.12))!important;
  }
  :where(body.brand-wka,body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero-inner{
    min-height:max(680px,calc(100svh - var(--rr-menu-height,72px)))!important;
    align-items:flex-start!important;
    padding:22px 0 34px!important;
  }
  :where(body.brand-wka,body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero-copy{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  :where(body.brand-wka,body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-logo-stage{
    margin-bottom:24px!important;
  }
  :where(body.brand-wka,body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-lead{
    text-shadow:0 2px 14px #000!important;
  }
}
@media(max-width:413px){
  :where(body.brand-wka,body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-hero-inner{
    padding-top:16px!important;
  }
  :where(body.brand-wka,body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-eyebrow{
    margin-bottom:14px!important;
  }
  :where(body.brand-wka,body.brand-romano,body.brand-rfl,body.brand-ruben) .brand-logo-stage{
    margin-bottom:20px!important;
  }
}

/* Saltos controlados para los títulos de Inicio */
.section-heading-pro,.home-wka-title,.home-showcase-title,.cta-strip-pro h2{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
@media(max-width:620px){.section-heading-pro{display:block!important;font-size:clamp(2.25rem,11vw,3rem)!important;line-height:1!important;white-space:normal!important}.section-heading-pro::before,.section-heading-pro::after{display:none!important}.home-wka-title span,.home-showcase-title span,.cta-strip-pro h2 span{display:block!important}.home-wka-title,.home-showcase-title{font-size:clamp(2.8rem,13vw,4rem)!important;line-height:.91!important}.cta-strip-pro h2{font-size:clamp(2.6rem,12vw,3.7rem)!important;line-height:.9!important}.cta-copy-pro{min-width:0}.cta-strip-inner{overflow:hidden}}
@media(min-width:360px) and (max-width:413px){.section-heading-pro{font-size:2.45rem!important}.home-wka-title,.home-showcase-title{font-size:2.75rem!important}.cta-strip-pro h2{font-size:2.65rem!important}.home-wka-kicker,.home-showcase-kicker,.cta-eyebrow-pro{font-size:.5rem!important;letter-spacing:.13em!important}}

/* Inicio en móviles compactos: composición segura para Android 320px-413px */
@media(max-width:413px){
  .home-shell{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
  }
  .bio-layout,.bio-copy,.bio-chapters,.bio-chapter,.bio-stats,.bio-actions,
  .brand-logo-grid,.history-card-pro,.purpose-head,.purpose-grid,.purpose-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .bio-copy{overflow:visible!important}
  .bio-kicker{font-size:.5rem!important;letter-spacing:.12em!important}
  .bio-title{
    width:100%!important;
    max-width:100%!important;
    font-family:"Arial Black","Roboto Condensed",Arial,sans-serif!important;
    font-size:clamp(2.05rem,10.4vw,2.55rem)!important;
    font-weight:900!important;
    letter-spacing:-.035em!important;
    line-height:.98!important;
    text-align:center!important;
    text-wrap:balance;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .bio-title .bio-title-line,.bio-title>span{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }
  .bio-title .bio-title-line{color:#fff!important}
  .bio-title>span:last-child{margin-top:7px;color:#ed1119!important}
  .bio-lead{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    font-size:.8rem!important;
    line-height:1.62!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  .bio-chapters{grid-template-columns:1fr!important;gap:9px!important}
  .bio-chapter{padding:17px 15px!important;overflow:hidden!important}
  .bio-chapter p{
    max-width:100%!important;
    font-size:.67rem!important;
    line-height:1.55!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  .bio-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .bio-stat{
    min-height:92px!important;
    padding:18px 4px!important;
    text-align:center!important;
  }
  .bio-stat+.bio-stat{
    border-top:0!important;
    border-left:1px solid rgba(255,255,255,.1)!important;
  }
  .bio-stat strong{font-size:1.45rem!important}
  .bio-stat small{
    font-size:.39rem!important;
    line-height:1.35!important;
    letter-spacing:.025em!important;
    overflow-wrap:normal!important;
  }
  .bio-actions{gap:9px!important}
  .bio-link{min-width:0!important;padding-inline:10px!important;font-size:.52rem!important}
  .brands-pro{padding:52px 0 60px!important}
  .section-heading-pro{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-family:"Arial Black","Roboto Condensed",Arial,sans-serif!important;
    font-size:clamp(1.8rem,9vw,2.2rem)!important;
    font-weight:900!important;
    line-height:1.02!important;
    letter-spacing:-.025em!important;
    text-align:center!important;
    text-wrap:balance;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .section-heading-pro::before,.section-heading-pro::after{display:none!important}
  .brand-logo-grid{gap:14px!important}
  .history-card-pro{
    padding:22px 18px!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }
  .history-card-pro img{
    width:100%!important;
    max-width:100%!important;
    height:145px!important;
    object-fit:contain!important;
  }
  .history-card-pro h3{
    max-width:100%!important;
    font-size:.9rem!important;
    line-height:1.25!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .history-card-pro p{
    max-width:100%!important;
    font-size:.75rem!important;
    line-height:1.58!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  .purpose-title{
    max-width:100%!important;
    font-family:"Arial Black","Roboto Condensed",Arial,sans-serif!important;
    font-size:clamp(2.35rem,12vw,3rem)!important;
    font-weight:900!important;
    line-height:.95!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}

/* La biografía debe encoger con el viewport, nunca quedar recortada. */
@media(max-width:767px){
  .bio-pro{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .bio-pro .home-shell{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin-inline:auto!important;
  }
  .bio-layout{
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .bio-layout>*,.bio-copy>*,.bio-chapters>*,.bio-stats>*,.bio-actions>*{
    min-width:0!important;
    max-width:100%!important;
  }
  .bio-copy,.bio-title,.bio-lead,.bio-chapters,.bio-chapter,.bio-stats,.bio-actions{
    width:100%!important;
    box-sizing:border-box!important;
  }
  .bio-title{
    font-size:clamp(2rem,10vw,3.25rem)!important;
    line-height:.96!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  .bio-title>span{width:100%!important;max-width:100%!important;white-space:normal!important}
  .bio-lead,.bio-chapter p{white-space:normal!important;overflow-wrap:break-word!important}
  .bio-chapter{overflow:visible!important}
}

@media(max-width:413px){
  .bio-pro .home-shell{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important}
  .bio-title{font-size:clamp(1.9rem,9.6vw,2.45rem)!important;letter-spacing:-.025em!important}
  .bio-chapter{padding:17px 14px!important}
  .bio-chapter p{font-size:.72rem!important;line-height:1.6!important}
}
@media(max-width:359px){.section-heading-pro{font-size:2.15rem!important}.home-wka-title,.home-showcase-title{font-size:2.42rem!important}.cta-strip-pro h2{font-size:2.32rem!important}.home-wka-kicker,.home-showcase-kicker,.cta-eyebrow-pro{font-size:.46rem!important;letter-spacing:.1em!important}}