:root{--page-title-display:none;}/* Start custom CSS */<style>
    /* 1. OCULTACIÓN AGRESIVA POR CSS */
    /* Intentamos capturar todos los body.elementor-page-1001899es posibles de temas populares */
    header, #masthead, .site-header, #main-header, .header-wrapper, 
    .elementor-header, .wp-block-template-part, .ast-header-bar,
    #header-section, .navbar, .nav-container, .fusion-header-wrapper {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        visibility: hidden !important;
        position: absolute !important;
    }

    /* Forzar que el cuerpo de la página empiece arriba del todo */
    html, body {
        margin-top: 0 !important;
        padding-top: 0 !important;
        top: 0 !important;
    }

    /* 2. ESTILO DE TU NUEVO LOGO */
    .landing-custom-header {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 40px 20px;
        background-color: #ffffff;
        width: 100%;
        box-sizing: border-box;
        border-bottom: 1px solid #f0f0f0;
    }

    .landing-logo-link {
        display: inline-block;
        max-width: 280px;
        transition: transform 0.2s ease;
    }

    .landing-logo-link:hover {
        transform: scale(1.02);
    }

    .landing-logo-link img {
        width: 100%;
        height: auto;
        display: block;
    }
</style>

<header class="landing-custom-header">
    <a href="https://planesconduende.com" class="landing-logo-link">
        <img src="https://planesconduende.com/wp-content/uploads/2026/03/Atd_06.png" alt="Andalucía tiene Duende">
    </a>
</header>

<script>
    (function() {
        // Buscamos cualquier elemento 'header' que NO sea el nuestro
        const headers = document.querySelectorAll('header:not(.landing-custom-header)');
        headers.forEach(h => h.remove());

        // Si el tema usa IDs específicos, los eliminamos también
        const idsToHide = ['masthead', 'main-header', 'site-header', 'header'];
        idsToHide.forEach(id => {
            const el = document.getElementById(id);
            if (el && !el.classList.contains('landing-custom-header')) {
                el.remove();
            }
        });
    })();
</script>/* End custom CSS */