/* Reglas de la cabecera V4 aprobada, delimitadas al componente compartido. */
.bb-header-v4{--navy:#10142d;--text:#20283c;--muted:#667086;--blue:#06559c;--line:#d8dce1;--subtle:#f8f9fa;--coral:#ed6c6d}
.bb-header-v4 *{box-sizing:border-box}
.bb-header-v4{margin:0;background:white;color:var(--text);font:14px/1.32 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.bb-header-v4 .page{max-width:1350px;margin:0 auto;padding:0 12px}
.bb-header-v4 a{color:var(--blue)}
.bb-header-v4 button,.bb-header-v4 input{font:inherit}
.bb-header-v4 button{cursor:pointer}
.bb-header-v4 .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.bb-header-v4 .masthead{display:grid;grid-template-columns:300px minmax(250px,310px) minmax(260px,1fr) 223px;gap:18px;align-items:center;min-height:66px}
.bb-header-v4 .date{font-size:12px;color:var(--muted)}
.bb-header-v4 .brand img{display:block;width:306px;max-width:100%;height:auto}
.bb-header-v4 .search{height:42px;display:flex;align-self:center;min-width:0;border:1px solid #444;max-width:410px;margin:0 0 0 8px}
.bb-header-v4 .search input{border:0;padding:8px 16px;flex:1;min-width:0;background:#fff;color:#333;font-size:16px;outline-offset:-3px}
.bb-header-v4 .search input::placeholder{color:#939eab;opacity:1}
.bb-header-v4 .search button{display:flex;align-items:center;justify-content:center;width:62px;flex:0 0 62px;background:#2e2e2e;color:white;border:0}
.bb-header-v4 .search button:hover,.bb-header-v4 .search button:focus-visible{background:#454545}
.bb-header-v4 .search svg{height:22px;width:22px}
.bb-header-v4 .tiny-label{font-size:11px;text-transform:uppercase;font-weight:700;color:#6d7789;letter-spacing:.02em}
.bb-header-v4 .trendbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);height:48px;margin-bottom:16px}
.bb-header-v4 .trend{min-width:0;display:flex;align-items:center;padding:3px 8px;gap:9px;border-right:1px solid var(--line)}
.bb-header-v4 .trend:last-child{border-right:0}
.bb-header-v4 .trend img{height:41px;width:40px;object-fit:cover;object-position:top;flex:0 0 40px}
.bb-header-v4 .trend strong{display:block;color:var(--navy);font:700 14px/1.11 Georgia,"Times New Roman",serif;white-space:normal}
.bb-header-v4 .trend .tiny-label{display:block;font-size:10px;margin-bottom:2px}
@media (max-width:1300px){
.bb-header-v4 .page{padding:0 20px}
.bb-header-v4 .masthead{grid-template-columns:200px 306px minmax(210px,1fr) 190px;gap:12px}
}
@media (max-width:1050px){
.bb-header-v4 .masthead{grid-template-columns:1fr 306px minmax(260px,1fr)}
.bb-header-v4 .date{font-size:11px}
.bb-header-v4 .trend strong{font-size:12px}
.bb-header-v4 .trend .tiny-label{font-size:9px}
.bb-header-v4 .trend{gap:5px;padding:3px}
.bb-header-v4 .trend img{width:32px;flex-basis:32px}
}
@media (max-width:720px){
.bb-header-v4 .page{padding:0 15px}
.bb-header-v4 .masthead{display:flex;flex-wrap:wrap;gap:9px;padding:9px 0 13px}
.bb-header-v4 .date{order:0;width:100%}
.bb-header-v4 .brand{order:1}
.bb-header-v4 .brand img{width:245px}
.bb-header-v4 .search{order:2;width:100%;max-width:none;margin:5px 0 0;height:44px}
.bb-header-v4 .search button{width:58px;flex-basis:58px}
.bb-header-v4 .trendbar{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;margin-bottom:12px}
.bb-header-v4 .trend{min-height:46px}
.bb-header-v4 .trend:nth-child(3){border-right:0}
.bb-header-v4 .trend:nth-child(4),.bb-header-v4 .trend:nth-child(5){border-top:1px solid var(--line)}
.bb-header-v4 .trend:nth-child(4){grid-column:1/2}
.bb-header-v4 .trend:nth-child(5){grid-column:2/4}
}
@media (max-width:385px){
.bb-header-v4 .trend{padding:4px}
.bb-header-v4 .trend strong{font-size:11px}
.bb-header-v4 .trend img{width:26px;height:31px;flex-basis:26px}
.bb-header-v4 .tiny-label{font-size:10px}
}
.bb-header-v4 .masthead{grid-template-columns:minmax(300px,1fr) minmax(350px,1.08fr);align-items:center;gap:8px 26px;min-height:0;padding:9px 0 15px}
.bb-header-v4 .masthead .date{grid-column:1/-1;justify-self:end;text-align:right;font-size:11px;line-height:1.05}
.bb-header-v4 .masthead .brand{grid-column:1;min-width:0}
.bb-header-v4 .masthead .brand img{width:450px;max-width:100%;height:auto}
.bb-header-v4 .masthead .search{grid-column:2;width:100%;max-width:620px;justify-self:end;margin:0;height:64px}
.bb-header-v4 .masthead .search input{font-size:19px;padding:10px 22px}
.bb-header-v4 .masthead .search button{width:85px;flex-basis:85px}
.bb-header-v4 .masthead .search svg{width:26px;height:26px}
.bb-header-v4 .trendbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(250px,1.40fr);width:min(100%,1090px);height:70px;margin:0 auto 17px;border:1px solid var(--line)}
.bb-header-v4 .trendbar .trend{min-width:0;display:flex;align-items:center;justify-content:center;padding:5px 9px;border-right:1px solid var(--line);text-decoration:none}
.bb-header-v4 .trendbar .trend:last-child{border-right:0}
.bb-header-v4 .trendbar .trend-nav{background:#f4f4f4;text-align:center;color:#111b32;font:700 17px/1.2 Arial,Helvetica,sans-serif;letter-spacing:0}
.bb-header-v4 .trendbar .trend-nav:hover,.bb-header-v4 .trendbar .trend-nav:focus-visible{background:#e8eef7;outline-offset:-3px}
.bb-header-v4 .trendbar .trend-recommended{justify-content:center;gap:11px;background:#fff;color:var(--navy)}
.bb-header-v4 .trendbar .trend-recommended:hover,.bb-header-v4 .trendbar .trend-recommended:focus-visible{background:#f5f9ff;outline-offset:-3px}
.bb-header-v4 .trendbar .trend-recommended img{width:47px;height:59px;flex:0 0 47px;object-fit:cover;object-position:top}
.bb-header-v4 .trendbar .trend-recommended .rec-text{display:block;min-width:0}
.bb-header-v4 .trendbar .trend-recommended .tiny-label{display:block;font:500 10px/1.1 Arial,Helvetica,sans-serif;color:#52637f;letter-spacing:.02em}
.bb-header-v4 .trendbar .trend-recommended strong{display:block;color:var(--navy);font:700 15px/1.15 Georgia,"Times New Roman",serif;margin-top:3px}
.bb-header-v4 .trendbar .trend-recommended small{display:block;color:var(--muted);font:12px/1.15 Arial,Helvetica,sans-serif;margin-top:2px}
@media (max-width:1050px){
.bb-header-v4 .masthead{grid-template-columns:minmax(225px,1fr) minmax(310px,1.1fr);gap:6px 20px}
.bb-header-v4 .masthead .date{grid-column:1/-1}
.bb-header-v4 .masthead .brand img{width:390px}
.bb-header-v4 .masthead .search{grid-column:2;max-width:none;height:55px}
.bb-header-v4 .masthead .search button{width:70px;flex-basis:70px}
.bb-header-v4 .trendbar{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(215px,1.4fr)}
.bb-header-v4 .trendbar .trend-nav{font-size:14px}
}
@media (max-width:720px){
.bb-header-v4 .masthead{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:9px 0 13px}
.bb-header-v4 .masthead .date{align-self:flex-end;width:auto;order:0}
.bb-header-v4 .masthead .brand{order:1;align-self:center;width:min(100%,355px)}
.bb-header-v4 .masthead .brand img{width:100%;max-width:100%}
.bb-header-v4 .masthead .search{order:2;width:100%;max-width:none;height:50px;margin:0}
.bb-header-v4 .masthead .search input{font-size:16px;padding:8px 12px}
.bb-header-v4 .masthead .search button{flex-basis:62px;width:62px}
.bb-header-v4 .trendbar{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:56px 72px;height:auto;margin-bottom:13px}
.bb-header-v4 .trendbar .trend{min-height:0;padding:5px 6px}
.bb-header-v4 .trendbar .trend:nth-child(2){border-right:0}
.bb-header-v4 .trendbar .trend:nth-child(3){grid-column:1/2;grid-row:2}
.bb-header-v4 .trendbar .trend:nth-child(4){grid-column:2/3;grid-row:2}
.bb-header-v4 .trendbar .trend:nth-child(n/**/+3){border-top:1px solid var(--line)}
.bb-header-v4 .trendbar .trend-nav{font-size:15px}
.bb-header-v4 .trendbar .trend-recommended img{height:58px;width:46px;flex-basis:46px}
.bb-header-v4 .trendbar .trend-recommended small{font-size:11px}
}
@media (max-width:350px){
.bb-header-v4 .trendbar .trend-nav{font-size:13px}
.bb-header-v4 .trendbar .trend-recommended{gap:6px}
.bb-header-v4 .trendbar .trend-recommended .tiny-label{font-size:9px}
.bb-header-v4 .trendbar .trend-recommended strong{font-size:13px}
.bb-header-v4 .trendbar .trend-recommended img{width:40px;flex-basis:40px;height:52px}
}
@media (max-width: 720px){
.bb-header-v4 .masthead .date{ display: none; }
.bb-header-v4 .trendbar{ display: none; }
}
@media (min-width: 721px){
.bb-header-v4 .masthead{
    display:grid;
    grid-template-columns:minmax(270px,1fr) minmax(300px,455px);
    grid-template-rows:auto auto;
    column-gap:20px;
    row-gap:4px;
    align-items:center;
    min-height:0;
    padding:6px 0 8px;
  }
.bb-header-v4 .masthead .date{ display:block; grid-column:1/-1; grid-row:1; justify-self:start; text-align:left; align-self:center; width:auto; order:initial; font-size:11px; line-height:1.2; margin:0; }
.bb-header-v4 .masthead .brand{ grid-column:1; grid-row:2; justify-self:start; align-self:center; order:initial; }
.bb-header-v4 .masthead .brand img{ display:block; width:320px; max-width:100%; height:auto; }
.bb-header-v4 .masthead .search{ grid-column:2; grid-row:2; justify-self:end; align-self:center; order:initial; width:100%; max-width:455px; height:47px; margin:0; }
.bb-header-v4 .masthead .search input{ font-size:15px; padding:8px 15px; }
.bb-header-v4 .masthead .search button{ width:62px; flex:0 0 62px; }
.bb-header-v4 .masthead .search svg{ width:21px; height:21px; }
.bb-header-v4 .trendbar{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) minmax(210px,1.07fr); grid-template-rows:1fr; height:66px; width:min(100%,1120px); margin:0 auto 14px; border:1px solid var(--line); }
.bb-header-v4 .trendbar .trend{ display:flex; flex-direction:row; justify-content:flex-start; align-items:center; text-align:left; gap:9px; min-width:0; min-height:0; padding:5px 8px; border-right:1px solid var(--line); border-top:0; grid-column:auto; grid-row:auto; }
.bb-header-v4 .trendbar .trend:last-child{ border-right:0; }
.bb-header-v4 .trendbar .trend-nav{ background:#f7f7f7; color:var(--navy); }
.bb-header-v4 .trendbar .trend-nav:hover,.bb-header-v4 .trendbar .trend-nav:focus-visible{ background:#e9eff9; }
.bb-header-v4 .trendbar .trend-nav img{ display:block; flex:0 0 43px; width:43px; height:52px; object-fit:cover; object-position:top; }
.bb-header-v4 .trendbar .trend-nav .rec-text{ flex:1 1 auto; min-width:0; display:block; }
.bb-header-v4 .trendbar .trend-nav .tiny-label{ color:#52637f; display:block; font:500 10px/1.1 Arial,Helvetica,sans-serif; letter-spacing:.02em; margin-bottom:3px; }
.bb-header-v4 .trendbar .trend-nav strong{ display:block; color:var(--navy); font:700 14px/1.14 Georgia,"Times New Roman",serif; overflow-wrap:break-word; letter-spacing:0; }
.bb-header-v4 .trendbar .trend-recommended{ background:#fff; padding:5px 8px; gap:9px; }
.bb-header-v4 .trendbar .trend-recommended img{ width:43px; height:52px; flex:0 0 43px; object-fit:cover; object-position:top; }
.bb-header-v4 .trendbar .trend-recommended .rec-text{ display:block; }
.bb-header-v4 .trendbar .trend-recommended strong{ font-size:14px; }
.bb-header-v4 .trendbar .trend-recommended small{ font-size:11px; }
}
@media (min-width:721px) and (max-width:910px){
.bb-header-v4 .masthead{ grid-template-columns:minmax(225px,1fr) minmax(300px,1.14fr); column-gap:14px; }
.bb-header-v4 .masthead .brand img{ width:282px; }
.bb-header-v4 .masthead .search{ max-width:none; height:45px; }
.bb-header-v4 .trendbar{ grid-template-columns:repeat(3,minmax(0,1fr)) minmax(190px,1.2fr); }
.bb-header-v4 .trendbar .trend{ gap:5px; padding:4px 5px; }
.bb-header-v4 .trendbar .trend-nav img{ width:34px; flex-basis:34px; height:43px; }
.bb-header-v4 .trendbar .trend-nav strong{ font-size:12px; }
.bb-header-v4 .trendbar .trend-nav .tiny-label{ font-size:9px; }
.bb-header-v4 .trendbar .trend-recommended img{ width:34px; height:43px; flex-basis:34px; }
.bb-header-v4 .trendbar .trend-recommended strong{ font-size:12px; }
.bb-header-v4 .trendbar .trend-recommended small{ font-size:10px; }
}
@media (max-width:720px){
.bb-header-v4 .masthead .date,.bb-header-v4 .trendbar{ display:none !important; }
.bb-header-v4 .masthead{ display:flex; flex-direction:column; align-items:center; gap:8px; padding:8px 0 11px; }
.bb-header-v4 .masthead .brand{ order:1; align-self:center; width:auto; max-width:100%; }
.bb-header-v4 .masthead .brand img{ width:min(100%,255px); max-width:100%; height:auto; }
.bb-header-v4 .masthead .search{ order:2; width:100%; max-width:500px; height:44px; margin:0; }
.bb-header-v4 .masthead .search input{ font-size:15px; padding:7px 12px; min-width:0; }
.bb-header-v4 .masthead .search button{ width:54px; flex:0 0 54px; }
.bb-header-v4 .masthead .search svg{ width:20px; height:20px; }
}
@media (min-width:911px){
.bb-header-v4 .masthead .brand img{ width:295px; }
.bb-header-v4 .masthead .search{ max-width:405px; height:43px; }
}
@media (min-width:721px) and (max-width:910px){
.bb-header-v4 .masthead .brand img{ width:270px; }
.bb-header-v4 .masthead .search{ width:min(100%,355px); height:43px; }
}
@media (min-width:721px){
.bb-header-v4 .masthead{
    display:grid;
    grid-template-columns:minmax(0,1fr) 295px minmax(260px,405px);
    grid-template-rows:auto;
    column-gap:20px;
    row-gap:0;
    align-items:center;
  }
.bb-header-v4 .masthead .date{
    grid-column:1;
    grid-row:1;
    justify-self:start;
    align-self:center;
    text-align:left;
    margin:0;
  }
.bb-header-v4 .masthead .brand{
    grid-column:2;
    grid-row:1;
    justify-self:center;
    align-self:center;
    min-width:0;
  }
.bb-header-v4 .masthead .search{
    grid-column:3;
    grid-row:1;
    justify-self:end;
    align-self:center;
    margin:0;
  }
}
@media (min-width:721px) and (max-width:910px){
.bb-header-v4 .masthead{
    grid-template-columns:minmax(0,1fr) 270px minmax(260px,355px);
    column-gap:14px;
  }
}

/* Ajuste de anchura: cabecera alineada con el contenido editorial. */
.bb-header-v4 .page{max-width:1120px;}

/* Biografías: desplazar el bloque logotipo + buscador hacia la izquierda.
   No altera la portada ni el lector TEMAS. */
@media (min-width: 911px) {
  .bb-header-v4.hidden-print .masthead {
    grid-template-columns: minmax(160px,245px) 295px minmax(260px,405px);
    column-gap: 18px;
    justify-content: start;
  }
}

/* Separación superior efectiva, sin colapso de márgenes. */
.bb-header-v4.hidden-print { padding-top: 20px !important; }