/* File: animate_astillero.css
   Result: Animates elemets of the Astillero Site via CSS
   Start: 2-sep-2025. */

    /*----------------------------------------------------
     * Animación de elementos deslizanes
      ----------------------------------------------------*/
    /* Animación deslizante por la derecha */
    .animate-slide-elem-right {
      animation: slide-from-right 1s ease-out forwards;
    }

    @keyframes slide-from-right {
      from {
        transform: translateX(100%); /* Empieza 100% a la derecha (fuera de la pantalla) */
        opacity: 0; /* Empieza invisible */
      }
      to {
        transform: translateX(0); /* Termina en su posición normal */
        opacity: 1; /* Termina completamente visible */
      }
    }

    /* Animación deslizante por la izquierda */
    .animate-slide-elem-left {
      animation: slide-from-left 1s ease-out forwards;
    }

    @keyframes slide-from-left {
      from {
        transform: translateX(-100%); /* Empieza 100% a la derecha (fuera de la pantalla) */
        opacity: 0; /* Empieza invisible */
      }
      to {
        transform: translateX(0); /* Termina en su posición normal */
        opacity: 1; /* Termina completamente visible */
      }
    }

    /*----------------------------------------------------
     * Animación de fondos de páginas de Astillero
      ----------------------------------------------------*/


    /* animación de fondo de página de inicio */
    @keyframes astillero-front-page-bkChange {
        8% { background-image: url('https://astillero.ccmladarsena.com/wp-content/uploads/2025/09/FONDO_UNO-landin-page.jpg'); } 
        24% { background-image: url('https://astillero.ccmladarsena.com/wp-content/uploads/2025/09/FONDO_DOS-landin-page.jpg'); } 
        48% { background-image: url('https://astillero.ccmladarsena.com/wp-content/uploads/2025/09/FONDO_TRES-landin-page.jpg'); }
        72% { background-image: url('https://astillero.ccmladarsena.com/wp-content/uploads/2025/09/FONDO_DOS-landin-page.jpg'); } 
        96% { background-image: url('https://astillero.ccmladarsena.com/wp-content/uploads/2025/09/FONDO_UNO-landin-page.jpg'); }
        100% { background-image: url('https://astillero.ccmladarsena.com/wp-content/uploads/2025/09/FONDO_UNO-landin-page.jpg'); }
    }

    .front-page-background {
        background-image: url('https://astillero.ccmladarsena.com/wp-content/uploads/2025/09/FONDO_UNO-landin-page.jpg');
        animation: astillero-front-page-bkChange 10s infinite;
    }

}
    .front-page-background, .page-background,{
        background-color: transparent;
        background-size: cover;  /*Por defecto para pantallas pequeñas*/
    }
/* Ajusta estos selectores según las clases o IDs de tus secciones */
/*.seccion-islotes,
.front-page-background,
.page-background,
.seccion-mar-actual,
.seccion-noticias  {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 100vh;
    padding: 0 !important;
    margin: 0 !important;
}*/

/* Media query para dispositivos medianos y grandes */
@media only screen and (min-width: 768px) {
    .front-page-background,
    .page-background {
        background-size: cover;
    }
}