/* v0.38.13 · sesiones archivadas en varias partes */
.session-archive-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.session-archive-video-grid.is-single{grid-template-columns:minmax(0,860px)}
.session-archive-video-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.session-archive-video-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px}
.session-archive-video-caption small{opacity:.72}
@media(max-width:820px){.session-archive-video-grid{grid-template-columns:1fr}}

/* v0.38.51 · auditoría responsive global del frontend
   Evita desbordamientos horizontales en tablas, embeds, tarjetas y layouts
   tanto en el frontend público como en Coplea y el área de usuario. */
#carnahub-public-shell,
#carnahub-public-shell main,
#carnahub-public-shell main > section,
#carnahub-public-shell .container{max-width:100%}
#carnahub-public-shell main img,
#carnahub-public-shell main video,
#carnahub-public-shell main canvas,
#carnahub-public-shell main svg{max-width:100%;height:auto}
#carnahub-public-shell main iframe,
#carnahub-public-shell main embed,
#carnahub-public-shell main object{max-width:100%}
#carnahub-public-shell main :is(.content-card,.panel,.competition-card,.group-card,.price-card,.promo-copy,.stat-card,.public-phase,.calendar-day,.calendar-event,.person-card,.media-card,.product-card,.search-result-list>a,.coplea-post,.coplea-card,.community-card){min-width:0}
#carnahub-public-shell main :is(h1,h2,h3,h4,p,li,dd,dt,small,strong,a,span,code){overflow-wrap:anywhere;word-break:normal}
#carnahub-public-shell main table{max-width:100%}
#carnahub-public-shell :is(.score-public-scroll,.extended-score-scroll,.calendar-scroll,.ranking-source-tabs,.classification-modal-tabs,.classification-category-tabs,.video-tab-list,.activity-live-links){max-width:100%;-webkit-overflow-scrolling:touch}
#carnahub-public-shell :is(.video-embed,.session-live-video,.coplea-youtube-embed,.coplea-live-stage,.coplea-side-video,.public-google-map,.public-google-map-embed,.tabbed-video-player,.video-tab-panels,.video-tab-panel){width:100%;max-width:100%;min-width:0}
#carnahub-public-shell :is(.video-embed,.session-live-video,.coplea-youtube-embed,.coplea-live-stage,.coplea-side-video) iframe{width:100%!important;height:100%!important;max-width:100%;border:0}
#carnahub-public-shell .public-google-map-embed iframe{width:100%!important;max-width:100%;border:0}
#carnahub-public-shell :is(.section-heading,.profile-head,.title-line,.season-entry-head,.phase-public-head,.phase-public-actions,.official-result-card,.premium-group-row,.premium-group-actions,.pricing-actions,.hero-actions,.profile-follow-actions,.calendar-event-meta){min-width:0}
#carnahub-public-shell :is(.section-heading,.profile-head,.title-line,.season-entry-head,.phase-public-head,.phase-public-actions,.premium-group-actions,.pricing-actions,.hero-actions,.profile-follow-actions){flex-wrap:wrap}
#carnahub-public-shell :is(input,select,textarea,button){max-width:100%}
#carnahub-public-shell .breadcrumb{white-space:normal}

@media(max-width:900px){
  #carnahub-public-shell :is(.detail-grid,.performance-detail-grid,.session-public-grid,.activity-layout){grid-template-columns:minmax(0,1fr)!important}
  #carnahub-public-shell :is(.detail-grid,.performance-detail-grid,.session-public-grid,.activity-layout)>*{min-width:0}
  #carnahub-public-shell :is(.sticky,.rating-panel,.activity-side){position:static!important;top:auto!important}
  #carnahub-public-shell .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #carnahub-public-shell .cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  #carnahub-public-shell .fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #carnahub-public-shell .official-result-card{align-items:flex-start}
  #carnahub-public-shell .official-result-numbers{flex-wrap:wrap}
  #carnahub-public-shell .official-result-numbers span{min-width:0;flex:1 1 92px}
  #carnahub-public-shell .coplea-shell{width:100%;max-width:100%}
}

@media(max-width:700px){
  #carnahub-public-shell .container{width:calc(100% - 24px)}
  #carnahub-public-shell :is(.hero,.page-hero,.pricing-hero,.profile-hero,.performance-hero,.season-hero){overflow:hidden}
  #carnahub-public-shell :is(.page-hero h1,.pricing-hero h1,.profile-title h1,.performance-hero h1,.season-hero h1){font-size:clamp(30px,9vw,42px);letter-spacing:-1.5px}
  #carnahub-public-shell :is(.content-card,.panel,.competition-card,.price-card,.promo-copy){padding:18px}
  #carnahub-public-shell :is(.cards-3,.cards-4,.split-promo,.pricing-grid,.people-grid,.media-gallery,.product-grid,.official-classification-grid,.edition-countdown-grid,.fact-grid,.carnahub-capability-grid){grid-template-columns:minmax(0,1fr)!important}
  #carnahub-public-shell .section-heading{align-items:flex-start}
  #carnahub-public-shell .section-heading>div{min-width:0;flex:1 1 240px}
  #carnahub-public-shell .section-heading>a,
  #carnahub-public-shell .section-heading>.btn{max-width:100%}
  #carnahub-public-shell .profile-head{align-items:flex-start}
  #carnahub-public-shell .profile-title{min-width:0;flex:1 1 220px}
  #carnahub-public-shell .profile-avatar{flex:0 0 auto}
  #carnahub-public-shell .season-performance-list a{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  #carnahub-public-shell .season-performance-list a>:last-child{display:none}
  #carnahub-public-shell :is(.ranking-row,.official-ranking-row,.official-classification-list>a){max-width:100%;min-width:0}
  #carnahub-public-shell .career-row{grid-template-columns:58px minmax(0,1fr) 20px;gap:10px;padding:12px}
  #carnahub-public-shell .career-year{padding:7px 5px;font-size:12px}
  #carnahub-public-shell :is(.score-public-scroll,.extended-score-scroll){width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
  #carnahub-public-shell :is(.score-public-table,.extended-score-table,.classification-inline-score-table){width:max-content;max-width:none}
  #carnahub-public-shell .calendar-scroll{width:auto;max-width:none}
  #carnahub-public-shell .agenda-calendar{max-width:none}
  #carnahub-public-shell .video-tab-list{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}
  #carnahub-public-shell .video-tab-button{flex:0 0 auto;white-space:nowrap}
  #carnahub-public-shell .coplea-link-card{max-width:100%;min-width:0}
  #carnahub-public-shell .coplea-link-card>div{overflow:hidden}
  #carnahub-public-shell .coplea-post-body,
  #carnahub-public-shell .coplea-post-body *{max-width:100%;overflow-wrap:anywhere}
  #carnahub-public-shell .coplea-youtube-embed{width:100%;max-width:100%}
  #carnahub-public-shell .public-google-map-embed{overflow:hidden}
  #carnahub-public-shell .public-google-map-embed iframe{display:block;width:100%!important}
  #carnahub-public-shell .music-platform-grid{min-width:0}
  #carnahub-public-shell .music-platform-grid>*{min-width:0}
}

@media(max-width:520px){
  #carnahub-public-shell .container{width:calc(100% - 20px)}
  #carnahub-public-shell :is(.content-card,.panel,.competition-card,.price-card,.promo-copy){padding:15px}
  #carnahub-public-shell :is(.hero-actions,.pricing-actions,.premium-group-actions,.profile-follow-actions,.phase-public-actions){display:grid;grid-template-columns:minmax(0,1fr);width:100%}
  #carnahub-public-shell :is(.hero-actions,.pricing-actions,.premium-group-actions,.profile-follow-actions,.phase-public-actions) .btn{width:100%;min-width:0}
  #carnahub-public-shell .phase-public-head{align-items:flex-start;padding:15px}
  #carnahub-public-shell .public-session-list>a{padding:12px 10px;gap:9px}
  #carnahub-public-shell .session-right{min-width:0;flex-wrap:wrap;gap:7px}
  #carnahub-public-shell .public-order-row{max-width:100%;overflow:hidden}
  #carnahub-public-shell .public-order-info{min-width:0}
  #carnahub-public-shell .public-order-info h3,
  #carnahub-public-shell .public-order-info a{overflow-wrap:anywhere}
  #carnahub-public-shell .official-classification-row{padding:12px 10px;gap:9px}
  #carnahub-public-shell .classification-entry-extended{padding-inline:8px}
  #carnahub-public-shell .ranking-row{padding:12px 10px;gap:9px}
  #carnahub-public-shell .career-row{grid-template-columns:52px minmax(0,1fr);}
  #carnahub-public-shell .career-row>:last-child{grid-column:2}
  #carnahub-public-shell .footer-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  #carnahub-public-shell .mini-row{gap:12px;align-items:flex-start}
  #carnahub-public-shell .mini-row b{text-align:right;overflow-wrap:anywhere}
  #carnahub-public-shell .coplea-post-actions{max-width:100%;gap:3px}
  #carnahub-public-shell .coplea-post-actions :is(a,button){min-width:0;padding-inline:5px}
  #carnahub-public-shell .search-result-list>a{grid-template-columns:auto minmax(0,1fr) auto;gap:9px}
  #carnahub-public-shell .agenda-item,
  #carnahub-public-shell .calendar-event,
  #carnahub-public-shell .group-event-row{max-width:100%;min-width:0}
  #carnahub-public-shell .competition-edition-card-top,
  #carnahub-public-shell .competition-edition-card-footer{flex-wrap:wrap}
}

/* v0.38.51 · contención final del viewport móvil.
   Los elementos realmente anchos mantienen su scroll en su wrapper propio. */
#carnahub-public-shell{width:100%;max-width:100vw;overflow-x:clip}
#carnahub-public-shell main{width:100%;min-width:0;overflow-x:clip}
#carnahub-public-shell main :is(.hero-grid,.performance-hero-grid,.member-hero-grid,.dashboard-grid,.account-hero-grid,.live-public-head,.session-public-grid,.event-detail-grid,.coplea-shell,.coplea-column,.coplea-post-main,.coplea-profile-maincopy){min-width:0;max-width:100%}
#carnahub-public-shell main :is(.score-public-scroll,.extended-score-scroll,.calendar-scroll){contain:inline-size}

@media(max-width:700px){
  #carnahub-public-shell :is(.performance-hero-grid,.hero-grid,.member-hero-grid,.account-hero-grid,.dashboard-grid,.event-detail-grid){grid-template-columns:minmax(0,1fr)!important}
  #carnahub-public-shell :is(.performance-hero-grid,.hero-grid,.member-hero-grid,.account-hero-grid,.dashboard-grid,.event-detail-grid)>*{min-width:0;max-width:100%}
  #carnahub-public-shell .ranking-row{grid-template-columns:48px minmax(0,1fr)!important}
  #carnahub-public-shell .ranking-score{grid-column:2;text-align:left;min-width:0}
  #carnahub-public-shell .official-classification-row{grid-template-columns:46px minmax(0,1fr)!important}
  #carnahub-public-shell .official-classification-row .official-points{grid-column:2;justify-self:start;text-align:left}
  #carnahub-public-shell :is(.coplea-link-card,.coplea-profile-head,.search-result-list>a){max-width:100%;min-width:0}
  #carnahub-public-shell :is(.coplea-post-head,.coplea-live-heading,.live-public-head){flex-wrap:wrap;white-space:normal}
  #carnahub-public-shell .coplea-live-context{margin-left:0!important;max-width:100%}
}