
/* DeportesIA sports desk: responsive front page. */
body.home{background:#edeef0}
.home .site-header{position:relative!important;top:auto!important;background:#181b20!important;border-bottom:3px solid #ff5a1f}
.home .site-header>.wp-block-group{background:#181b20!important;color:#fff!important;padding-block:13px!important}
.home .site-header .wp-block-navigation{color:#fff!important}
.home .site-header .custom-logo-link{background:white;border-radius:3px;padding:5px 9px;display:block}
.home .site-header .wp-block-navigation-item__content{color:inherit!important;font-size:13px!important;font-weight:700}
.home .site-header .wp-block-navigation__responsive-container.is-menu-open{background:#181b20!important;color:white!important}
.home main.wp-block-group{margin:0!important;padding:0!important}
.dia-front{font-family:"Open Sans",sans-serif;color:#202329;background:#edeef0;font-size:16px;line-height:1.5}
.dia-front *{box-sizing:border-box}
.dia-front a{color:inherit;text-decoration:none}
.dia-front a:hover{color:#b83c0a}
.dia-front a:focus-visible{outline:3px solid #ff5a1f;outline-offset:4px}
.dia-front h1,.dia-front h2,.dia-front h3,.dia-front p{margin:0;letter-spacing:normal}
.dia-sports{background:white;border-bottom:1px solid #d9dce1;max-width:100%;overflow-x:auto;scrollbar-width:thin}
.dia-sports-inner{display:flex;justify-content:center;min-width:max-content;margin:auto;padding:9px 16px;gap:7px}
.dia-sports a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:87px;padding:7px 14px;border-radius:6px;font-size:12px;font-weight:800;white-space:nowrap}
.dia-sports a:hover{background:#fff1e9}
.dia-sports svg{display:block;flex:none}
.dia-front-wrap{max-width:1190px;margin:auto;padding:20px 24px 56px}
.dia-edition{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:#606773;font-size:12px}
.dia-edition h1{font-size:15px;font-weight:800;color:#252b34}
.dia-edition h1 span{font-size:12px;font-weight:400;color:#606773}
.dia-columns{display:grid;grid-template-columns:minmax(0,780px) minmax(250px,310px);gap:24px;align-items:start}
.dia-stream{display:grid;gap:24px;min-width:0}
.dia-lead,.dia-league,.dia-rail-box{background:#fff;border:1px solid #e0e2e6;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #1521320a}
.dia-image-link{display:block;overflow:hidden}
.dia-front img.dia-photo{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;border:0;border-radius:0}
.dia-lead-ribbon{background:#eb4b15;color:white;font-size:12px;font-weight:800;letter-spacing:2px;padding:7px 24px;display:flex;justify-content:space-between}
.dia-lead-ribbon span{letter-spacing:.5px}
.dia-lead-copy{padding:24px}
.dia-lead h2{font-size:clamp(25px,2.8vw,36px);line-height:1.16;font-weight:900;letter-spacing:-.9px}
.dia-lead p{font-size:17px;line-height:1.55;color:#555e69;margin-top:13px}
.dia-byline{display:flex;flex-wrap:wrap;gap:12px;margin-top:13px;font-size:11px;color:#78808b;line-height:1.5}
.dia-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #eceef1}
.dia-section-heading h2{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:900}
.dia-section-heading svg{width:27px;height:27px;color:#d84b17}
.dia-section-heading>a{font-size:12px;font-weight:700;white-space:nowrap}
.dia-feature{padding:20px;display:grid;grid-template-columns:45% minmax(0,1fr);gap:20px;align-items:start}
.dia-feature .dia-image-link{border-radius:8px}
.dia-feature h3{font-size:21px;font-weight:800;line-height:1.25;letter-spacing:-.4px}
.dia-feature p{font-size:14px;color:#616975;line-height:1.5;margin-top:9px}
.dia-brief{border-top:1px solid #eceef1;margin:0 20px;padding:15px 0}
.dia-brief h3{font-size:15px;line-height:1.4;font-weight:700}
.dia-brief .dia-byline{margin-top:5px}
.dia-rail{display:grid;gap:20px;min-width:0}
.dia-rail-box{padding:22px}
.dia-rail h2{font-size:18px;font-weight:800;line-height:1.3;margin-bottom:14px}
.dia-rail ol{list-style:none;padding:0;margin:0}
.dia-rail li{padding:14px 0;border-top:1px solid #eceef1}
.dia-rail li>a{display:block;font-size:14px;font-weight:700;line-height:1.45}
.dia-kicker{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:800;color:#b83c0a;margin-bottom:5px}
.dia-rail time{display:block;font-size:10px;color:#78808b;margin-top:8px}
.dia-rail p{font-size:13px;line-height:1.6;color:#616975;margin-bottom:16px}
.dia-score-link{display:flex;justify-content:space-between;border-top:1px solid #e8ebef;padding:12px 0;font-size:14px;font-weight:800}
.dia-about{border-top:4px solid #ff5a1f}
.dia-about>a{font-size:12px;font-weight:800}
@media(max-width:900px){
.dia-columns{grid-template-columns:minmax(0,1fr)}
.dia-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
.dia-rail-box:first-child{grid-column:1/-1}
.dia-rail ol{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
.dia-front-wrap{max-width:760px;padding:16px 16px 40px}
.dia-sports-inner{justify-content:flex-start;width:max-content}
}
@media(max-width:600px){
.home .site-header>.wp-block-group{padding:10px 16px!important}
.home .site-header .custom-logo{max-width:165px!important;width:165px!important;height:auto!important}
.home .site-header .wp-block-navigation__responsive-container-open{display:flex!important}
.home .site-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
.dia-front-wrap{padding:13px 0 28px}
.dia-edition{padding:0 14px;margin-bottom:12px}
.dia-edition h1 span{display:none}
.dia-sports a{min-width:75px;padding:5px 9px;font-size:11px}
.dia-sports-inner{padding:7px 8px;gap:1px}
.dia-sports svg{width:32px;height:32px}
.dia-stream{gap:16px}
.dia-lead,.dia-league{border-radius:10px}
.dia-lead-copy{padding:18px 17px}
.dia-lead h2{font-size:28px;letter-spacing:-.6px}
.dia-lead p{font-size:16px}
.dia-lead-ribbon{padding:6px 17px;font-size:11px}
.dia-section-heading{padding:16px 17px}
.dia-feature{display:block;padding:16px}
.dia-feature .dia-image-link{margin-bottom:14px}
.dia-feature h3{font-size:23px}
.dia-feature p{font-size:15px}
.dia-rail{display:block;padding:0 10px}
.dia-rail-box{margin-top:16px}
.dia-rail ol{display:block}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
