.container-buttons a::after,.container-buttons a::before{content:"\f09a";display:block}*,::after,::before{margin:0;padding:0;box-sizing:border-box}body{font-family:FontAwesome,sans-serif;background-color:transparent}.container-buttons{position:absolute;top:3em;left:11em;transform:translate(-50%,-50%);min-width:15%;display:flex;justify-content:space-between}.letter,.title-animation,.word{display:inline-block}.container-buttons a{width:1.5em;height:1.5em;display:block;border-radius:50%;color:#fff;background-color:#3b5998;text-decoration:none;overflow:hidden;text-align:center;font-size:1.81em;box-shadow:2px 2px 10px rgba(0,0,0,.9);margin-right:10px}.container-buttons a::before{margin:.37em 0;transition:.5s ease-in-out}.container-buttons a:hover::before{margin-top:-1em}.container-buttons .two{background-color:#1da1f2}.container-buttons .two::before{content:"\f099"}.container-buttons .two::after{content:"\f099";display:block}.container-buttons .three::before{content:"\f27a";content:"\f16d"}.container-buttons .three{background-color:#f56040}.container-buttons .three::after{content:"\f16d";display:block}.container-buttons .four{background-color:#000}.container-buttons .four::before{content:"\e07b "}.container-buttons .four::after{content:"\e07b ";display:block}.container-buttons .five{background-color:#155263}.container-buttons .five::after,.container-buttons .five::before{content:"\f0e0 "}.container-buttons .six{background-color:#c4302b}.container-buttons .six::after,.container-buttons .six::before{content:"\f167 "}.title-animation{white-space:pre-wrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.word{white-space:nowrap;margin:0 2px}@keyframes flyInFromRight{0%{transform:translateX(100vw) scale(3);opacity:0}100%{transform:translateX(0) scale(1);opacity:1}}@keyframes flyInFromLeft{0%{transform:translateX(-100vw) scale(3);opacity:0}100%{transform:translateX(0) scale(1);opacity:1}}.letter{opacity:0;white-space:pre;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#mecanografiado{white-space:pre-wrap;overflow:hidden;user-select:none}#efecto-anuncio{position:absolute;top:7em;left:-2em;width:15vw;height:auto;z-index:1001;cursor:pointer;opacity:1;transform:scale(.5) translate(0,0);transition:transform 6s cubic-bezier(.645, .045, .355, 1),opacity 6s cubic-bezier(.645, .045, .355, 1);will-change:transform,opacity}#efecto-anuncio.expandido{top:50%;left:50%;width:90vw;height:auto;max-width:90vh;max-height:90vh;transform:translate(-50%,-50%) scale(1);opacity:1}@keyframes neon-pulse{from{box-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #fff,0 0 40px #0ff,0 0 80px #0ff,0 0 100px #0ff,0 0 150px #0ff,0 0 200px #0ff}to{box-shadow:0 0 2px #fff,0 0 5px #fff,0 0 10px #fff,0 0 15px #0ff,0 0 20px #0ff,0 0 30px #0ff,0 0 40px #0ff,0 0 50px #0ff}}.neon-frame{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:2px solid #fff;border-radius:5px;box-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #fff,0 0 40px #0ff,0 0 80px #0ff,0 0 100px #0ff,0 0 150px #0ff,0 0 200px #0ff;animation:1s ease-in-out infinite alternate neon-pulse;pointer-events:none}.contenedor-anuncio{position:relative;width:100%;height:100%;overflow:hidden}.anuncio-img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease-in-out}.contenedor-anuncio:hover .anuncio-img{transform:scale(1.05)}@keyframes flotar{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes clic-animacion{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-5px,-5px) scale(.9)}}@media (max-width:768px){#efecto-anuncio{width:20vw}.indicador-clic{width:40px;height:40px;bottom:10px;right:10px}}@media (max-width:480px){#efecto-anuncio{left:1vw;width:30vw}#efecto-anuncio.expandido{left:50%;width:75vw}}.indicador-clic{position:absolute;animation:1.5s infinite clic-animacion;pointer-events:none;width:30px;height:30px;bottom:5px;right:5px}@media (max-width:768px){#efecto-anuncio.expandido{width:90vw;height:auto;max-width:90vh;max-height:90vh}}@keyframes destello{0%,100%{box-shadow:0 0 5px 2px rgba(255,255,255,.7)}50%{box-shadow:0 0 20px 10px rgba(255,255,255,.7)}}#efecto-anuncio::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:0 0;animation:2s infinite destello;z-index:-1;pointer-events:none}
#efecto-anuncio {
    position: absolute;
    top: 7em;
    left: -2em;
    width: 15vw;
    height: auto;
    z-index: 1001;
    cursor: pointer;
    opacity: 1;
    transform: scale(0.5);
    transition: top 0.3s ease-in-out;
  }
  
  .dropdown-vertical {
    position: absolute;
    top: 0;
    right: -3.2em;
  }
  
  .dropdown-vertical .dropdowncontent {
    display: none;
    flex-direction: row-reverse;
    position: absolute;
    right: 0;
    top: 2em;
    padding-top: 0.6em;
    margin: 0.3em;
    background-color: transparent;
    z-index: 1002;
  }
  
  .dropdown-vertical .dropdowncontent a {
    margin: 0.16em;
  }
  
  @media screen and (max-width: 736px) {
    #efecto-anuncio {
      width: 30vw;
      left: 1vw;
    }
  }

    .enlace-logo {
    position: absolute;
    top: 5%;
    right: 3%;
    width: 8vw;
    height: 10vw;
    z-index: 1000;
    display: block;
    text-decoration: none !important;  /* Elimina cualquier subrayado */
    border: none !important;  /* Elimina cualquier borde */
    outline: none !important;  /* Elimina contorno */
    box-shadow: none !important;  /* Elimina cualquier sombra que pueda causar la línea */
  }
  
  .enlace-logo:hover, 
  .enlace-logo:focus, 
  .enlace-logo:active, 
  .enlace-logo:visited {
    text-decoration: none !important;  /* Fuerza que no haya subrayado en ningún estado */
    border: none !important;  /* Asegura que no aparezca ningún borde */
    outline: none !important;  /* Asegura que no haya contorno */
    box-shadow: none !important;  /* Elimina sombras */
  }

  a {
    text-decoration: none !important;  /* Fuerza la eliminación del subrayado globalmente */
    border: none !important;  /* Elimina cualquier borde en los enlaces */
    outline: none !important;  /* Elimina cualquier contorno */  
  }
  
  a:hover, a:focus, a:active, a:visited {
    text-decoration: none !important;
    border: none !important;
    outline: none !important; 
  }
  
  /* Pantallas medianas */
@media screen and (max-width: 768px) {
  .enlace-logo {
    width: 12vw;           /* Ajustamos el ancho para pantallas más pequeñas */
    height: 15vw;
    top: 10%;              /* Bajamos un poco la posición */
    right: 0;              /* Centramos horizontalmente */
    left: 50%;             /* Ajustamos para centrar */
    transform: translateX(-50%);  /* Centramos el contenedor */
  }
}

/* Pantallas muy pequeñas (móviles) */
@media screen and (max-width: 480px) {
  .enlace-logo {
    width: 20vw;           /* Aumentamos el ancho para móviles */
    height: 20vw;          /* Aumentamos el alto para móviles */
    top: 85%;             /* Movemos aún más arriba para que aparezca en la cabecera */
    left: 77%;             /* Centrado en la pantalla */
    right: auto;           /* Deshabilitamos right */
    transform: translateX(-50%);  /* Aseguramos que esté centrado */
    z-index: 2000;         /* Aumentamos el z-index para que se superponga a otros elementos */
  }
}