/* Saludo compacto: independiente de la rueda, las escuelas y las descargas. */
.cumpleanos-banner{display:block;flex:0 0 auto;width:270px;max-width:100%;aspect-ratio:3/1;margin:0;overflow:hidden;border-radius:7px;line-height:0;box-shadow:0 2px 8px #2524130b}
.cumpleanos-banner:empty{visibility:hidden}
.cumpleanos-banner img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;border-radius:inherit;filter:none}
.cumpleanos-fila{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.cumpleanos-fila>:not(.cumpleanos-banner){min-width:0}
.cumpleanos-lateral{display:grid;gap:1rem;justify-items:center;min-width:0}
.cumpleanos-lateral>:not(.cumpleanos-banner){width:100%;min-width:0}
.cumpleanos-solo-lectura{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}
/* En la natal el saludo ocupa el hueco a la derecha de datos y acciones. */
#barraNatal>.cumpleanos-banner{margin-left:auto;width:252px}
@media(min-width:1001px){
  html #app.natal.con-carta #barraNatal{display:grid;grid-template-columns:minmax(0,1fr) 252px;column-gap:1rem;row-gap:.35rem;align-items:center;overflow:visible}
  #barraNatal>#barraDatos{grid-column:1;grid-row:1;min-width:0}
  #barraNatal>#accionesBarra{grid-column:1;grid-row:2;justify-self:start}
  #barraNatal>.cumpleanos-banner{grid-column:2;grid-row:1/span 2;justify-self:end;margin:0}
}
@media(max-width:1000px){#barraNatal>.cumpleanos-banner{width:210px}}
@media(max-width:620px){
  /* La barra móvil existente necesita su espacio para datos y el menú. */
  #barraNatal>.cumpleanos-banner{display:none}
}
@media print{.cumpleanos-banner{display:none!important}}