/*
 Theme Name:   Kayon Child Theme
 Theme URI:    https://kayon.themerex.net/
 Description:  Kayon Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     kayon
 Version:      1.0.0
 Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
 Text Domain:  kayon
*/


/* =Theme customization starts here
------------------------------------------------------------ */
/* Evitar que el contenido se solape con el header */
body {
    padding-top: 300px; /* Ajusta según la altura inicial de tu header */
}

/* Transición suave para todo el header */
.seccion-fija {
    transition: all 0.3s ease;
}

/* Responsive: tablet y móvil */
@media (max-width: 200px) {
    body { padding-top: 200px; }
}

@media (max-width: 200px) {
    body { padding-top: 200px; }
}

/* Mantener columnas internas del header en su lugar */
.seccion-fija.elementor-section {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

/* Forzar que columnas internas ocupen su espacio */
.seccion-fija .elementor-column {
    flex: 1 1 auto !important;
}

/* Forzar que el menú mantenga su visibilidad y ancho */
.seccion-fija .elementor-widget-trx_sc_layouts_menu {
    display: block !important;
    width: 100% !important;
}