/* Zirene — ajustes 2026-09-19: fecha del menú, tabs de secciones y buscador */

/* 1. Fecha del menú: deja de ir en posición absoluta y se ubica
      a continuación del menú, separada por una línea. */
@media (min-width: 1600px) {
    .menu-bar .contenedor { padding: 0 30px; }
}
.menu-fecha {
    position: static;
    transform: none;
    margin-left: 28px;
    padding-left: 28px;
    border-left: 1px solid #e2e2e2;
    line-height: 20px;
}
@media (max-width: 1439px) {
    .menu-fecha { display: none; }
}
@media (max-width: 767px) {
    .menu-fecha { display: block; margin-left: 0; padding-left: 0; border-left: 0; }
}

/* 2. Tabs de secciones del home: todas en una sola fila. */
.all-news-tabs {
    max-width: none;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0 8px;
    overflow-x: auto;
    scrollbar-width: none;
}
.all-news-tabs::-webkit-scrollbar { display: none; }
.all-news-tabs button { white-space: nowrap; flex-shrink: 0; }
@media (max-width: 1439px) {
    .all-news-tabs button { font-size: 14px; gap: 5px; }
    .all-news-tabs button svg { width: 24px; height: 24px; }
}
@media (max-width: 1279px) {
    .all-news-tabs { justify-content: flex-start; gap: 0 22px; }
}

/* 3. Buscador */
.buscador-top { position: relative; display: flex; align-items: center; }
.buscador-top input {
    width: 170px;
    height: 34px;
    padding: 0 34px 0 12px;
    border: 1px solid #e2e2e2;
    border-radius: 17px;
    font-family: inherit;
    font-size: var(--fs-sm, 14px);
    color: var(--color-titulos, #111);
    background: #fff;
    transition: width .2s, border-color .2s;
}
.buscador-top input:focus { outline: none; width: 230px; border-color: var(--color-acento, #1f5bd6); }
.buscador-top button {
    position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
    background: none; border: 0; padding: 0; cursor: pointer; display: inline-flex;
    color: var(--color-titulos, #111);
}
.buscador-top svg { width: 16px; height: 16px; }
/* Buscador debajo de los íconos de redes */
@media (min-width: 768px) {
    .topbar-derecha {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-areas: "sesion redes" ". buscar";
        column-gap: 20px;
        row-gap: 8px;
        align-items: center;
    }
    .topbar-derecha .topbar-sesion { grid-area: sesion; }
    .topbar-derecha .topbar-redes { grid-area: redes; justify-content: flex-end; }
    /* la lupa queda centrada debajo del ícono de YouTube */
    .topbar-derecha .buscador-top { grid-area: buscar; justify-self: end; margin-right: -8px; }
    .buscador-top input, .buscador-top input:focus { width: 190px; height: 30px; }
}
@media (max-width: 767px) {
    .topbar-derecha .buscador-top { display: none; }
}
.buscador-offcanvas { margin: 0 0 24px; }
.buscador-offcanvas input {
    width: 100%; height: 40px; padding: 0 12px; border: 1px solid #e2e2e2;
    border-radius: 20px; font-family: inherit; font-size: 15px;
}

/* Página de resultados */
.busqueda-pagina { padding: 40px 0 60px; }
.busqueda-pagina h1 { font-size: 30px; margin-bottom: 8px; }
.busqueda-pagina .busqueda-meta { color: var(--color-gris-meta, #777); margin-bottom: 28px; }
.busqueda-form-grande { display: flex; gap: 10px; margin-bottom: 32px; max-width: 640px; }
.busqueda-form-grande input {
    flex: 1; height: 46px; padding: 0 16px; border: 1px solid #d8d8d8; border-radius: 8px;
    font-family: inherit; font-size: 16px;
}
.busqueda-form-grande button {
    height: 46px; padding: 0 22px; border: 0; border-radius: 8px; cursor: pointer;
    background: var(--color-acento, #1f5bd6); color: #fff; font-weight: 700; font-family: inherit;
}
.busqueda-lista { list-style: none; margin: 0; padding: 0; }
.busqueda-lista li { display: flex; gap: 20px; padding: 20px 0; border-bottom: 1px solid #ececec; }
.busqueda-lista .thumb { flex-shrink: 0; width: 220px; border-radius: 8px; overflow: hidden; display: block; }
.busqueda-lista .thumb img { width: 100%; height: 140px; object-fit: cover; display: block; }
.busqueda-lista .cat {
    font-size: var(--fs-xs, 12px); font-weight: 700; text-transform: uppercase;
    letter-spacing: 1px; color: var(--color-acento, #1f5bd6);
}
.busqueda-lista h2 { font-size: 21px; line-height: 1.3; margin: 4px 0 6px; }
.busqueda-lista h2 a { color: var(--color-titulos, #111); }
.busqueda-lista h2 a:hover { color: var(--color-acento, #1f5bd6); }
.busqueda-lista p { margin: 0 0 6px; color: var(--color-texto, #333); }
.busqueda-lista .fecha { font-size: var(--fs-xs, 12px); color: var(--color-gris-meta, #777); }
.busqueda-lista mark { background: #fff3a8; padding: 0 2px; }
.busqueda-paginacion { margin-top: 30px; }
@media (max-width: 767px) {
    .busqueda-lista li { flex-direction: column; gap: 10px; }
    .busqueda-lista .thumb { width: 100%; }
    .busqueda-lista .thumb img { height: 190px; }
}
.busqueda-paginacion { display: flex; gap: 20px; align-items: center; }
.busqueda-paginacion a { font-weight: 700; color: var(--color-acento, #1f5bd6); }
.busqueda-paginacion .busqueda-meta { margin: 0; }