/* ============================================================
   VeeCloud — Logo: revelado de texto con hover de UN SOLO USO
   Archivo NUEVO y separado (no modifica landingpage.css ni min).
   - Texto oculto por defecto; solo se ve el icono/imagen.
   - Al primer hover: el texto aparece con scale(1.5) + ease-out.
   - Una vez revelado, PERSISTE (no vuelve a animarse ni se re-hace)
     hasta recargar la página. Estado marcado por .revealed en JS.
   - Sin JS (fallback): el texto se revela con :hover normal (reversible).
   ============================================================ */

/* 1) El texto empieza oculto */
.brand-text {
    opacity: 0;
    transform: scale(0);
    transform-origin: left center;
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: opacity .45s ease-out, transform .45s ease-out, width .45s ease-out;
}

/* 2) Sin JS — fallback: se revela al pasar el ratón, oculto al salir */
.brand-logo:hover .brand-text {
    opacity: 1;
    transform: scale(1.5);
    width: auto;
}

/* 3) Con JS activo (.has-oneshot en body): la única vía es .revealed.
      .has-oneshot anula el fallback para que el estado dure SOLO una vez. */
body.has-oneshot .brand-logo:hover .brand-text {
    opacity: 0;
    transform: scale(0);
    width: 0;
}

body.has-oneshot .brand-logo.revealed .brand-text {
    opacity: 1;
    transform: scale(1.5);
    width: auto;
}