@charset "utf-8";

/* ==================================
   AYOR - PERSONALIZACIÓN DEL MENÚ
   ================================== */

/* Fondo negro del encabezado */
#header,
#header.header-filled {
    background-color: #000000 !important;
}

/* Color blanco de las opciones del menú */
#header .tt-menu-nav > li > a {
    color: #ffffff !important;
}

/* Color blanco al pasar el ratón */
#header .tt-menu-nav > li > a:hover {
    color: #cccccc !important;
}

/* Fondo negro de los submenús */
#header .tt-submenu {
    background-color: #000000 !important;
}

/* Color blanco de los enlaces de submenús */
#header .tt-submenu a {
    color: #ffffff !important;
}

/* AYOR: portada principal con aparición progresiva en 4 segundos.
   No depende de JavaScript ni de la clase pagina-trabajando. */
#ayor-portada {
    background-image: none !important;
    background-color: #000000;
    position: relative;
    overflow: hidden;
}

#ayor-portada::before {
    content: "";
    position: absolute;
    inset: 0;
    display: block;
    background: url("../img/Foto-portada-trabajando.jpg") center center / cover no-repeat;
    opacity: 1;
    animation: ayor-entrada-portada 4s ease-in-out both;
    pointer-events: none;
}

@keyframes ayor-entrada-portada {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    #ayor-portada::before { animation: none; }
}


/* ALTURA DE CABECERAS PH-LG */

#page-header.ph-lg {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

#page-header.ph-lg .page-header-inner {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    min-height: 0 !important;
    height: auto !important;
}

/* AJUSTE PARA MÓVILES */

@media (max-width: 767px) {
    #page-header.ph-lg .page-header-inner {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
}
#page-header.ph-lg {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Galería de fotografías */
#gallery {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Contenedor de la galería */
.gallery-single {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
#page-header.ph-lg {
    margin-bottom: 0 !important;
}

#gallery-single-section {
    padding-top: 35px !important;
    margin-top: 0 !important;
}
#ayor-portada {
    background-image: url("../img/foto-portada-trabajando.jpg") !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: #000000;
    opacity: 1 !important;
}

#ayor-portada::before {
    display: none !important;
}