/* ============================================
   Basilio Noticias - Responsive Styles
   ============================================ */

@media (max-width: 991.98px) {
    .hero-title { font-size: 1.4rem; }
    .hero-main, .hero-image { min-height: 300px; }
    .article-title { font-size: 1.8rem; }
    .site-logo .logo-text { font-size: 1.8rem; }
}

@media (max-width: 767.98px) {
    .nav-menu {
        display: none !important;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: var(--dark);
        z-index: 999;
        box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    }

    .nav-menu.show {
        display: flex !important;
    }

    .nav-item-link {
        padding: 12px 20px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

    .hero-main, .hero-image { min-height: 250px; }
    .hero-title { font-size: 1.2rem; }
    .hero-overlay { padding: 20px; }

    .hero-secondary {
        flex-direction: row;
    }

    .hero-secondary-image {
        width: 100px;
        height: 75px;
    }

    .article-title { font-size: 1.5rem; }
    .article-body { font-size: 1rem; }

    .section-title { font-size: 1.1rem; }

    .site-logo .logo-text { font-size: 1.5rem; }

    .header-search { display: none !important; }

    /* Show mobile search */
    .mobile-search { display: block; }

    .footer-brand { font-size: 1.2rem; }

    .breaking-ticker .container { padding: 0 10px; }
    .ticker-item { padding: 0 15px; font-size: 0.8rem; }
}

@media (max-width: 575.98px) {
    .hero-overlay { padding: 15px; }
    .hero-title { font-size: 1rem; }
    .hero-subtitle { display: none; }
    .hero-meta { font-size: 0.75rem; }

    .article-card-title { font-size: 0.9rem; }
    .article-title { font-size: 1.3rem; }

    .share-buttons .btn { font-size: 0.7rem; padding: 4px 8px; }
}

@media (max-width: 575.98px) {
    .author-box { flex-direction: column; text-align: center; }
    .opinion-card { padding: 10px 5px; }
    .opinion-avatar { width: 50px; height: 50px; }
    .trending-strip { padding: 6px 0; }
    .back-to-top { bottom: 20px; right: 20px; width: 40px; height: 40px; }
    .cookie-banner p { font-size: 0.8rem; }
    /* 2.5: Show mobile share, hide print on small screens */
    .btn-print-only { display: none; }
    .btn-mobile-share { display: inline-block; }
    /* 4.6 Breaking stories: wider cards on mobile */
    .breaking-story-card { width: 260px; }
    .ad-lateral { display: none !important; }
    .ad-overlay-content { max-width: 95%; }
    .yt-live-widget { width: 260px; left: 10px; bottom: 10px; }
    .yt-live-body iframe { height: 146px; }
    .yt-live-modal-content iframe { height: 280px; }
}

/* ---- Print ---- */
@media print {
    .main-nav, .breaking-ticker, .site-footer, .sidebar,
    .share-buttons, .comment-form, .ad-slot, .ad-lateral, .ad-overlay, .header-top,
    .back-to-top, .cookie-banner, .trending-strip,
    .reading-progress, .article-tools, .newsletter-popup-overlay,
    .lightbox-overlay { display: none !important; }
    .article-body { font-size: 12pt; }
    .article-title { font-size: 18pt; }
}