/* TLA 2.0.2: navegación y accesos de uso frecuente. */
.brand-cluster{
  display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:22px 22px;
  column-gap:10px;min-width:252px;flex-shrink:0;
}
.brand-cluster .brand{
  grid-area:1/1/2/3;display:grid;grid-template-columns:40px minmax(0,1fr);
  grid-template-rows:22px;column-gap:10px;row-gap:0;
  min-width:0;flex:initial;align-items:center;
}
.brand-cluster .brand-mark{grid-area:1/1/2/2;width:40px;height:40px;align-self:start;margin-top:2px}
.brand-cluster .brand-copy{grid-area:1/2/2/3}
.brand-cluster .brand-name{line-height:1.15}
.brand-channel{
  grid-area:2/2/3/3;justify-self:start;align-self:center;
  display:inline-flex;align-items:center;gap:5px;min-height:22px;
  color:#e4f0ee;font-size:11px;line-height:1.2;text-decoration:none;
}
.brand-channel [data-aula-icon]{display:inline-flex}
.brand-channel .aula-icon{width:17px;height:17px;flex:none}
.brand-channel:hover{color:var(--brand-mint);text-decoration:underline}
.brand-channel:focus-visible{outline:3px solid var(--brand-amber);outline-offset:3px;border-radius:3px}
.topbar #theme-toggle{flex-shrink:0}
.topbar .top-actions{flex-shrink:0}
.topbar .search-trigger{min-width:42px}
.youtube-link .aula-icon{flex-shrink:0}

.home-primary-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}
.home-primary-actions .button{
  min-height:44px;background:var(--brand-warm);border-color:var(--brand-warm);
  color:var(--brand-petroleum);text-align:center;
}
.home-primary-actions .button:hover{background:#fff;border-color:var(--brand-mint);color:var(--brand-petroleum);text-decoration:underline}
.home-primary-actions .youtube-link{
  background:var(--brand-petroleum);border-color:#acc8cc;color:#fff;
}
.home-primary-actions .youtube-link:hover{background:#214c5b;border-color:var(--brand-mint);color:#fff}
.home-primary-actions :focus-visible{outline:3px solid var(--brand-amber);outline-offset:4px}

@media(max-width:1100px){
  .brand-cluster{min-width:224px;column-gap:8px}
  .brand-cluster .brand{column-gap:8px;font-size:18px}
  .topbar .top-actions{gap:8px}
}
@media(max-width:820px){
  .brand-cluster{min-width:0;flex:1;column-gap:8px}
  .brand-cluster .brand{font-size:17px}
  .topbar .top-actions{gap:6px;margin-left:0}
  .brand-channel{font-size:10px}
  .topbar>.search-trigger{min-width:40px}
}
@media(max-width:560px){
  .topbar{gap:6px}
  .brand-cluster{column-gap:6px}
  .brand-cluster .brand{column-gap:6px;font-size:15px}
  .brand-channel{font-size:10px}
  .home-primary-actions{align-items:stretch;gap:10px}
  .home-primary-actions .button{flex:1 1 220px}
}
@media(max-width:420px){
  /* Conserva todos los controles sin aumentar la altura fija del encabezado. */
  .topbar{padding-inline:10px;gap:6px}
  .brand-cluster{grid-template-columns:40px 42px;grid-template-rows:44px;gap:6px;flex:1}
  .brand-cluster .brand{grid-area:1/1/2/2;display:flex;gap:0}
  .brand-cluster .brand-copy{display:none}
  .brand-cluster .brand-mark{margin-top:0;align-self:center}
  .brand-channel{grid-area:1/2/2/3;width:42px;height:42px;justify-content:center;justify-self:start}
  .brand-channel .aula-icon{width:22px;height:22px}
  .brand-channel .channel-handle{display:none}
  .topbar .top-actions{gap:4px}
}
@media print{
  .home-primary-actions{display:none}
}