/* MDC: ajustes exclusivamente de encabezado; no modifica tarjetas ni portada */
#index header .mdc-vertical-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand utilities" "nav nav"!important;align-items:center!important;gap:12px 12px!important;width:100%!important}
#index header .mdc-header-left{display:contents!important}
#index header .mdc-header-left .mdc-compact-brand{grid-area:brand!important;position:relative!important;justify-self:start!important;margin:0 0 17px!important;cursor:pointer}
#index header .mdc-header-left .mdc-compact-brand::after{content:"";position:absolute;left:0;bottom:-15px;width:120px;height:1px;background:#91a5b5}
#index header .mdc-header-right{grid-area:utilities!important;display:flex!important;flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;justify-self:end!important;gap:7px!important;margin:0!important;padding:0!important}
#index header .mdc-header-right select,#index header .mdc-header-right .retreat-head-btn{width:auto!important;min-width:0!important;max-width:none!important;height:29px!important;min-height:29px!important;font-size:11px!important;padding:0 10px!important;border-radius:999px!important}
#index header .mdc-header-right select{padding-right:20px!important}
#index header .mdc-header-left nav{grid-area:nav!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:nowrap!important;gap:clamp(7px,1.5vw,22px)!important;width:100%!important;overflow:visible!important;margin:0!important;padding:0!important}
#index header .mdc-header-left nav>button,#index header .mdc-header-left nav .mdc-nav-music{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:auto!important;height:auto!important;min-height:30px!important;padding:4px 2px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#143553!important;font-size:clamp(11px,1.15vw,14px)!important;font-weight:600!important;white-space:nowrap!important}
#index header .mdc-header-left nav .rosario-nav,#index header .mdc-header-left nav .mdc-nav-music{border:0!important;background:transparent!important;color:#143553!important}
#index header .mdc-header-left nav button.active{border:0!important;background:transparent!important;color:#143553!important}
#index header .mdc-header-left nav .mdc-nav-music::after{display:none!important}
#index header .mdc-mobile-toggle{display:none}
@media(min-width:601px){#index header .mdc-vertical-header{grid-template-areas:"brand utilities" "brand nav"!important;row-gap:5px!important}#index header .mdc-header-left .mdc-compact-brand{align-self:center!important}}
@media(max-width:600px){
#index header .mdc-vertical-header{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"utilities utilities" "brand toggle"!important;row-gap:13px!important;column-gap:8px!important;position:relative!important}
#index header .mdc-header-right{grid-area:utilities!important;gap:6px!important}
#index header .mdc-header-right select,#index header .mdc-header-right .retreat-head-btn{height:26px!important;min-height:26px!important;font-size:10px!important;padding:0 8px!important}
#index header .mdc-header-right select{padding-right:18px!important}
#index header .mdc-header-left .mdc-compact-brand{grid-area:brand!important;margin-bottom:20px!important}
#index header .mdc-header-left .mdc-compact-brand::after{width:62px;bottom:-16px}
#index header .mdc-mobile-toggle{grid-area:toggle!important;display:flex!important;align-items:center;justify-content:center;justify-self:end;width:37px;height:37px;border:1px solid #9eb8cd;border-radius:10px;background:white;color:#143553;font-size:23px;line-height:1;cursor:pointer}
#index header .mdc-header-left nav{display:none!important;position:absolute!important;z-index:1000!important;right:0!important;top:calc(100% - 4px)!important;width:min(210px,75vw)!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:6px 12px!important;background:white!important;border:1px solid #dce5eb!important;border-radius:12px!important;box-shadow:0 9px 23px rgba(20,53,83,.13)!important}
#index header .mdc-vertical-header.mdc-menu-open nav{display:flex!important}
#index header .mdc-header-left nav>button,#index header .mdc-header-left nav .mdc-nav-music{display:block!important;text-align:left!important;width:100%!important;min-height:37px!important;height:auto!important;padding:9px 4px!important;font-size:13px!important;border:0!important;border-bottom:1px solid #e5eaf0!important;border-radius:0!important}
#index header .mdc-header-left nav>:last-child{border-bottom:0!important}
}

/* Ajuste 11/10: una sola línea, logo sin deformar */
#index header .mdc-header-left .mdc-compact-brand{--mdc-logo-size:112px;gap:15px!important;margin-bottom:23px!important;align-items:center!important}
#index header .mdc-header-left .mdc-compact-brand img{width:var(--mdc-logo-size)!important;height:var(--mdc-logo-size)!important;flex:0 0 var(--mdc-logo-size)!important;object-fit:contain!important;clip-path:inset(0 0 8% 0)!important}
#index header .mdc-header-left .mdc-compact-brand::after{left:calc(var(--mdc-logo-size) * .15)!important;width:calc(var(--mdc-logo-size) * .70)!important;height:1px!important;bottom:-13px!important;background:#91a5b5!important}
@media(min-width:601px){#index header .mdc-header-left nav{align-self:end!important;margin-top:17px!important;transform:translateY(12px)!important}}
@media(max-width:600px){#index header .mdc-header-left .mdc-compact-brand{--mdc-logo-size:88px;gap:11px!important;font-size:clamp(17px,4.6vw,22px)!important;line-height:1.14!important;margin-bottom:20px!important}#index header .mdc-header-left .mdc-compact-brand span{white-space:normal!important}#index header .mdc-header-left .mdc-compact-brand::after{bottom:-11px!important}}

/* Ajuste 11/10: una sola línea, logo sin deformar */
#index header .mdc-header-left .mdc-compact-brand{--mdc-logo-size:112px;gap:15px!important;margin-bottom:23px!important;align-items:center!important}
#index header .mdc-header-left .mdc-compact-brand img{width:var(--mdc-logo-size)!important;height:var(--mdc-logo-size)!important;flex:0 0 var(--mdc-logo-size)!important;object-fit:contain!important;clip-path:inset(0 0 8% 0)!important}
#index header .mdc-header-left .mdc-compact-brand::after{left:calc(var(--mdc-logo-size) * .15)!important;width:calc(var(--mdc-logo-size) * .70)!important;height:1px!important;bottom:-13px!important;background:#91a5b5!important}
@media(min-width:601px){#index header .mdc-header-left nav{align-self:end!important;margin-top:17px!important;transform:translateY(12px)!important}}
@media(max-width:600px){#index header .mdc-header-left .mdc-compact-brand{--mdc-logo-size:88px;gap:11px!important;font-size:clamp(17px,4.6vw,22px)!important;line-height:1.14!important;margin-bottom:20px!important}#index header .mdc-header-left .mdc-compact-brand span{white-space:normal!important}#index header .mdc-header-left .mdc-compact-brand::after{bottom:-11px!important}}

/* Ajustes de proporción, sin alterar tarjetas ni sus animaciones */
@media (min-width: 950px) and (orientation: landscape) and (max-width: 1400px){
#index .news-zone{max-width: min(760px, 78vw)!important;margin-left:auto!important;margin-right:auto!important;}
}
@media(max-width:600px){
#index header{padding-top:10px!important;padding-bottom:5px!important;}
#index header .mdc-vertical-header{row-gap:8px!important;}
#index header .mdc-header-left .mdc-compact-brand{margin-bottom:13px!important;}
}
