/*
 Theme Name:  Astra Child Podatex
 Theme URI:   https://wpastra.com/
 Description: Child theme personalizado para Podatex
 Author:      Héctor Sosa
 Template:    astra
 Version:     1.0.0
*/

/* ==== Podatex – comportamiento del header ==== */

/* Fijar contenedor principal de cabecera */
#masthead {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

/* Above header permanece visible en escritorio */
.ast-above-header-wrap {
    position: relative;
    z-index: 1000;
}

/* Capas internas de header */
#ast-desktop-header,
#ast-mobile-header {
    position: relative;
    z-index: 999;
    width: 100%;
}

/* Empujar el contenido hacia abajo – offsets distintos para home y páginas internas */

/* Página de inicio (hero grande) */
body.home .site-content,
body.home .ast-plain-container,
body.home .ast-page-builder-template {
    padding-top: 110px; /* ajusta si ves mucho/ poco espacio en el hero */
}

/* Páginas internas (productos, páginas normales, blog, etc.) */

body:not(.home) .site-content,
body:not(.home) .ast-plain-container,
body:not(.home) .ast-page-builder-template {
    padding-top: 150px; /* levanta el contenido para que no lo tape el header fijo */
}

/* Ajuste extra para páginas y productos de WooCommerce */
body.woocommerce .site-content,
body.woocommerce .ast-plain-container,
body.woocommerce .ast-page-builder-template,
body.woocommerce-page .site-content,
body.woocommerce-page .ast-plain-container,
body.woocommerce-page .ast-page-builder-template {
    padding-top: 190px; /* sube o baja este valor si aún ves el contenido tapado */
}

/* Barra principal lista para animación */
.main-header-bar {
    transition: transform 0.3s ease;
}

/* Ocultar barra principal al bajar (afecta solo la barra, no el above) */
.main-header-bar.podatex-header-hidden {
    transform: translateY(-100%);
}

/* Quitar margen superior del primer bloque de la página (hero) */
.entry-content > .wp-block-uagb-container:first-child,
.entry-content > .wp-block-cover:first-child {
    margin-top: 0 !important;
}

/* Ocultar above header en móviles */
@media (max-width: 768px) {
    .ast-above-header-wrap {
        display: none;
    }
}


/* Ocultar SOLO el logo del hero en móviles (mantener título, texto y botón) */
@media (max-width: 768px) {
    .hero-logo-desktop .uagb-ifb-image-wrap,
    .hero-logo-desktop .uagb-ifb-icon-wrap {
        display: none !important;
    }
}

/* Ajuste del espacio entre cabecera y hero solo en móvil (home) */
@media (max-width: 768px) {
    body.home .site-content,
    body.home .ast-plain-container,
    body.home .ast-page-builder-template {
        padding-top: 70px;  /* prueba 70; si aún ves espacio, baja a 60 */
    }
}