/* === PANTALLA DE CARGA =============================================== */
.loader-wrapper{
    position:fixed;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#061840;                 /* azul marino INY */
    z-index:9999;
    /* aparecer suave al entrar, se desvanece al salir (ver .fade-out) */
    opacity:1;
    transition:opacity .4s ease;
  }
  
  /* clase que añade loader.js cuando termina de cargar */
  .loader-wrapper.fade-out{
    opacity:0;
    pointer-events:none;
  }
  
  /* contenedor del logo + anillos */
  .logo-box{
    position:relative;
    width:160px;                        /* ajusta al gusto */
    aspect-ratio:1/1;  
    display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;                /* cuadrado perfecto */
  }
  
  /* logo */
 /* logo */
 .logo-box img{ display:block; }

  
  /* === ANILLOS PULSE ==================================================== */
  .pulse-ring{
    position:absolute;
    inset:0;
    border:4px solid #fff;
    border-radius:50%;
    animation:pulse 2.4s ease-out infinite;
  }
  
  /* retrasos escalonados para que los anillos salgan uno tras otro */
  .pulse-ring:nth-child(2){ animation-delay:.15s; }
  .pulse-ring:nth-child(3){ animation-delay:1.6s; }
  
  @keyframes pulse{
    0%   { transform:scale(.3); opacity:.9; }
    70%  { transform:scale(1.4); opacity:0; }
    100% { opacity:0; }
  }