/*
Theme Name: Kaori Adventures
Author: Index.pe
Author URI: https://index.pe/
Description: Theme personalizado para Kaori Adventures | Huaraz - Peru
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* ==============================================
   PERU MOUNTAIN TREK — LOGO STICKY
   Blanco: estado inicial
   Color: después del scroll (100px)
   ============================================== */

/* Contenedor real de Elementor */
.elementor-element-10de6ff #logo-nav > .elementor-widget-wrap {
    position: relative;
    isolation: isolate;
    background-image: none !important;
}

/* Capas compartidas */
.elementor-element-10de6ff #logo-nav > .elementor-widget-wrap::before,
.elementor-element-10de6ff #logo-nav > .elementor-widget-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;

    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;

    pointer-events: none;
    z-index: 0;

    transition: opacity 0.25s ease;
}

/* ESTADO NORMAL — Logo blanco */
.elementor-element-10de6ff #logo-nav > .elementor-widget-wrap::before {
    background-image: url("https://perumountaintrek.com/wp-content/uploads/blanco.webp");
    opacity: 1;
}

/* Logo de color precargado en segunda capa */
.elementor-element-10de6ff #logo-nav > .elementor-widget-wrap::after {
    background-image: url("https://perumountaintrek.com/wp-content/uploads/color.webp");
    opacity: 0;
}

/* ESTADO STICKY — Después del offset */
.elementor-element-10de6ff.elementor-sticky--effects
#logo-nav > .elementor-widget-wrap::before {
    opacity: 0;
}

.elementor-element-10de6ff.elementor-sticky--effects
#logo-nav > .elementor-widget-wrap::after {
    opacity: 1;
}

/* Mantener contenido por encima de las capas */
.elementor-element-10de6ff #logo-nav > .elementor-widget-wrap > * {
    position: relative;
    z-index: 1;
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
    .elementor-element-10de6ff #logo-nav > .elementor-widget-wrap::before,
    .elementor-element-10de6ff #logo-nav > .elementor-widget-wrap::after {
        transition: none;
    }
}