/* ARTURO SEVILLA APP · Cabeceras de pantallas
   Único propietario de la geometría de cabeceras de Vídeos y subpáginas. */

/* Vídeos */
body.as-route-videos .as-videos-head{
  display:block!important;
  min-height:0!important;
  padding-top:0!important;
  margin:2px 2px var(--as-space-4)!important;
}
body.as-route-videos .as-videos-head>div:first-child{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  align-items:center!important;column-gap:10px!important;
  box-sizing:border-box!important;
  min-height:72px!important;
  padding:10px 14px!important;
  margin:0!important;
  position:relative!important;
  background:var(--as-surface)!important;
  border:1px solid var(--as-border)!important;
  border-radius:18px!important;
}
body.as-route-videos .as-videos-head h1{
  margin:0!important;
  padding:0!important;
  color:var(--as-text)!important;
  font-family:var(--as-font-title)!important;
  font-size:var(--as-size-page-title)!important;
  line-height:var(--as-line-title)!important;
  font-weight:var(--as-weight-title)!important;
  letter-spacing:var(--as-track-title)!important;
}
body.as-route-videos .as-videos-head p,
body.as-route-videos .as-videos-mark,
body.as-route-videos .as-videos-kicker{
  display:none!important;
}

/* Cabecera compartida: Editar perfil, Notificaciones, Preferencias y Soporte. */
body.as-route-profile .as-subpage-top,
body.as-route-notifications .as-notif-head,
body.as-route-preferences .as-pref-top,
body.as-route-support .as-support-head{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:52px!important;
  margin:0 0 18px!important;
}

body.as-route-profile .as-subpage-titlegroup{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  flex:1 1 auto!important;
}

body.as-route-profile .as-subpage-heading,
body.as-route-notifications .as-notif-title,
body.as-route-preferences .as-pref-heading{
  min-width:0!important;
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  flex:1 1 auto!important;
}

body.as-route-profile .as-subpage-back,
body.as-route-notifications .as-notif-back,
body.as-route-preferences .as-pref-back,
body.as-route-support .as-support-back{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  flex:0 0 40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid var(--as-border)!important;
  background:var(--as-surface-card)!important;
  color:var(--as-text)!important;
  text-decoration:none!important;
  font-family:var(--as-font-ui)!important;
  font-size:var(--as-size-back)!important;
  line-height:var(--as-line-title)!important;
  font-weight:var(--as-weight-regular)!important;
  box-shadow:none!important;
}

body.as-route-profile .as-subpage-heading h1,
body.as-route-notifications .as-notif-title h1,
body.as-route-preferences .as-pref-heading h1,
body.as-route-support .as-support-head h1{
  margin:0!important;
  padding:0!important;
  color:var(--as-text)!important;
  font-family:var(--as-font-title)!important;
  font-size:var(--as-size-page-title)!important;
  line-height:var(--as-line-title)!important;
  font-weight:var(--as-weight-title)!important;
  letter-spacing:var(--as-track-title)!important;
}

body.as-route-profile .as-subpage-intro,
body.as-route-notifications .as-notif-title p,
body.as-route-preferences .as-pref-heading>p{
  display:none!important;
}

/* Video and Video favoritos share the real back arrow and native notification panel. */
body.as-route-videos .as-videos-head h1 {grid-column:2!important;text-align:center!important;}
body.as-route-videos .as-videos-head .as-videos-back{
 display:grid!important;place-items:center!important;grid-column:1!important;grid-row:1!important;
 width:42px!important;height:42px!important;padding:0!important;margin:0!important;
 border:1px solid var(--as-border)!important;border-radius:50%!important;
 background:var(--as-surface-card)!important;color:var(--as-text)!important;text-decoration:none!important;cursor:pointer!important;
}
body.as-route-videos .as-videos-head .as-videos-back .as-nav-back-svg{
 width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
body.as-route-videos .as-videos-head .as-videos-back-favorites{display:none!important;}
body.as-route-videos.as-favorites-view .as-videos-head .as-videos-back-home{display:none!important;}
body.as-route-videos.as-favorites-view .as-videos-head .as-videos-back-favorites{display:grid!important;}