/* ==========================================================================
   ÓRBITA NOTICIAS - SISTEMA DE DISEÑO Y ESTILOS EDITORIALES
   Paleta: Blanco (#FFF), Neutro (#F8FAFC), Oscuro (#0F172A), Azul Editorial (#0A4B9C), Rojo (#DC2626)
   Tipografía: Playfair Display / Lora (Serif) + Inter (Sans-serif)
   ========================================================================== */

:root {
    --orbita-bg: #FFFFFF;
    --orbita-bg-alt: #F8FAFC;
    --orbita-bg-card: #FFFFFF;
    --orbita-dark: #0F172A;
    --orbita-dark-pure: #000000;
    --orbita-dark-soft: #1E293B;

    --orbita-accent: #0A4B9C;
    --orbita-accent-hover: #073B7B;
    --orbita-accent-soft: rgba(10, 75, 156, 0.12);

    --orbita-alert: #DC2626;
    --orbita-alert-soft: rgba(220, 38, 38, 0.1);

    --orbita-text-main: #0F172A;
    --orbita-text-body: #334155;
    --orbita-text-muted: #64748B;
    --orbita-border: #E2E8F0;
    --orbita-border-dark: #334155;

    --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-serif-reading: 'Lora', Georgia, serif;
    --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    --orbita-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
    --orbita-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
    --orbita-shadow-lg: 0 10px 25px rgba(15, 23, 42, 0.12);
    --orbita-radius: 6px;
    --orbita-max-width: 1240px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background-color: var(--orbita-bg);
    color: var(--orbita-text-body);
    font-family: var(--font-sans);
    line-height: 1.6;
    overflow-x: clip;
}

a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    background: none;
}

.orbita-container {
    width: 100%;
    max-width: var(--orbita-max-width);
    margin: 0 auto;
    padding: 0 20px;
}

/* ==========================================================================
   HEADER Y NAVEGACIÓN
   ========================================================================== */

/* Contenedor Sticky Wrapper */
.orbita-header-sticky-wrapper {
    width: 100%;
    position: relative;
}

.orbita-date-desktop {
    display: inline;
}

.orbita-date-mobile {
    display: none;
}

/* 1. Top Utility Bar */
.orbita-top-bar {
    background-color: var(--orbita-dark-pure);
    color: #F8FAFC;
    font-size: 12px;
    letter-spacing: 0.015em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    z-index: 1200;
}

.orbita-top-bar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 38px;
}

.orbita-world-clock-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}

/* Wrapper del selector */
.orbita-editions-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* Botón disparador */
.orbita-editions-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 20px;
    padding: 3px 10px 3px 6px;
    cursor: pointer;
    color: #F8FAFC;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    user-select: none;
    outline: none;
}

.orbita-editions-btn:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(56, 189, 248, 0.5);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.orbita-editions-wrapper.is-open .orbita-editions-btn {
    background: rgba(255, 255, 255, 0.16);
    border-color: #38BDF8;
    box-shadow: 0 0 10px rgba(56, 189, 248, 0.3);
}

/* Contenedor de la bandera en el botón */
.orbita-ticker-flag-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 15px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.2);
    position: relative;
    flex-shrink: 0;
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Efecto brillo / sheen en la bandera */
.orbita-ticker-flag-wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 60%);
    pointer-events: none;
    border-radius: inherit;
}

.orbita-ticker-flag {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Animación de cambio de bandera (3D pop/flip) */
.orbita-ticker-flag-wrap.flag-flipping {
    transform: scale(0.8) rotateY(90deg);
    opacity: 0.3;
}

.orbita-ticker-flag-wrap.flag-entering {
    transform: scale(1) rotateY(0deg);
    opacity: 1;
}

/* Nombre de la edición activa */
.orbita-edition-name {
    color: #F8FAFC;
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: 0.01em;
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.orbita-edition-name.text-switching {
    opacity: 0;
    transform: translateY(-4px);
}

.orbita-edition-name.text-entering {
    opacity: 1;
    transform: translateY(0);
}

/* Chevron animado */
.orbita-chevron-icon {
    width: 11px;
    height: 11px;
    color: #94A3B8;
    transition: transform 0.24s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease;
    flex-shrink: 0;
}

.orbita-editions-btn:hover .orbita-chevron-icon {
    color: #FFFFFF;
}

.orbita-editions-wrapper.is-open .orbita-chevron-icon {
    transform: rotate(180deg);
    color: #38BDF8;
}

/* Menú desplegable flotante (Dropdown) */
.orbita-editions-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 340px;
    max-width: calc(100vw - 24px);
    background: #13161F;
    background: linear-gradient(180deg, #161922 0%, #10121A 100%);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px) scale(0.97);
    pointer-events: none;
    transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s;
    overflow: hidden;
}

.orbita-editions-dropdown.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

/* Cabecera del Dropdown */
.orbita-dropdown-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.2);
}

.orbita-dropdown-title {
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #94A3B8;
    text-transform: uppercase;
}


/* Lista de Ediciones */
.orbita-editions-list {
    padding: 6px;
    max-height: 310px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

/* Scrollbar estética */
.orbita-editions-list::-webkit-scrollbar {
    width: 5px;
}

.orbita-editions-list::-webkit-scrollbar-track {
    background: transparent;
}

.orbita-editions-list::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.18);
    border-radius: 4px;
}

.orbita-editions-list::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.35);
}

/* Elemento individual en la lista */
.orbita-edition-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 12px;
    border-radius: 8px;
    background: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
    transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
    margin-bottom: 2px;
    outline: none;
}

.orbita-edition-item:hover {
    background: rgba(255, 255, 255, 0.08);
}

.orbita-edition-item:hover .orbita-item-flag-wrap {
    transform: scale(1.12);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.4);
}

/* Item activo (seleccionado como en la captura) */
.orbita-edition-item.is-active {
    background: #1D4ED8;
    background: linear-gradient(135deg, #1E40AF 0%, #2563EB 100%);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35);
}

.orbita-item-left {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

/* Bandera en la lista */
.orbita-item-flag-wrap {
    width: 24px;
    height: 16px;
    border-radius: 3px;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.18);
    position: relative;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease;
}

.orbita-item-flag-wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 60%);
    pointer-events: none;
}

.orbita-item-flag {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.orbita-item-title {
    display: flex;
    align-items: baseline;
    gap: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.orbita-item-country {
    font-size: 13.5px;
    font-weight: 600;
    color: #F8FAFC;
}

.orbita-edition-item.is-active .orbita-item-country {
    color: #FFFFFF;
}

.orbita-item-city {
    font-size: 12px;
    font-weight: 400;
    color: #94A3B8;
}

.orbita-edition-item.is-active .orbita-item-city {
    color: rgba(255, 255, 255, 0.85);
}

.orbita-item-time {
    font-size: 13px;
    font-weight: 600;
    color: #CBD5E1;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
    flex-shrink: 0;
    padding-left: 8px;
}

.orbita-edition-item.is-active .orbita-item-time {
    color: #FFFFFF;
    font-weight: 700;
}

.orbita-day-diff {
    font-size: 10px;
    font-weight: 700;
    color: #38BDF8;
    background: rgba(56, 189, 248, 0.15);
    border: 1px solid rgba(56, 189, 248, 0.35);
    border-radius: 4px;
    padding: 1px 4px;
    margin-left: 6px;
    letter-spacing: 0.02em;
    display: inline-block;
    vertical-align: middle;
}

.orbita-edition-item.is-active .orbita-day-diff {
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.4);
}

/* Badge de Hora con Pulso Verde */
.orbita-live-clock-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.orbita-clock-pulse {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #10B981;
    box-shadow: 0 0 8px #10B981, 0 0 14px rgba(16, 185, 129, 0.5);
    animation: orbitaLiveGreenPulse 1.8s infinite ease-in-out;
    flex-shrink: 0;
}

@keyframes orbitaLiveGreenPulse {
    0%, 100% {
        transform: scale(0.9);
        opacity: 0.7;
    }
    50% {
        transform: scale(1.3);
        opacity: 1;
    }
}

.orbita-clock-time {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 12.5px;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
    transition: opacity 0.18s ease;
}

.orbita-clock-time.time-switching {
    opacity: 0;
}

.orbita-clock-time.time-entering {
    opacity: 1;
}

.orbita-divider-dot {
    color: #475569;
    font-size: 10px;
}

.orbita-live-datetime {
    color: #94A3B8;
    font-size: 11.5px;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.orbita-top-social {
    display: flex;
    align-items: center;
    gap: 12px;
}

.orbita-social-label {
    color: #64748B;
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
}

.orbita-social-link {
    color: #CBD5E1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s, transform 0.2s;
}

.orbita-social-link:hover {
    color: var(--orbita-accent);
    transform: translateY(-1px);
}

.orbita-social-link svg {
    width: 14px;
    height: 14px;
}

/* 2. Main Header (Logotipo Órbita) */
.orbita-main-header {
    background-color: var(--orbita-bg);
    border-bottom: 1px solid var(--orbita-border);
    padding: 24px 0 20px;
}

.orbita-main-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.orbita-mobile-menu-btn {
    display: none;
    flex-direction: column;
    gap: 5px;
    padding: 8px;
}

.orbita-menu-bar {
    width: 22px;
    height: 2px;
    background-color: var(--orbita-dark);
    transition: transform 0.2s, opacity 0.2s;
}

.orbita-logo-link {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
}

/* Logotipo Vectorial SVG Oficial */
.orbita-logo-link {
    margin: 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.orbita-logo-svg {
    width: 220px;
    height: auto;
    max-height: 88px;
    display: block;
    transition: transform 0.2s ease;
}

.orbita-logo-link:hover .orbita-logo-svg {
    transform: scale(1.02);
}

.orbita-sticky-logo-svg {
    width: 95px;
    height: auto;
    max-height: 38px;
    display: block;
}

.orbita-footer-logo .orbita-logo-svg {
    width: 170px;
    height: auto;
    max-height: 68px;
    display: block;
}

.orbita-drawer-logo .orbita-sticky-logo-svg {
    width: 130px;
    height: auto;
    max-height: 52px;
    display: block;
}

.orbita-main-header-actions {
    position: absolute;
    right: 20px;
    display: flex;
    align-items: center;
}

.orbita-header-search-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 18px;
    min-width: 155px;
    justify-content: flex-start;
    background: var(--orbita-bg-alt);
    border: 1px solid var(--orbita-border);
    border-radius: 22px;
    color: var(--orbita-text-muted);
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.orbita-header-search-btn:hover {
    color: var(--orbita-dark);
    border-color: #94A3B8;
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

/* 3. Navigation Bar (Barra de Secciones Centrada) */
.orbita-nav-bar {
    background-color: var(--orbita-bg);
    border-bottom: 2px solid var(--orbita-dark);
    position: relative;
    z-index: 90;
}

.orbita-nav-bar-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.orbita-nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    flex-wrap: wrap;
    gap: 2px;
}

.orbita-nav-item {
    position: relative;
}

.orbita-nav-link {
    display: inline-block;
    padding: 13px 18px;
    font-size: 13.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.055em;
    color: var(--orbita-dark);
    position: relative;
    transition: color 0.2s ease;
}

.orbita-nav-link::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 16px;
    right: 16px;
    height: 3px;
    background-color: var(--orbita-accent);
    border-radius: 2px 2px 0 0;
    transform: scaleX(0);
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    transform-origin: center;
    z-index: 2;
}

.orbita-nav-link:hover,
.orbita-nav-link.active {
    color: var(--orbita-accent-hover);
}

.orbita-nav-link:hover::after,
.orbita-nav-link.active::after {
    transform: scaleX(1);
}

/* Subrayado persistente automático por categoría activa según la página actual */
body.home-template .orbita-nav-link[data-category="home"],
body.tag-politica .orbita-nav-link[data-category="politica"],
body.tag-economia .orbita-nav-link[data-category="economia"],
body.tag-internacionales .orbita-nav-link[data-category="internacionales"],
body.tag-sociedad .orbita-nav-link[data-category="sociedad"],
body.tag-deportes .orbita-nav-link[data-category="deportes"],
body.page-quienes-somos .orbita-nav-link[data-category="quienes-somos"] {
    color: var(--orbita-accent-hover);
}

body.home-template .orbita-nav-link[data-category="home"]::after,
body.tag-politica .orbita-nav-link[data-category="politica"]::after,
body.tag-economia .orbita-nav-link[data-category="economia"]::after,
body.tag-internacionales .orbita-nav-link[data-category="internacionales"]::after,
body.tag-sociedad .orbita-nav-link[data-category="sociedad"]::after,
body.tag-deportes .orbita-nav-link[data-category="deportes"]::after,
body.page-quienes-somos .orbita-nav-link[data-category="quienes-somos"]::after {
    transform: scaleX(1);
    background-color: var(--orbita-accent);
}

/* Indicador activo en el menú lateral drawer */
body.home-template .orbita-drawer-link[data-category="home"],
body.tag-politica .orbita-drawer-link[data-category="politica"],
body.tag-economia .orbita-drawer-link[data-category="economia"],
body.tag-internacionales .orbita-drawer-link[data-category="internacionales"],
body.tag-sociedad .orbita-drawer-link[data-category="sociedad"],
body.tag-deportes .orbita-drawer-link[data-category="deportes"],
body.page-quienes-somos .orbita-drawer-link[data-category="quienes-somos"],
.orbita-drawer-link.active {
    color: var(--orbita-accent);
    font-weight: 700;
}

/* 4. Sticky Header Dinámico */
.orbita-sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 54px;
    background-color: var(--orbita-dark-pure);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
    z-index: 999;
    transform: translateY(-100%);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    align-items: center;
}

.orbita-sticky-header.visible {
    transform: translateY(0);
}

.orbita-sticky-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.orbita-sticky-left {
    display: flex;
    align-items: center;
    gap: 14px;
    z-index: 2;
}

.orbita-sticky-burger {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    background: transparent;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    transition: background 0.2s;
}

.orbita-sticky-burger:hover {
    background: rgba(255, 255, 255, 0.1);
}

.orbita-sticky-burger .orbita-menu-bar {
    background-color: #FFFFFF;
}

/* Centro: Logotipo de Órbita Noticias exactamente centrado */
.orbita-sticky-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.orbita-sticky-logo-link {
    display: inline-flex;
    align-items: center;
    transition: transform 0.2s ease;
}

.orbita-sticky-logo-link:hover {
    transform: scale(1.03);
}

/* Lado derecho del Sticky: Redes y Búsqueda */
.orbita-sticky-right {
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 2;
}

.orbita-sticky-social {
    display: flex;
    align-items: center;
    gap: 10px;
}

.orbita-sticky-social-link {
    color: #94A3B8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    transition: all 0.2s ease;
}

.orbita-sticky-social-link svg {
    width: 14px;
    height: 14px;
}

.orbita-sticky-social-link:hover {
    color: #FFFFFF;
    background: var(--orbita-accent-hover);
    transform: translateY(-1px);
}

.orbita-sticky-search-btn {
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.08);
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}

.orbita-sticky-search-btn:hover {
    background: var(--orbita-accent);
    color: #0F172A;
}

@media (max-width: 1024px) {
    .orbita-sticky-nav {
        display: none;
    }
}

/* Off-canvas Drawer */
.orbita-drawer-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(3px);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s;
}

.orbita-drawer-backdrop.active {
    opacity: 1;
    visibility: visible;
}

.orbita-drawer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 320px;
    max-width: 85vw;
    background: #000000;
    color: #FFFFFF;
    z-index: 1001;
    transform: translateX(-100%);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    border-right: 1px solid #1C1C1C;
    box-shadow: 10px 0 30px rgba(0, 0, 0, 0.6);
}

.orbita-drawer.active {
    transform: translateX(0);
}

.orbita-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid #1A1A1A;
}

.orbita-drawer-close {
    color: #94A3B8;
    font-size: 32px;
    line-height: 1;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: color 0.2s;
}

.orbita-drawer-close:hover {
    color: #FFFFFF;
}

.orbita-drawer-search {
    padding: 16px 24px;
    border-bottom: 1px solid #1A1A1A;
}

.orbita-drawer-search-btn {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #111111;
    border: 1px solid #262626;
    border-radius: 6px;
    padding: 10px 14px;
    color: #94A3B8;
    font-size: 13.5px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.orbita-drawer-search-btn:hover {
    background: #1A1A1A;
    border-color: var(--orbita-accent);
    color: #FFFFFF;
}

.orbita-drawer-nav {
    padding: 16px 0;
    flex: 1;
}

.orbita-drawer-list {
    list-style: none;
}

.orbita-drawer-link {
    display: block;
    padding: 13px 24px;
    font-size: 14.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #F1F5F9;
    transition: all 0.2s;
    border-left: 3px solid transparent;
}

.orbita-drawer-link:hover {
    color: var(--orbita-accent);
    background: #111111;
    border-left-color: var(--orbita-accent);
}

.orbita-drawer-footer {
    padding: 24px;
    border-top: 1px solid #1A1A1A;
    background: #000000;
}

.orbita-drawer-social-title {
    display: block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748B;
    margin-bottom: 12px;
}

.orbita-drawer-social-icons {
    display: flex;
    gap: 16px;
}

.orbita-drawer-social-icons a {
    color: #94A3B8;
    transition: color 0.2s;
}

.orbita-drawer-social-icons a:hover {
    color: var(--orbita-accent);
}

.orbita-drawer-social-icons svg {
    width: 18px;
    height: 18px;
}

.orbita-drawer-copyright {
    margin-top: 16px;
    font-size: 11.5px;
    color: #64748B;
    line-height: 1.4;
}

/* ==========================================================================
   PORTADA: APERTURA PRINCIPAL (ASIMÉTRICA ESTILO LPO)
   ========================================================================== */

.orbita-hero-section {
    padding: 32px 0 24px;
    border-bottom: 1px solid var(--orbita-border);
}

.orbita-hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}

/* Noticia Principal (Izquierda) */
.orbita-main-lead-card {
    display: flex;
    flex-direction: column;
}

.orbita-lead-image-wrap {
    position: relative;
    border-radius: var(--orbita-radius);
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #E2E8F0;
}

.orbita-lead-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.orbita-main-lead-card:hover .orbita-lead-image {
    transform: scale(1.025);
}

.orbita-badge-alert {
    position: absolute;
    top: 16px;
    left: 16px;
    background-color: var(--orbita-alert);
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.4);
    z-index: 2;
}

.orbita-lead-body {
    padding-top: 20px;
}

.orbita-volanta {
    display: inline-block;
    font-size: 12.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--orbita-alert);
    margin-bottom: 8px;
}

.orbita-volanta a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.orbita-volanta a:hover {
    color: var(--orbita-accent-hover);
}

.orbita-volanta.accent {
    color: var(--orbita-accent-hover);
}

.orbita-lead-title {
    font-family: var(--font-serif);
    font-size: 38px;
    line-height: 1.18;
    font-weight: 800;
    color: var(--orbita-dark);
    margin-bottom: 12px;
    letter-spacing: -0.015em;
}

.orbita-lead-title a:hover {
    color: var(--orbita-accent-hover);
}

.orbita-lead-excerpt {
    font-size: 17px;
    color: var(--orbita-text-body);
    line-height: 1.55;
    margin-bottom: 16px;
}

.orbita-lead-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12.5px;
    color: var(--orbita-text-muted);
}

.orbita-author-name {
    font-weight: 600;
    color: var(--orbita-dark);
}

/* Columna de Secundarias (Derecha) - Misma anchura exacta que la portada (1fr 1fr) */
.orbita-secondary-column {
    display: flex;
    flex-direction: column;
    gap: 14px;
    border-left: none;
    padding-left: 0;
    justify-content: flex-start;
}

.orbita-secondary-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 18px;
    background: #FFFFFF;
    border: 1px solid var(--orbita-border);
    border-radius: 10px;
    padding: 14px 18px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s ease, border-color 0.22s ease;
}

.orbita-secondary-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
    border-color: #CBD5E1;
}

/* Fallback: mostrar solo 4 tarjetas */
.orbita-secondary-card:nth-child(n+5) {
    display: none;
}

.orbita-sec-thumb-wrap {
    width: 195px;
    height: 125px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #E2E8F0;
    position: relative;
}

.orbita-sec-img-link {
    display: block;
    width: 100%;
    height: 100%;
}

.orbita-sec-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.orbita-secondary-card:hover .orbita-sec-thumb {
    transform: scale(1.05);
}

.orbita-sec-content {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    min-width: 0;
}

.orbita-sec-meta-top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.orbita-sec-volanta {
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--orbita-accent);
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.orbita-sec-bullet {
    font-size: 10px;
    color: var(--orbita-text-muted);
}

.orbita-sec-date {
    font-size: 11.5px;
    color: var(--orbita-text-muted);
    font-weight: 500;
    white-space: nowrap;
}

.orbita-sec-title {
    font-family: var(--font-serif);
    font-size: 18.5px;
    line-height: 1.28;
    font-weight: 700;
    color: var(--orbita-dark);
    margin-bottom: 6px;
    letter-spacing: -0.01em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.orbita-sec-title a:hover {
    color: var(--orbita-accent-hover);
}

.orbita-sec-excerpt {
    font-size: 13.5px;
    line-height: 1.48;
    color: var(--orbita-text-body);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ==========================================================================
   SLIDER HERO: UN SLIDE POR NOTICIA (4 NOTICIAS DESTACADAS)
   ========================================================================== */

.orbita-carousel-section {
    padding: 34px 0 38px;
    background-color: #E2E8F0;
    background: linear-gradient(180deg, #E2E8F0 0%, #EEF2F6 100%);
    border-top: 1px solid #CBD5E1;
    border-bottom: 1px solid #CBD5E1;
}

.orbita-carousel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    gap: 16px;
}

.orbita-section-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.orbita-accent-bar {
    width: 4px;
    height: 22px;
    background-color: var(--orbita-accent);
    border-radius: 2px;
    flex-shrink: 0;
}

.orbita-section-heading {
    font-family: var(--font-sans);
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--orbita-dark);
    margin: 0;
}

.orbita-carousel-controls {
    display: flex;
    align-items: center;
    gap: 14px;
}

.orbita-slider-counter {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #FFFFFF;
    border: 1px solid var(--orbita-border);
    padding: 5px 12px;
    border-radius: 20px;
    font-family: var(--font-sans);
    font-size: 13px;
    user-select: none;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

#orbitaSliderCurrent {
    font-weight: 800;
    color: var(--orbita-dark);
}

.orbita-counter-sep {
    color: #CBD5E1;
    font-weight: 400;
}

#orbitaSliderTotal {
    color: var(--orbita-text-muted);
    font-weight: 600;
}

.orbita-slider-nav-btns {
    display: flex;
    align-items: center;
    gap: 8px;
}

.orbita-carousel-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid var(--orbita-border);
    color: var(--orbita-dark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.orbita-carousel-btn:hover {
    background: var(--orbita-dark);
    color: #FFFFFF;
    border-color: var(--orbita-dark);
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.12);
}

.orbita-carousel-btn:active {
    transform: translateY(0);
}

/* Contenedor del Slider */
.orbita-single-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    background: #FFFFFF;
    border: 1px solid var(--orbita-border);
    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.06);
}

.orbita-single-slider-track {
    display: flex;
    width: 100%;
    transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: transform;
}

.orbita-hero-slide {
    flex: 0 0 100%;
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Card del Slide: Presentación Editorial Split */
.orbita-slide-card {
    display: grid;
    grid-template-columns: 56% 44%;
    height: 440px;
    background: #FFFFFF;
}

.orbita-slide-media {
    position: relative;
    overflow: hidden;
    background: #0F172A;
    height: 100%;
}

.orbita-slide-img-link {
    display: block;
    width: 100%;
    height: 100%;
}

.orbita-slide-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.orbita-slide-card:hover .orbita-slide-img {
    transform: scale(1.035);
}

.orbita-slide-badges {
    position: absolute;
    top: 18px;
    left: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 2;
}

.orbita-slide-tag {
    background: rgba(15, 23, 42, 0.9);
    backdrop-filter: blur(8px);
    color: var(--orbita-accent);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 5px 11px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.orbita-slide-destacado-badge {
    background: var(--orbita-accent);
    color: #FFFFFF;
    font-size: 10.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 5px 11px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 2px 8px rgba(2, 132, 199, 0.35);
}

.orbita-pulse-dot {
    width: 6px;
    height: 6px;
    background: #FFFFFF;
    border-radius: 50%;
    display: inline-block;
    animation: orbitaPulse 1.8s infinite;
}

@keyframes orbitaPulse {
    0% {
        transform: scale(0.9);
        opacity: 0.8;
    }

    50% {
        transform: scale(1.35);
        opacity: 1;
    }

    100% {
        transform: scale(0.9);
        opacity: 0.8;
    }
}

/* Columna de Contenido Editorial */
.orbita-slide-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 38px 42px;
    background: #FFFFFF;
}

.orbita-slide-meta-top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.orbita-slide-kicker {
    color: var(--orbita-accent);
    text-decoration: none;
    transition: color 0.2s;
}

.orbita-slide-kicker:hover {
    color: var(--orbita-accent-hover);
    text-decoration: underline;
}

.orbita-meta-bullet {
    color: #CBD5E1;
}

.orbita-slide-date {
    color: var(--orbita-text-muted);
    font-weight: 500;
    text-transform: none;
}

.orbita-slide-title {
    font-family: var(--font-serif);
    font-size: 29px;
    line-height: 1.25;
    font-weight: 800;
    color: var(--orbita-dark);
    margin: 0 0 16px;
    letter-spacing: -0.015em;
}

.orbita-slide-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.orbita-slide-title a:hover {
    color: var(--orbita-accent-hover);
}

.orbita-slide-excerpt {
    font-size: 15px;
    line-height: 1.6;
    color: #475569;
    margin: 0 0 24px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.orbita-slide-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid var(--orbita-border);
    gap: 12px;
}

.orbita-slide-author {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: var(--orbita-text-muted);
}

.orbita-author-by {
    color: #94A3B8;
}

.orbita-author-name {
    font-weight: 700;
    color: var(--orbita-dark);
}

.orbita-reading-time {
    background: var(--orbita-bg-alt);
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 11.5px;
    font-weight: 600;
    color: #64748B;
}

.orbita-slide-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--orbita-dark);
    background: #F1F5F9;
    padding: 7px 14px;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.orbita-slide-cta svg {
    transition: transform 0.2s ease;
}

.orbita-slide-cta:hover {
    background: var(--orbita-dark);
    color: #FFFFFF;
}

.orbita-slide-cta:hover svg {
    transform: translateX(3px);
    stroke: #FFFFFF;
}

/* Indicadores de Paginación (Dots) */
.orbita-slider-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 0 16px;
    background: #FFFFFF;
}

.orbita-slider-dot {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #CBD5E1;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.orbita-slider-dot:hover {
    background: #94A3B8;
}

.orbita-slider-dot.active {
    width: 28px;
    background: var(--orbita-accent);
    border-radius: 4px;
}

/* ==========================================================================
   LAYOUT PRINCIPAL DE CONTENIDO Y PUBLICIDAD (2 COLUMNAS)
   ========================================================================== */

.orbita-main-layout {
    padding: 40px 0;
}

.orbita-content-sidebar-grid {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    align-items: start;
}

.orbita-main-flow {
    display: flex;
    flex-direction: column;
    gap: 44px;
}

/* Bloques Editoriales por Categoría */
.orbita-category-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.orbita-block-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid var(--orbita-dark);
    padding-bottom: 8px;
}

.orbita-block-title {
    font-family: var(--font-sans);
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--orbita-dark);
    position: relative;
}

.orbita-block-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 60px;
    height: 3px;
    background-color: var(--orbita-accent);
}

.orbita-block-more-link {
    font-size: 12.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--orbita-accent-hover);
    transition: transform 0.2s;
}

.orbita-block-more-link:hover {
    transform: translateX(3px);
}

/* Grillas de Artículos */
.orbita-grid-2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.orbita-card-vertical {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--orbita-border);
    border-radius: var(--orbita-radius);
    overflow: hidden;
    background: #FFFFFF;
    transition: transform 0.25s, box-shadow 0.25s;
}

.orbita-card-vertical:hover {
    transform: translateY(-3px);
    box-shadow: var(--orbita-shadow-md);
}

.orbita-card-img-wrap {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #E2E8F0;
    position: relative;
}

.orbita-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.orbita-card-vertical:hover .orbita-card-img {
    transform: scale(1.04);
}

.orbita-card-body {
    padding: 16px 18px 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.orbita-card-tag {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--orbita-accent-hover);
    margin-bottom: 6px;
    letter-spacing: 0.05em;
}

.orbita-card-title {
    font-family: var(--font-serif);
    font-size: 20px;
    line-height: 1.28;
    font-weight: 700;
    color: var(--orbita-dark);
    margin-bottom: 8px;
}

.orbita-card-title a:hover {
    color: var(--orbita-accent-hover);
}

.orbita-card-excerpt {
    font-size: 14px;
    color: var(--orbita-text-muted);
    line-height: 1.5;
    margin-bottom: 12px;
}

.orbita-card-meta {
    margin-top: auto;
    font-size: 12px;
    color: var(--orbita-text-muted);
}

/* Sidebar Derecha */
.orbita-sidebar {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: sticky;
    top: 85px;
    align-self: start;
}

/* Banners Publicitarios */
.orbita-ad-slot {
    background: var(--orbita-bg-alt);
    border: 1px dashed #CBD5E1;
    border-radius: var(--orbita-radius);
    padding: 16px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.orbita-ad-300x250 {
    width: 300px;
    min-height: 250px;
}

.orbita-ad-250x250 {
    width: 300px;
    min-height: 250px;
}

.orbita-ad-tag {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.12em;
    color: #94A3B8;
    margin-bottom: 12px;
}

.orbita-ad-brand {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 16px;
}

.orbita-ad-call {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: var(--orbita-dark);
}

.orbita-ad-sub {
    font-size: 12px;
    color: var(--orbita-text-muted);
    max-width: 220px;
    line-height: 1.35;
}

.orbita-ad-dim {
    font-size: 11px;
    font-weight: 600;
    color: #94A3B8;
    margin-top: 4px;
}

.orbita-ad-btn {
    display: inline-block;
    background: var(--orbita-dark);
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 8px 18px;
    border-radius: 20px;
    transition: background 0.2s;
}

.orbita-ad-btn:hover {
    background: var(--orbita-accent-hover);
}

/* Banner cargado con imagen activa */
.orbita-ad-slot.orbita-ad-has-banner {
    border: none;
    background: transparent;
    padding: 0;
}

.orbita-ad-slot.orbita-ad-has-banner .orbita-ad-tag {
    margin-bottom: 6px;
    align-self: flex-start;
}

.orbita-ad-banner-link {
    display: block;
    width: 100%;
    border-radius: var(--orbita-radius);
    overflow: hidden;
    box-shadow: var(--orbita-shadow-sm);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.orbita-ad-banner-link:hover {
    transform: translateY(-2px);
    box-shadow: var(--orbita-shadow-md);
}

.orbita-ad-banner-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: var(--orbita-radius);
}

/* Widget: Las más leídas (1 a 5) */
.orbita-popular-widget {
    background: #FFFFFF;
    border: 1px solid var(--orbita-border);
    border-radius: var(--orbita-radius);
    padding: 20px;
}

.orbita-widget-header {
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 2px solid var(--orbita-dark);
    padding-bottom: 8px;
    margin-bottom: 16px;
}

.orbita-widget-indicator {
    width: 4px;
    height: 16px;
    background: var(--orbita-accent);
}

.orbita-widget-title {
    font-family: var(--font-sans);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: var(--orbita-dark);
}

.orbita-popular-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.orbita-popular-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--orbita-border);
}

.orbita-popular-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.orbita-popular-thumb-wrap {
    position: relative;
    width: 110px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
    background: #E2E8F0;
}

.orbita-popular-badge {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 2;
    min-width: 22px;
    height: 22px;
    padding: 0 4px;
    background: var(--orbita-dark, #0F172A);
    color: #FFFFFF;
    font-family: var(--font-sans);
    font-size: 11px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
    line-height: 1;
    pointer-events: none;
    letter-spacing: -0.02em;
}

.orbita-popular-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.25s ease;
}

.orbita-popular-item:hover .orbita-popular-thumb {
    transform: scale(1.05);
}

.orbita-popular-rank {
    font-family: var(--font-serif);
    font-size: 26px;
    line-height: 1;
    font-weight: 800;
    color: var(--orbita-accent);
    min-width: 22px;
    margin-top: 4px;
}

.orbita-popular-body {
    flex: 1;
    min-width: 0;
}

.orbita-popular-tag {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--orbita-text-muted);
    letter-spacing: 0.04em;
    display: block;
    margin-bottom: 3px;
}

.orbita-popular-headline {
    font-family: var(--font-serif);
    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
    color: var(--orbita-dark);
    word-break: break-word;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.orbita-popular-headline a:hover {
    color: var(--orbita-accent-hover);
}

/* ==========================================================================
   PÁGINA DE SECCIÓN / TAG (ESTILO CORTA + LPO)
   ========================================================================== */

.orbita-section-page {
    padding: 36px 0;
}

.orbita-section-header {
    border-bottom: 3px solid var(--orbita-dark);
    padding-bottom: 12px;
    margin-bottom: 32px;
    position: relative;
}

.orbita-section-title {
    font-family: var(--font-serif);
    font-size: 34px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--orbita-dark);
    letter-spacing: -0.01em;
}

.orbita-section-title-line {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 80px;
    height: 4px;
    background-color: var(--orbita-accent);
}

/* Nivel Superior: 2 Noticias Grandes Verticales (Estilo Corta) */
.orbita-section-top-duo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    margin-bottom: 36px;
}

.orbita-corta-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.orbita-corta-img-wrap {
    aspect-ratio: 16 / 10;
    border-radius: var(--orbita-radius);
    overflow: hidden;
    background: #E2E8F0;
    margin-bottom: 16px;
}

.orbita-corta-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s;
}

.orbita-corta-card:hover .orbita-corta-img {
    transform: scale(1.03);
}

.orbita-corta-title {
    font-family: var(--font-serif);
    font-size: 26px;
    line-height: 1.25;
    font-weight: 800;
    color: var(--orbita-dark);
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.orbita-corta-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.orbita-corta-title a:hover {
    color: var(--orbita-accent-hover);
}

.orbita-corta-excerpt {
    font-size: 15px;
    color: var(--orbita-text-body);
    line-height: 1.55;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.orbita-corta-card time {
    margin-top: auto;
}

/* Nivel Medio: Tarjetas Horizontales debajo de las 2 principales (Estilo Dibujo) */
.orbita-section-mid-row {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 24px 0 28px;
    border-top: 1px solid var(--orbita-border);
    margin-bottom: 32px;
}

.orbita-horizontal-card {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(226, 232, 240, 0.7);
}

.orbita-horizontal-card:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.orbita-horiz-thumb-wrap {
    width: 175px;
    height: 115px;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
    background: #E2E8F0;
}

.orbita-horiz-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.orbita-horizontal-card:hover .orbita-horiz-thumb {
    transform: scale(1.05);
}

.orbita-horiz-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.orbita-horiz-tag {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--orbita-accent);
    margin-bottom: 4px;
    display: inline-block;
}

.orbita-horiz-title {
    font-family: var(--font-serif);
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--orbita-dark);
    margin-bottom: 6px;
}

.orbita-horiz-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.orbita-horiz-title a:hover {
    color: var(--orbita-accent-hover);
}

.orbita-horiz-excerpt {
    font-size: 13.5px;
    color: #475569;
    line-height: 1.5;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.orbita-horiz-date {
    font-size: 11.5px;
    color: var(--orbita-text-muted);
}

/* Nivel Inferior: Grilla Compacta con Paginación */
.orbita-section-grid-lower {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 36px;
}

/* Paginación */
.orbita-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 24px 0;
}

.orbita-page-btn {
    padding: 8px 18px;
    background: #FFFFFF;
    border: 1px solid var(--orbita-border);
    border-radius: 4px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--orbita-dark);
    transition: all 0.2s;
}

.orbita-page-btn:hover {
    background: var(--orbita-dark);
    color: #FFFFFF;
    border-color: var(--orbita-dark);
}

.orbita-page-number {
    font-size: 13px;
    color: var(--orbita-text-muted);
}

/* ==========================================================================
   DETALLE DE ARTÍCULO (PÁGINA DE NOTA - ESTILO PÁGINA 12)
   ========================================================================== */

.orbita-article-page {
    padding: 40px 0 60px;
}

.orbita-article-grid {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 48px;
    align-items: start;
}

.orbita-article-main {
    max-width: 820px;
}

.orbita-article-header {
    margin-bottom: 24px;
}

.orbita-article-category {
    display: inline-block;
    font-size: 12.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--orbita-accent-hover);
    margin-bottom: 12px;
}

.orbita-article-headline {
    font-family: var(--font-serif);
    font-size: 42px;
    line-height: 1.15;
    font-weight: 800;
    color: var(--orbita-dark);
    letter-spacing: -0.02em;
    margin-bottom: 16px;
}

.orbita-article-bajada {
    font-size: 20px;
    line-height: 1.5;
    color: #475569;
    font-weight: 400;
    margin-bottom: 24px;
}

/* Bloque de Autor estilo Página 12 */
.orbita-author-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    border-top: 1px solid var(--orbita-border);
    border-bottom: 1px solid var(--orbita-border);
    margin-bottom: 28px;
}

.orbita-author-info {
    display: flex;
    align-items: center;
    gap: 14px;
}

.orbita-author-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    background: #CBD5E1;
    flex-shrink: 0;
}

.orbita-author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.orbita-author-details {
    display: flex;
    flex-direction: column;
}

.orbita-author-title {
    font-size: 14.5px;
    font-weight: 700;
    color: var(--orbita-dark);
}

.orbita-author-meta {
    font-size: 12.5px;
    color: var(--orbita-text-muted);
}

.orbita-share-bar {
    display: flex;
    align-items: center;
    gap: 10px;
}

.orbita-share-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--orbita-text-muted);
}

.orbita-share-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid var(--orbita-border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--orbita-text-body);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    cursor: pointer;
    text-decoration: none;
    flex-shrink: 0;
}

.orbita-share-btn svg {
    width: 17px;
    height: 17px;
    display: block;
    fill: currentColor;
    transition: transform 0.2s ease;
}

.orbita-share-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.orbita-share-btn:hover svg {
    transform: scale(1.08);
}

.orbita-share-btn.orbita-share-wa:hover {
    background: #25D366;
    border-color: #25D366;
    color: #FFFFFF;
}

.orbita-share-btn.orbita-share-x:hover {
    background: #000000;
    border-color: #000000;
    color: #FFFFFF;
}

.orbita-share-btn.orbita-share-fb:hover {
    background: #1877F2;
    border-color: #1877F2;
    color: #FFFFFF;
}

.orbita-featured-media {
    margin-bottom: 32px;
}

.orbita-featured-media img {
    width: 100%;
    border-radius: var(--orbita-radius);
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.orbita-media-caption {
    font-size: 12.5px;
    color: var(--orbita-text-muted);
    margin-top: 8px;
    text-align: right;
    font-style: italic;
}

/* Ritmo Editorial del Contenido */
.orbita-article-body {
    font-family: var(--font-serif-reading);
    font-size: 18.5px;
    line-height: 1.8;
    color: #1E293B;
}

.orbita-article-body p {
    margin-bottom: 24px;
}

.orbita-article-body h2,
.orbita-article-body h3 {
    font-family: var(--font-serif);
    color: var(--orbita-dark);
    font-weight: 800;
    margin: 40px 0 16px;
    line-height: 1.25;
}

.orbita-article-body h2 {
    font-size: 28px;
}

.orbita-article-body h3 {
    font-size: 22px;
}

.orbita-article-body blockquote {
    margin: 32px 0;
    padding: 16px 28px;
    border-left: 4px solid var(--orbita-accent);
    background: var(--orbita-bg-alt);
    font-family: var(--font-serif);
    font-size: 21px;
    font-style: italic;
    color: var(--orbita-dark);
    line-height: 1.6;
    border-radius: 0 var(--orbita-radius) var(--orbita-radius) 0;
}

.orbita-article-body figure {
    margin: 32px 0;
}

.orbita-article-body figcaption {
    font-family: var(--font-sans);
    font-size: 13px;
    color: var(--orbita-text-muted);
    text-align: center;
    margin-top: 8px;
}

/* ==========================================================================
   BLOQUE SEGUÍ LEYENDO / KEEP READING (AL CIERRE DE NOTA - ESTILO EURONEWS)
   ========================================================================== */

.orbita-keep-reading {
    margin-top: 48px;
    padding-top: 36px;
    border-top: 2px solid var(--orbita-border);
}

.orbita-keep-reading-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
}

.orbita-keep-reading-indicator {
    display: inline-block;
    width: 4px;
    height: 18px;
    background: var(--orbita-accent);
    border-radius: 2px;
    flex-shrink: 0;
}

.orbita-keep-reading-title {
    font-family: var(--font-sans);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--orbita-dark);
    margin: 0;
    line-height: 1;
}

.orbita-keep-reading-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px 28px;
}

.orbita-keep-reading-card {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--orbita-border);
    transition: transform 0.2s ease;
}

.orbita-keep-reading-content {
    flex: 1;
    min-width: 0;
}

.orbita-keep-reading-tag {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--orbita-accent);
    margin-bottom: 4px;
    transition: color 0.15s ease;
}

.orbita-keep-reading-tag:hover {
    color: var(--orbita-accent-hover);
}

.orbita-keep-reading-headline {
    font-family: var(--font-serif);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--orbita-dark);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.orbita-keep-reading-headline a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.orbita-keep-reading-headline a:hover {
    color: var(--orbita-accent);
}

.orbita-keep-reading-thumb-wrap {
    width: 86px;
    height: 86px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #E2E8F0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.orbita-keep-reading-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.orbita-keep-reading-card:hover .orbita-keep-reading-thumb {
    transform: scale(1.06);
}

@media (max-width: 768px) {
    .orbita-keep-reading {
        margin-top: 36px;
        padding-top: 28px;
    }

    .orbita-keep-reading-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .orbita-keep-reading-card {
        padding-bottom: 14px;
    }

    .orbita-keep-reading-thumb-wrap {
        width: 78px;
        height: 78px;
    }

    .orbita-keep-reading-headline {
        font-size: 15px;
    }
}

/* ==========================================================================
   ELEMENTOS FLOTANTES
   ========================================================================== */

/* Barra Flotante Social Izquierda */
.orbita-floating-social {
    position: fixed;
    top: 50%;
    left: 24px;
    transform: translateY(-50%);
    z-index: 70;
    display: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

@media (min-width: 1440px) {
    .orbita-floating-social {
        display: block;
    }
}

.orbita-floating-social.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.orbita-floating-social-inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(6px);
    padding: 8px;
    border-radius: 30px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--orbita-border);
}

.orbita-float-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--orbita-dark);
    position: relative;
    transition: background 0.2s, color 0.2s;
}

.orbita-float-btn:hover {
    background: var(--orbita-dark);
    color: #FFFFFF;
}

.orbita-float-btn.orbita-whatsapp-btn:hover {
    background: #25D366;
    color: #FFFFFF;
}

.orbita-tooltip {
    position: absolute;
    left: calc(100% + 10px);
    background: var(--orbita-dark);
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-5px);
    transition: opacity 0.2s, transform 0.2s;
    pointer-events: none;
}

.orbita-float-btn:hover .orbita-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* Botón Scroll-To-Top */
.orbita-scroll-top-btn {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--orbita-dark);
    color: #FFFFFF;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 85;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.orbita-scroll-top-btn.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.orbita-scroll-top-btn:hover {
    background: var(--orbita-accent-hover);
    transform: translateY(-3px);
}

/* Barra Flotante de Redes Sociales exclusiva para Móvil (Abajo a la izquierda) */
.orbita-mobile-floating-social {
    display: none;
}

@media (max-width: 768px) {
    .orbita-mobile-floating-social {
        position: fixed;
        bottom: 18px;
        left: 14px;
        z-index: 990;
        display: flex;
        align-items: center;
        gap: 6px;
        background: rgba(15, 23, 42, 0.9);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 28px;
        padding: 5px 8px;
        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.32);
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .orbita-mob-social-btn {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #F8FAFC;
        background: rgba(255, 255, 255, 0.08);
        transition: background 0.2s, transform 0.2s;
    }

    .orbita-mob-social-btn svg {
        width: 14px;
        height: 14px;
    }

    .orbita-mob-social-btn:active {
        background: var(--orbita-accent);
        color: #FFFFFF;
        transform: scale(0.92);
    }
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.orbita-footer {
    background: var(--orbita-dark-pure);
    color: #F8FAFC;
    padding: 60px 0 30px;
    border-top: 4px solid var(--orbita-dark);
}

.orbita-footer-top {
    display: grid;
    grid-template-columns: 1.8fr 1fr 1.3fr 1.8fr;
    gap: 40px;
    margin-bottom: 48px;
}

.orbita-footer-desc {
    color: #94A3B8;
    font-size: 13.5px;
    line-height: 1.6;
    margin: 18px 0 20px;
    max-width: 340px;
}

.orbita-footer-social {
    display: flex;
    gap: 14px;
}

.orbita-footer-social a {
    color: #CBD5E1;
    transition: color 0.2s;
}

.orbita-footer-social a:hover {
    color: var(--orbita-accent);
}

.orbita-footer-social svg {
    width: 17px;
    height: 17px;
}

.orbita-footer-col-title {
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #FFFFFF;
    margin-bottom: 18px;
    position: relative;
    padding-bottom: 8px;
}

.orbita-footer-col-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 2px;
    background-color: var(--orbita-accent);
}

.orbita-footer-menu {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.orbita-footer-menu a {
    color: #94A3B8;
    font-size: 13.5px;
    transition: color 0.2s, transform 0.2s;
    display: inline-block;
}

.orbita-footer-menu a:hover {
    color: var(--orbita-accent);
    transform: translateX(3px);
}

.orbita-footer-sub-title {
    font-size: 11.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #FFFFFF;
    margin: 22px 0 10px;
    position: relative;
    padding-bottom: 6px;
}

.orbita-footer-sub-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 18px;
    height: 2px;
    background-color: var(--orbita-accent);
}

.orbita-footer-contact-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.orbita-footer-contact-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.orbita-contact-label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #64748B;
}

.orbita-contact-email {
    color: #CBD5E1;
    font-size: 12px;
    transition: color 0.2s, transform 0.2s;
    display: inline-block;
    word-break: break-all;
}

.orbita-contact-email:hover {
    color: var(--orbita-accent);
    transform: translateX(3px);
}

.orbita-newsletter-text {
    font-size: 13px;
    color: #94A3B8;
    line-height: 1.5;
    margin-bottom: 14px;
}

.orbita-input-group {
    display: flex;
    gap: 8px;
}

.orbita-input-group input {
    flex: 1;
    background: #1E293B;
    border: 1px solid #334155;
    border-radius: 4px;
    padding: 10px 14px;
    color: #FFFFFF;
    font-size: 13px;
}

.orbita-input-group input:focus {
    outline: none;
    border-color: var(--orbita-accent);
}

.orbita-newsletter-submit {
    background: var(--orbita-accent);
    color: #0F172A;
    font-size: 13px;
    font-weight: 700;
    padding: 0 16px;
    border-radius: 4px;
    transition: background 0.2s;
}

.orbita-newsletter-submit:hover {
    background: #7DD3FC;
}

/* Estados y Mensajes del Newsletter */
.orbita-newsletter-form {
    position: relative;
}

.orbita-newsletter-form .message-success,
.orbita-newsletter-form .message-error {
    display: none;
    font-size: 13px;
    margin-top: 10px;
    line-height: 1.4;
    padding: 8px 12px;
    border-radius: 4px;
}

.orbita-newsletter-form.success .message-success {
    display: block;
    color: var(--orbita-accent);
    background: var(--orbita-accent-soft);
    border: 1px solid rgba(10, 75, 156, 0.3);
}

.orbita-newsletter-form.error .message-error {
    display: block;
    color: #F87171;
    background: rgba(248, 113, 113, 0.12);
    border: 1px solid rgba(248, 113, 113, 0.3);
}

.orbita-newsletter-form.loading .orbita-newsletter-submit {
    opacity: 0.6;
    pointer-events: none;
}

.orbita-footer-bottom {
    border-top: 1px solid #1E293B;
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12.5px;
    color: #64748B;
    flex-wrap: wrap;
    gap: 12px;
}

.orbita-footer-legal {
    display: flex;
    align-items: center;
    gap: 8px;
}

.orbita-dot-sep {
    color: #475569;
}

.orbita-back-top-link {
    color: var(--orbita-accent);
    font-weight: 600;
}

/* ==========================================================================
   RESPONSIVE DESIGN (MOBILE, TABLET, DESKTOP)
   ========================================================================== */

@media (max-width: 1024px) {
    .orbita-hero-grid {
        grid-template-columns: 1fr;
    }

    .orbita-secondary-column {
        border-left: none;
        padding-left: 0;
        border-top: 1px solid var(--orbita-border);
        padding-top: 24px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .orbita-secondary-card {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 14px;
        padding: 12px 14px;
        border: 1px solid var(--orbita-border);
        border-radius: 8px;
    }

    .orbita-sec-thumb-wrap {
        width: 125px;
        height: 86px;
        flex-shrink: 0;
        border-radius: 6px;
    }

    .orbita-sec-content {
        padding: 0;
    }

    .orbita-sec-title {
        font-size: 15px;
        line-height: 1.25;
        margin-bottom: 4px;
    }

    .orbita-sec-excerpt {
        font-size: 12px;
        line-height: 1.4;
    }

    .orbita-content-sidebar-grid,
    .orbita-article-grid {
        grid-template-columns: 1fr;
    }

    .orbita-sidebar {
        width: 100%;
        position: static;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }

    .orbita-ad-300x250,
    .orbita-ad-250x250 {
        width: 100%;
    }

    .orbita-footer-top {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Slider Hero Tablet */
    .orbita-slide-card {
        grid-template-columns: 50% 50%;
        min-height: 380px;
    }

    .orbita-slide-content {
        padding: 26px 30px;
    }

    .orbita-slide-title {
        font-size: 24px;
        line-height: 1.28;
        margin-bottom: 12px;
    }

    .orbita-slide-excerpt {
        font-size: 14px;
        -webkit-line-clamp: 3;
        margin-bottom: 18px;
    }
}

@media (max-width: 768px) {
    .orbita-header-sticky-wrapper {
        position: sticky;
        top: 0;
        z-index: 1000;
        width: 100%;
        background-color: var(--orbita-dark-pure);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);
    }

    .orbita-top-bar {
        background-color: var(--orbita-dark-pure);
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        height: 32px;
        position: relative;
        z-index: 1200;
    }

    .orbita-top-bar-inner {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        padding: 0 14px;
        gap: 10px;
    }

    .orbita-world-clock-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        gap: 8px;
    }

    .orbita-editions-btn {
        padding: 2px 8px 2px 5px;
        gap: 5px;
        font-size: 11px;
    }

    .orbita-ticker-flag-wrap {
        width: 18px;
        height: 12px;
    }

    .orbita-edition-name {
        font-size: 11px;
    }

    .orbita-editions-dropdown {
        left: 0;
        width: min(320px, calc(100vw - 24px));
    }

    .orbita-live-clock-badge {
        font-size: 11px;
    }

    .orbita-clock-time {
        font-size: 11px;
    }

    .orbita-divider-dot {
        display: none;
    }

    /* En mobile mostramos día y hora */
    .orbita-live-datetime {
        display: inline-flex;
        align-items: center;
        font-size: 11.5px;
        font-weight: 500;
        color: #94A3B8;
        white-space: nowrap;
        letter-spacing: 0.015em;
    }

    .orbita-date-desktop {
        display: none;
    }

    .orbita-date-mobile {
        display: inline;
    }

    .orbita-top-social {
        display: none !important;
    }

    .orbita-social-label {
        display: none;
    }

    .orbita-social-link {
        width: 26px;
        height: 26px;
    }

    .orbita-social-link svg {
        width: 14px;
        height: 14px;
    }

    /* Ocultar menú normal blanco y barra de categorías en mobile */
    .orbita-main-header {
        display: none !important;
    }

    .orbita-nav-bar {
        display: none !important;
    }

    .orbita-lead-title {
        font-size: 28px;
    }

    .orbita-lead-excerpt {
        font-size: 15px;
    }

    .orbita-secondary-column {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .orbita-secondary-card {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        border: 1px solid var(--orbita-border);
        border-radius: 8px;
        padding: 0;
        margin-bottom: 0;
        overflow: hidden;
    }

    .orbita-secondary-card:last-child {
        border-bottom: 1px solid var(--orbita-border);
    }

    .orbita-sec-thumb-wrap {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 10;
        border-radius: 8px 8px 0 0;
    }

    .orbita-sec-content {
        padding: 14px 16px 16px;
    }

    .orbita-sec-title {
        font-size: 17px;
        line-height: 1.25;
        margin-bottom: 8px;
    }

    .orbita-sec-excerpt {
        font-size: 13.5px;
        line-height: 1.45;
    }

    /* Slider Hero Mobile (<768px) */
    .orbita-carousel-section {
        padding: 24px 0 28px;
    }

    .orbita-carousel-header {
        margin-bottom: 14px;
        gap: 10px;
    }

    .orbita-section-heading {
        font-size: 13.5px;
        letter-spacing: 0.05em;
    }

    .orbita-slider-counter {
        padding: 4px 9px;
        font-size: 12px;
    }

    .orbita-carousel-btn {
        width: 34px;
        height: 34px;
    }

    .orbita-slide-card {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .orbita-slide-media {
        aspect-ratio: 16 / 10;
        width: 100%;
        min-height: 200px;
        max-height: 240px;
    }

    .orbita-slide-badges {
        top: 12px;
        left: 12px;
        gap: 6px;
    }

    .orbita-slide-tag,
    .orbita-slide-destacado-badge {
        font-size: 10px;
        padding: 4px 8px;
    }

    .orbita-slide-content {
        padding: 18px 16px 20px;
    }

    .orbita-slide-meta-top {
        margin-bottom: 10px;
        font-size: 11.5px;
    }

    .orbita-slide-title {
        font-size: 19px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .orbita-slide-excerpt {
        font-size: 13.5px;
        line-height: 1.5;
        -webkit-line-clamp: 2;
        margin-bottom: 16px;
    }

    .orbita-slide-footer {
        padding-top: 14px;
        gap: 10px;
    }

    .orbita-slide-author {
        font-size: 11.5px;
    }

    .orbita-slide-cta {
        padding: 6px 12px;
        font-size: 12px;
    }

    .orbita-slider-dots {
        padding: 10px 0 14px;
    }

    .orbita-grid-2col,
    .orbita-section-top-duo,
    .orbita-section-grid-lower {
        grid-template-columns: 1fr;
    }

    .orbita-section-mid-row {
        gap: 14px;
        padding: 18px 0 22px;
        margin-bottom: 24px;
    }

    .orbita-horizontal-card {
        flex-direction: row;
        gap: 12px;
        padding-bottom: 14px;
    }

    .orbita-horiz-thumb-wrap {
        width: 105px;
        height: 75px;
        border-radius: 4px;
    }

    .orbita-horiz-title {
        font-size: 14.5px;
        line-height: 1.3;
        margin-bottom: 4px;
    }

    .orbita-horiz-excerpt {
        display: none;
    }

    .orbita-article-headline {
        font-size: 30px;
    }

    .orbita-article-bajada {
        font-size: 17px;
    }

    .orbita-author-block {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .orbita-footer-top {
        grid-template-columns: 1fr;
    }

    /* Menú negro con menú hamburguesa exclusivo para mobile */
    .orbita-sticky-header {
        position: relative;
        top: auto;
        transform: none !important;
        transition: none;
        height: 50px;
        z-index: 1000;
        background-color: var(--orbita-dark-pure);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: none;
        display: flex;
        align-items: center;
    }

    .orbita-sticky-inner {
        padding: 0 14px;
        height: 100%;
    }

    .orbita-sticky-left {
        display: flex;
        align-items: center;
    }

    .orbita-sticky-burger {
        width: 40px;
        height: 40px;
        padding: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .orbita-sticky-center {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .orbita-sticky-logo-svg {
        width: 82px;
        height: auto;
        max-height: 32px;
    }

    .orbita-sticky-right {
        display: flex;
        align-items: center;
    }

    .orbita-sticky-social {
        display: none;
        /* redes visibles arriba en top bar */
    }

    .orbita-sticky-search-btn {
        width: 36px;
        height: 36px;
    }
}

/* Tablet (769px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    .orbita-sticky-inner {
        padding: 0 16px;
    }

    .orbita-sticky-social {
        display: flex;
        gap: 8px;
    }

    .orbita-sticky-logo-svg {
        width: 88px;
        height: auto;
        max-height: 34px;
    }

    .orbita-horiz-thumb-wrap {
        width: 140px;
        height: 95px;
    }
}

/* ==========================================================================
   SISTEMA BILINGÜE (ES / EN), BÚSQUEDA POR IDIOMA Y BANNER DE SUGERENCIA
   ========================================================================== */

/* Grupo derecho en Top Bar */
.orbita-top-right-group {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* Selector ES | EN Desktop */
.orbita-lang-switch {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 16px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.05em;
    user-select: none;
    transition: all 0.2s ease;
}

.orbita-lang-switch:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.25);
}

.orbita-lang-globe-icon {
    color: #38BDF8;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.orbita-lang-switch:hover .orbita-lang-globe-icon {
    transform: rotate(20deg);
}

.orbita-lang-btn {
    color: #94A3B8;
    text-decoration: none;
    transition: all 0.2s ease;
    padding: 2px 4px;
    border-radius: 4px;
}

.orbita-lang-btn:hover {
    color: #F8FAFC;
}

.orbita-lang-btn.is-active {
    color: #38BDF8;
    font-weight: 800;
    text-shadow: 0 0 8px rgba(56, 189, 248, 0.4);
}

.orbita-lang-sep {
    color: rgba(255, 255, 255, 0.25);
    font-size: 10px;
}

/* ==========================================================================
   GLOBO FLOTANTE DE IDIOMA / EDICIÓN PARA MÓVIL
   ========================================================================== */
.orbita-floating-lang {
    display: none;
}

@media (max-width: 768px) {
    .orbita-floating-lang {
        display: block !important;
        position: fixed;
        bottom: 20px;
        right: 16px;
        z-index: 995;
    }

    .orbita-floating-lang-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        height: 44px;
        padding: 0 14px;
        border-radius: 24px;
        background: rgba(15, 23, 42, 0.94);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.16);
        color: #F8FAFC;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.05);
        cursor: pointer;
        transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        -webkit-tap-highlight-color: transparent;
        font-family: var(--font-sans);
    }

    .orbita-floating-lang-btn:active {
        transform: scale(0.96);
    }

    .orbita-floating-lang-globe {
        color: #38BDF8;
        flex-shrink: 0;
    }

    .orbita-floating-lang-badge {
        font-size: 12.5px;
        font-weight: 800;
        letter-spacing: 0.06em;
        color: #FFFFFF;
    }

    .orbita-floating-lang-chevron {
        color: #94A3B8;
        transition: transform 0.25s ease;
    }

    .orbita-floating-lang.is-open .orbita-floating-lang-chevron {
        transform: rotate(180deg);
    }

    .orbita-floating-lang-menu {
        position: absolute;
        bottom: calc(100% + 10px);
        right: 0;
        min-width: 180px;
        background: #0F172A;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 12px;
        box-shadow: 0 14px 35px rgba(0, 0, 0, 0.4);
        padding: 6px;
        opacity: 0;
        visibility: hidden;
        transform: translateY(8px) scale(0.96);
        transform-origin: bottom right;
        transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
        pointer-events: none;
    }

    .orbita-floating-lang.is-open .orbita-floating-lang-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0) scale(1);
        pointer-events: auto;
    }

    .orbita-floating-lang-menu-header {
        padding: 6px 10px 4px;
        font-size: 9.5px;
        font-weight: 800;
        letter-spacing: 0.08em;
        color: #64748B;
        text-transform: uppercase;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        margin-bottom: 4px;
    }

    .orbita-floating-lang-item {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 9px 12px;
        border-radius: 8px;
        color: #E2E8F0;
        text-decoration: none;
        font-size: 13.5px;
        font-weight: 600;
        transition: all 0.15s ease;
    }

    .orbita-floating-lang-item:hover,
    .orbita-floating-lang-item:active {
        background: rgba(255, 255, 255, 0.08);
        color: #FFFFFF;
    }

    .orbita-floating-lang-item.is-active {
        background: rgba(10, 75, 156, 0.35);
        color: #38BDF8;
        font-weight: 700;
    }

    .orbita-floating-lang-check {
        width: 14px;
        height: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #38BDF8;
        opacity: 0;
        flex-shrink: 0;
    }

    .orbita-floating-lang-item.is-active .orbita-floating-lang-check {
        opacity: 1;
    }

    .orbita-floating-lang-name {
        flex: 1;
    }

    .orbita-floating-lang-code {
        font-size: 10.5px;
        font-weight: 700;
        padding: 2px 5px;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.08);
        color: #94A3B8;
    }

    .orbita-floating-lang-item.is-active .orbita-floating-lang-code {
        background: rgba(56, 189, 248, 0.2);
        color: #38BDF8;
    }
}


/* Modal de Búsqueda Instantánea */
.orbita-search-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 2500;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 60px 16px 40px;
    overflow-y: auto;
}

.orbita-search-modal-backdrop.is-open {
    opacity: 1;
    visibility: visible;
}

.orbita-search-modal {
    width: 100%;
    max-width: 680px;
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
    transform: translateY(-16px) scale(0.98);
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

.orbita-search-modal-backdrop.is-open .orbita-search-modal {
    transform: translateY(0) scale(1);
}

.orbita-search-modal-header {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid var(--orbita-border);
    gap: 12px;
}

.orbita-search-input-wrap {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}

.orbita-search-icon {
    color: #64748B;
    flex-shrink: 0;
}

.orbita-search-input {
    width: 100%;
    border: none;
    outline: none;
    font-family: inherit;
    font-size: 17px;
    font-weight: 500;
    color: var(--orbita-dark);
    background: transparent;
}

.orbita-search-input::placeholder {
    color: #94A3B8;
}

.orbita-search-close-btn {
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    color: #64748B;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.18s, color 0.18s;
}

.orbita-search-close-btn:hover {
    background: #F1F5F9;
    color: var(--orbita-dark);
}

.orbita-search-meta-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 20px;
    background: #F8FAFC;
    border-bottom: 1px solid var(--orbita-border);
    font-size: 12px;
    color: #64748B;
}

.orbita-search-edition-pill {
    font-weight: 700;
    color: var(--orbita-accent);
    background: rgba(2, 132, 199, 0.08);
    padding: 2px 8px;
    border-radius: 12px;
}

.orbita-search-results {
    max-height: 480px;
    overflow-y: auto;
    padding: 12px;
}

.orbita-search-item {
    display: flex;
    gap: 14px;
    padding: 12px;
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
    transition: background 0.18s ease;
}

.orbita-search-item:hover,
.orbita-search-item:focus {
    background: #F1F5F9;
}

.orbita-search-item-thumb {
    width: 80px;
    height: 56px;
    border-radius: 6px;
    object-fit: cover;
    flex-shrink: 0;
    background: #E2E8F0;
}

.orbita-search-item-content {
    flex: 1;
    min-width: 0;
}

.orbita-search-item-tag {
    font-size: 10.5px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--orbita-accent);
    display: block;
    margin-bottom: 2px;
}

.orbita-search-item-title {
    font-size: 14.5px;
    font-weight: 700;
    color: var(--orbita-dark);
    margin: 0 0 4px;
    line-height: 1.35;
}

.orbita-search-item-excerpt {
    font-size: 12.5px;
    color: #64748B;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.orbita-search-empty-state {
    padding: 40px 20px;
    text-align: center;
    color: #64748B;
    font-size: 14.5px;
}

/* Banner Flotante de Sugerencia de Idioma */
.orbita-lang-banner {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 2100;
    max-width: 420px;
    background: rgba(15, 23, 42, 0.94);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
    color: #F8FAFC;
    padding: 12px 16px;
    animation: orbitaBannerSlideUp 0.32s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes orbitaBannerSlideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.orbita-lang-banner-inner {
    display: flex;
    align-items: center;
    gap: 12px;
}

.orbita-lang-banner-icon {
    color: #38BDF8;
    flex-shrink: 0;
    display: inline-flex;
}

.orbita-lang-banner-text {
    flex: 1;
    font-size: 12.5px;
    margin: 0;
    line-height: 1.4;
    color: #E2E8F0;
}

.orbita-lang-banner-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.orbita-lang-banner-cta {
    background: #38BDF8;
    color: #0F172A;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.18s, transform 0.18s;
    white-space: nowrap;
}

.orbita-lang-banner-cta:hover {
    background: #7DD3FC;
    transform: translateY(-1px);
}

.orbita-lang-banner-dismiss {
    background: transparent;
    border: none;
    color: #94A3B8;
    font-size: 20px;
    cursor: pointer;
    line-height: 1;
    padding: 2px 6px;
    border-radius: 4px;
    transition: color 0.18s;
}

.orbita-lang-banner-dismiss:hover {
    color: #FFFFFF;
}

/* Adaptación responsive (<768px) */
@media (max-width: 768px) {
    .orbita-lang-switch {
        display: none !important;
    }
    .orbita-scroll-top-btn {
        bottom: 74px;
        right: 18px;
    }
    .orbita-lang-banner {
        bottom: 76px;
        right: 12px;
        left: 12px;
        max-width: none;
    }
}