*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}:root{
  --bg-start:#2563eb;
  --bg-mid:#0f172a;
  --bg-end:#020617;
  --panel:rgba(20,30,48,.8);
  --border:#35527b;
  --border-hover:#38bdf8;
  --text:#ffffff;
  --muted:#cbd5e1;
  --blue1:#0ea5e9;
  --blue2:#2563eb;
  --blueGlow:#38bdf8;
  --amber1:#f59e0b;
  --amberGlow:#fbbf24;
  --red1:#ef4444;
  --red2:#b91c1c;
}body{
  font-family:Arial,Helvetica,sans-serif;
  color:var(--text);
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding:28px 16px;
  background:radial-gradient(circle at top,var(--bg-start) 0%,var(--bg-mid) 40%,var(--bg-end) 100%);
}body::before{
  content:"";
  position:fixed;
  inset:0;
  background:radial-gradient(circle,#38bdf822 2px,transparent 2px);
  background-size:80px 80px;
  opacity:.18;
  pointer-events:none;
}.app{
  width:100%;
  max-width:900px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
  position:relative;
  z-index:1;
}.hero{
  width:100%;
  text-align:center;
  padding-top:8px;
  position:relative;
}.tiktok-btn{
  position:absolute;
  left:10px;
  top:8px;

  width:58px;
  height:58px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:rgba(15,23,42,.72);
  border:2px solid rgba(255,255,255,.45);

  box-shadow:
    0 0 12px rgba(0,242,234,.35),
    0 0 18px rgba(255,0,80,.25);

  transition:.25s;

  text-decoration:none;
}.tiktok-btn svg{
  width:30px;
  height:30px;
  fill:#fff;

  filter:
    drop-shadow(3px 0 0 #00f2ea)
    drop-shadow(-3px 0 0 #ff0050);
}.tiktok-btn:hover{
  transform:scale(1.08);
  border-color:#fff;

  box-shadow:
    0 0 18px rgba(0,242,234,.65),
    0 0 25px rgba(255,0,80,.45);
}.tiktok-btn:active{
  transform:scale(.94);
}.tiktok-btn{
  position:absolute;
  left:10px;
  top:8px;

  width:58px;
  height:58px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:rgba(15,23,42,.72);
  border:2px solid rgba(255,255,255,.45);

  box-shadow:
    0 0 12px rgba(0,242,234,.35),
    0 0 18px rgba(255,0,80,.25);

  transition:.25s;

  text-decoration:none;
}.tiktok-btn svg{
  width:30px;
  height:30px;
  fill:#fff;

  filter:
    drop-shadow(3px 0 0 #00f2ea)
    drop-shadow(-3px 0 0 #ff0050);
}.tiktok-btn:hover{
  transform:scale(1.08);
  border-color:#fff;

  box-shadow:
    0 0 18px rgba(0,242,234,.65),
    0 0 25px rgba(255,0,80,.45);
}.tiktok-btn:active{
  transform:scale(.94);
}.logo{
  font-size:clamp(2.8rem,8vw,4rem);
  font-weight:900;
  text-shadow:0 0 18px var(--blueGlow);
  margin-bottom:10px;
}.subtitle{
  color:var(--muted);
  line-height:1.5;
}.top-bar{
  width:100%;
  display:none;
  justify-content:flex-start;
}.top-bar.show{
  display:flex;
}.top-btn,
#btnInicio,
.btn-top,
.back-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:var(--panel);
  border:2px solid var(--border);
  color:#fff;
  padding:12px 22px;
  border-radius:14px;
  font-size:17px;
  font-weight:700;
  cursor:pointer;
  transition:.25s;
  box-shadow:0 0 15px rgba(56,189,248,.15);
}.top-btn:hover,
#btnInicio:hover,
.btn-top:hover,
.back-btn:hover{
  border-color:#00d9ff;
  box-shadow:0 0 18px #00d9ff66;
  transform:translateY(-2px);
}.favorites-zone{
  width:100%;
  max-width:820px;
  display:flex;
  flex-direction:column;
  gap:16px;
}#abrirFavoritos{
  width:auto;
  align-self:flex-end;
  padding:10px 16px;
  border-radius:30px;
  font-size:15px;
}#contadorFavoritos{
  margin-left:6px;
  font-size:15px;
  opacity:.92;
}.favorites-panel{
  width:100%;
  display:none;
}.favorites-empty{
  color:var(--muted);
  text-align:center;
  margin:0;
  padding:24px 0;
}.generator{
  width:100%;
  max-width:820px;
}#inputNombre{
  width:100%;
  padding:18px;
  border:none;
  border-radius:16px;
  outline:none;
  font-size:18px;
  margin-bottom:15px;
}#btnGenerar{
  width:100%;
  padding:18px;
  border:none;
  border-radius:16px;
  cursor:pointer;
  color:#fff;
  font-size:18px;
  font-weight:700;
  background:linear-gradient(90deg,var(--blue1),var(--blue2));
  transition:.25s;
}#btnGenerar:hover{
  transform:translateY(-2px);
  box-shadow:0 0 20px var(--blueGlow);
}#resultados{
  width:100%;
  margin-top:30px;
  display:grid;
  gap:0px;
}.resultado{
  position:relative;
  background:#162033;
  border:1px solid #27486f;
  border-radius:16px;
  padding:16px;
  min-height:126px;
  opacity:0;
  transform:translateY(12px) scale(.98);
  animation:aparecer .25s ease forwards;
  overflow:hidden;
}.resultado-fuente{
  padding-right:120px;
  font-weight:700;
  margin-bottom:10px;
  font-size:15px;
}.resultado-texto{
  font-size:22px;
  font-weight:700;
  margin-bottom:14px;
  word-break:break-word;
  white-space:pre-wrap;
}.resultado .acciones-card{
  display:flex;
  justify-content:flex-start;
  gap:10px;
  margin-top:14px;
  flex-wrap:wrap;
}.resultado .btnFavorito{
  position:absolute;
  top:12px;
  right:12px;
  width:auto;
  flex:none;
  padding:8px 12px;
  border-radius:10px;
  font-size:13px;
  font-weight:700;
  background:rgba(245,158,11,.16);
  border:1px solid var(--amber1);
  color:var(--amberGlow);
  cursor:pointer;
  transition:.25s;
}.resultado .btnFavorito:hover{
  background:rgba(245,158,11,.3);
  border-color:var(--amberGlow);
  transform:translateY(-2px);
  box-shadow:0 0 15px rgba(245,158,11,.35);
}.resultado .btnCopiar{
  min-width:130px;
  width:auto;
  flex:none;
}.btnFavorito,
.btnCopiar,
.copyFav,
.deleteFav,
.copyInvisible,
.favoriteInvisible{
  border:none;
  color:#fff;
  font-weight:700;
  cursor:pointer;
  transition:.22s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  user-select:none;
}.btnCopiar,
.copyFav,
.copyInvisible{
  background:linear-gradient(135deg,var(--blue1),var(--blue2));
  border:1px solid #38bdf8;
  box-shadow:0 4px 12px rgba(14,165,233,.18);
}.btnCopiar:hover,
.copyFav:hover,
.copyInvisible:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#38bdf8,var(--blue2));
  border-color:#7dd3fc;
  box-shadow:0 6px 18px rgba(56,189,248,.24);
}.btnCopiar:active,
.copyFav:active,
.copyInvisible:active{
  transform:translateY(0) scale(.98);
}.deleteFav{
  background:linear-gradient(135deg,var(--red1),var(--red2));
  box-shadow:0 4px 12px rgba(239,68,68,.15);
}.deleteFav:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#f87171,#dc2626);
  box-shadow:0 6px 18px rgba(239,68,68,.3);
}.deleteFav:active{
  transform:translateY(0) scale(.98);
}.categorias{
  width:100%;
  max-width:820px;
  font-size:28px;
  font-weight:700;
  text-shadow:0 0 12px var(--blueGlow);
  margin-top:6px;
  text-align:center;
}.games{
  width:100%;
  max-width:820px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}.game-card{
  background:rgba(20,30,48,.75);
  border:2px solid var(--border);
  border-radius:20px;
  padding:22px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  color:#fff;
  cursor:pointer;
  transition:.25s;
  backdrop-filter:blur(12px);
}.game-card:hover,
.modo-card:hover{
  transform:translateY(-6px);
  border-color:#00e5ff;
  box-shadow:0 0 25px #00e5ff55;
}.game-card.active{
  border-color:#00ffff;
  box-shadow:0 0 25px #00ffff88;
}.game-card span{
  font-size:18px;
  font-weight:700;
}#contenido{
  width:100%;
  max-width:820px;
}.pantallaJuego{
  width:100%;
}.tituloJuego{
  text-align:center;
  font-size:clamp(28px,6vw,36px);
  margin:24px 0 30px;
  text-shadow:0 0 15px var(--blueGlow);
}.menu-juego{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}.modo-card{
  background:rgba(20,30,48,.75);
  border:2px solid var(--border);
  border-radius:20px;
  padding:25px;
  text-align:center;
  transition:.25s;
}.modo-card h3{
  font-size:25px;
  margin-bottom:12px;
}.modo-card p{
  color:var(--muted);
  margin-bottom:20px;
  line-height:1.4;
}.modo-card button{
  width:100%;
  padding:14px;
  border:none;
  border-radius:14px;
  background:linear-gradient(90deg,var(--blue1),var(--blue2));
  color:#fff;
  font-size:17px;
  font-weight:700;
  cursor:pointer;
  transition:.25s;
}.modo-card button:hover{
  transform:scale(1.03);
  box-shadow:0 0 18px var(--blueGlow);
}.cantidad-nombres{
  display:block;
  margin-bottom:14px;
  color:var(--blueGlow);
  font-size:16px;
  font-weight:700;
}.listaInvisible{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  margin-top:20px;
}#contenido .tarjetaCategoria{
  width:min(100%,760px);
  margin:0 auto;
  padding:14px 16px 12px;
  min-height:88px;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  grid-template-areas:
    "name favorite"
    "stats copy";
  gap:8px 12px;
  align-items:start;
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:20px;
  position:relative;
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}#contenido .tarjetaCategoria:hover{
  border-color:var(--border-hover);
  transform:translateY(-2px);
  box-shadow:0 0 18px rgba(56,189,248,.25);
}#contenido .tarjetaCategoriaHeader{
  grid-area:name;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}#contenido .nombreCategoria{
  display:block;
  font-size:20px;
  line-height:1.25;
  font-weight:700;
  white-space:pre-wrap;
  word-break:break-word;
}#contenido .tarjetaCategoriaFooter{
  grid-area:stats;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
}#contenido .estadisticasNombre{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  min-height:22px;
  color:var(--muted);
  font-size:14px;
  font-weight:600;
}#contenido .copiasNombre,
#contenido .favoritosNombre{
  display:inline-flex !important;
  align-items:center;
  gap:4px;
  white-space:nowrap !important;
  font-size:13px !important;
  font-weight:600 !important;
}#contenido .favoriteInvisible:hover{
  transform:translateY(-2px);
  background:rgba(245,158,11,.25);
  border-color:var(--amberGlow);
  box-shadow:0 5px 16px rgba(245,158,11,.25);
}#contenido .copyInvisible{
  grid-area:copy;
  justify-self:end;
  align-self:end;
  width:auto;
  min-width:116px;
  padding:8px 12px;
  border-radius:10px;
  font-size:13px;
}#contenido .itemActions{
  display:contents;
}#panelFavoritos .itemInvisible{
  width:min(100%,760px);
  margin:0 auto;
  min-height:66px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:var(--panel);
  border:2px solid var(--border);
  border-radius:18px;
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}#panelFavoritos .itemInvisible:hover{
  border-color:var(--border-hover);
  transform:translateY(-2px);
  box-shadow:0 0 18px rgba(56,189,248,.25);
}#panelFavoritos .itemInvisible span{
  font-size:18px;
  font-weight:700;
  word-break:break-word;
  white-space:pre-wrap;
}#panelFavoritos .itemActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}#panelFavoritos .copyFav,
#panelFavoritos .deleteFav{
  min-width:112px;
  min-height:40px;
  padding:9px 14px;
  border-radius:12px;
  font-size:14px;
}@keyframes aparecer{
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}@media (max-width:700px){
  .games,
  .menu-juego{
    grid-template-columns:1fr;
  }

  #abrirFavoritos{
    align-self:stretch;
    width:100%;
    text-align:center;
  }

  #contenido .tarjetaCategoria{
    width:96%;
    min-height:84px;
    padding:12px 12px 11px;
    gap:8px 10px;
  }

  #contenido .nombreCategoria{
    font-size:17px;
  }

  #contenido .estadisticasNombre{
    gap:10px;
    font-size:13px;
  }

  #contenido .favoriteInvisible{
    padding:6px 9px;
    font-size:11px;
  }

  #contenido .copyInvisible{
    min-width:96px;
    padding:7px 10px;
    font-size:12px;
  }

  #panelFavoritos .itemInvisible{
    width:96%;
    padding:13px 14px;
  }

  #panelFavoritos .itemInvisible span{
    font-size:17px;
  }

  #panelFavoritos .copyFav,
  #panelFavoritos .deleteFav{
    min-width:96px;
    padding:8px 11px;
    font-size:13px;
  }

  .resultado{
    min-height:120px;
  }

  .resultado-fuente{
    padding-right:104px;
    font-size:14px;
  }

  .resultado-texto{
    font-size:20px;
  }

  .resultado .btnFavorito{
    top:10px;
    right:10px;
    padding:7px 10px;
    font-size:12px;
  }

  .resultado .btnCopiar{
    min-width:108px;
  }
}@media (max-width:700px){

  .tiktok-btn{
    width:48px;
    height:48px;
    left:4px;
    top:4px;
  }

  .tiktok-btn svg{
    width:25px;
    height:25px;
  }

}#resultados .resultado{
    width:min(100%,640px) !important;
    margin:0 auto !important;
    position:relative !important;

    min-height:112px !important;
    padding:12px 14px 54px 14px !important;

    overflow:visible !important;
    box-sizing:border-box !important;
}#resultados .acciones-card{
    position:absolute !important;
    top:12px !important;
    right:12px !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    flex-wrap:wrap !important;
    margin:0 !important;
}#resultados .btnFavorito,
#resultados .btnCopiar{
    position:static !important;
    width:auto !important;
    min-width:110px !important;
}#resultados .btnFavorito{
    top:auto !important;
    right:auto !important;
}#resultados .btnFavorito,
#resultados .btnCopiar{
    width:110px !important;
    min-width:110px !important;
    flex:none !important;

    padding:7px 10px !important;
    font-size:13px !important;
    border-radius:10px !important;
}#contenido .listaInvisible{
    width:min(100%,640px) !important;
    margin:20px auto 0 !important;

    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    align-items:stretch !important;
}#contenido .itemInvisible{
    width:100% !important;
    min-height:92px !important;
    padding:12px 14px 52px 14px !important;

    position:relative !important;
    display:block !important;
    box-sizing:border-box !important;
}#contenido .nombreYStats{
    width:100% !important;
    min-width:0 !important;
}#contenido .nombreYStats > span{
    display:block !important;
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    margin:0 0 8px 0 !important;
    white-space:pre-wrap !important;
    word-break:break-word !important;
}#contenido .estadisticasNombre{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    font-size:13px !important;
    font-weight:700 !important;
    color:#cbd5e1 !important;
}#contenido .itemActions{
    display:block !important;
    width:0 !important;
    height:0 !important;
    overflow:visible !important;
}#contenido .favoriteInvisible{
    position:absolute !important;
    top:12px !important;
    right:12px !important;

    width:110px !important;
    min-width:110px !important;
    padding:6px 10px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:12px !important;
    border-radius:10px !important;
    z-index:10 !important;
}#contenido .copyInvisible{
    position:absolute !important;
    right:12px !important;
    bottom:12px !important;

    width:110px !important;
    min-width:110px !important;
    padding:8px 12px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:13px !important;
    border-radius:10px !important;
    z-index:10 !important;
}@media (max-width:700px){
    #resultados .resultado,
    #contenido .itemInvisible{
        width:96% !important;
        min-height:0 !important;
    }

    #resultados .resultado{
        padding:12px 12px 54px 12px !important;
    }

    #resultados .resultado-fuente{
        padding-right:118px !important;
    }

    #resultados .resultado-texto{
        padding-right:118px !important;
        font-size:18px !important;
    }

    #resultados .btnFavorito,
    #resultados .btnCopiar,
    #contenido .favoriteInvisible,
    #contenido .copyInvisible{
        width:96px !important;
        min-width:96px !important;
    }

    #contenido .itemInvisible{
        padding:11px 12px 50px 12px !important;
    }

    #contenido .nombreYStats > span{
        font-size:17px !important;
    }
}.resultado,
#contenido .tarjetaCategoria {
  width: min(100%, 640px) !important;
  margin: 0 auto !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 92px !important;
  padding: 16px 16px 14px 16px !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-radius: 18px !important;
  background: rgba(20,30,48,.82) !important;
  cursor: pointer !important;
}.resultado:hover,
#contenido .tarjetaCategoria:hover {
  transform: translateY(-2px) !important;
}.resultado {
  padding-top: 14px !important;
  padding-bottom: 16px !important;
}.resultado-fuente {
  position: absolute !important;
  top: 10px !important;
  left: 14px !important;
  right: 140px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0 !important;
  z-index: 2 !important;
}.resultado-texto,
#contenido .nombreCategoria {
  position: absolute !important;
  left: 16px !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  text-align: center !important;
  font-size: clamp(22px, 4.5vw, 28px) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  z-index: 1 !important;
}#contenido .nombreCategoria {
  top: 50% !important;
}.resultado .btnFavorito,
#contenido .favoriteInvisible {
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  width: auto !important;
  min-width: 106px !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  z-index: 3 !important;
}.resultado-stats,
#contenido .estadisticasNombre {
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 8px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  z-index: 2 !important;
}.resultado-stats .copiasNombre,
.resultado-stats .favoritosNombre,
#contenido .copiasNombre,
#contenido .favoritosNombre {
  font-size: 13px !important;
  font-weight: 700 !important;
}.tarjetaCopiable {
  user-select: none !important;
}.copiadoOverlay {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: clamp(2rem, 7vw, 3.35rem) !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #e0f2fe !important;
  text-shadow: 0 0 16px rgba(255,255,255,.9), 0 0 28px rgba(56,189,248,.95) !important;
  background: radial-gradient(circle at center, rgba(56,189,248,.18), transparent 62%) !important;
  opacity: 0 !important;
  transform: scale(.82) !important;
  pointer-events: none !important;
  z-index: 4 !important;
}.resultado.copiado .copiadoOverlay,
#contenido .tarjetaCategoria.copiado .copiadoOverlay {
  animation: copiadoEntrada 1.05s ease-out forwards !important;
}.resultado.copiado,
#contenido .tarjetaCategoria.copiado {
  box-shadow: 0 0 22px rgba(56,189,248,.35) !important;
}@keyframes copiadoEntrada {
  0% {
    opacity: 0;
    transform: scale(.75);
  }
  18% {
    opacity: 1;
    transform: scale(1.03);
  }
  70% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.06);
  }
}@media (max-width:700px) {
  .resultado,
  #contenido .tarjetaCategoria {
    width: 96% !important;
    min-height: 86px !important;
    padding: 14px 12px 12px 12px !important;
  }

  .resultado-fuente {
    right: 116px !important;
    font-size: 12px !important;
  }

  .resultado-texto,
  #contenido .nombreCategoria {
    font-size: clamp(18px, 5vw, 24px) !important;
  }

  .resultado .btnFavorito,
  #contenido .favoriteInvisible {
    min-width: 94px !important;
    padding: 6px 9px !important;
    font-size: 11px !important;
  }

  .resultado-stats,
  #contenido .estadisticasNombre {
    left: 12px !important;
    right: 12px !important;
    bottom: 7px !important;
  }

  .copiadoOverlay {
    font-size: clamp(1.7rem, 9vw, 2.6rem) !important;
    letter-spacing: .14em !important;
  }
}#resultados{
  gap:12px !important;
}#resultados .resultado{
  width:min(100%,640px) !important;
  min-height:0 !important;
  padding:14px 16px !important;
  margin:0 auto !important;
  overflow:hidden !important;

  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-areas:
    "source favorite"
    "name name"
    "stats stats" !important;
  grid-template-rows:auto auto auto !important;
  align-items:center !important;
  column-gap:12px !important;
  row-gap:10px !important;
}#resultados .resultado-fuente{
  grid-area:source !important;
  position:static !important;
  inset:auto !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  line-height:1.3 !important;
}#resultados .resultado .btnFavorito{
  grid-area:favorite !important;
  position:static !important;
  inset:auto !important;
  justify-self:end !important;
  align-self:start !important;
  width:auto !important;
  min-width:106px !important;
  max-width:100% !important;
  margin:0 !important;
  white-space:nowrap !important;
}#resultados .resultado-texto{
  grid-area:name !important;
  position:static !important;
  inset:auto !important;
  transform:none !important;
  width:100% !important;
  min-width:0 !important;
  min-height:44px !important;
  padding:5px 2px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1.22 !important;
  white-space:pre-wrap !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}#resultados .resultado-stats{
  grid-area:stats !important;
  position:static !important;
  inset:auto !important;
  width:100% !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}#contenido .tarjetaCategoria{
  width:min(100%,640px) !important;
  min-height:0 !important;
  padding:14px 16px !important;
  margin:0 auto !important;
  overflow:hidden !important;

  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-areas:
    "name favorite"
    "stats stats" !important;
  grid-template-rows:auto auto !important;
  align-items:center !important;
  column-gap:12px !important;
  row-gap:12px !important;
}#contenido .nombreCategoria{
  grid-area:name !important;
  position:static !important;
  inset:auto !important;
  transform:none !important;
  width:100% !important;
  min-width:0 !important;
  padding:4px 0 !important;
  margin:0 !important;
  text-align:left !important;
  line-height:1.25 !important;
  white-space:pre-wrap !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}#contenido .favoriteInvisible{
  grid-area:favorite !important;
  position:static !important;
  inset:auto !important;
  justify-self:end !important;
  align-self:start !important;
  width:auto !important;
  min-width:106px !important;
  max-width:100% !important;
  margin:0 !important;
  white-space:nowrap !important;
}#contenido .estadisticasNombre{
  grid-area:stats !important;
  position:static !important;
  inset:auto !important;
  width:100% !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}.resultado .copiadoOverlay,
#contenido .tarjetaCategoria .copiadoOverlay{
  position:absolute !important;
  inset:0 !important;
}@media (max-width:700px){
  #resultados .resultado,
  #contenido .tarjetaCategoria{
    width:100% !important;
    padding:12px !important;
    column-gap:9px !important;
    row-gap:9px !important;
  }

  #resultados .resultado-texto{
    min-height:40px !important;
    font-size:clamp(18px,5vw,23px) !important;
  }

  #contenido .nombreCategoria{
    font-size:17px !important;
  }

  #resultados .resultado .btnFavorito,
  #contenido .favoriteInvisible{
    min-width:94px !important;
    padding:6px 9px !important;
    font-size:11px !important;
  }
}@media (max-width:420px){
  #resultados .resultado{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "source"
      "name"
      "favorite"
      "stats" !important;
  }

  #contenido .tarjetaCategoria{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "name"
      "favorite"
      "stats" !important;
  }

  #resultados .resultado .btnFavorito,
  #contenido .favoriteInvisible{
    justify-self:stretch !important;
    width:100% !important;
  }
}#resultados{
  gap: 12px !important;
}#resultados .resultado,
#contenido .tarjetaCategoria{
  width:min(100%, 760px) !important;
  margin:0 auto !important;
  min-height:96px !important;
  padding:14px 16px !important;
  border-radius:18px !important;
  border:2px solid var(--border-hover) !important;
  background:linear-gradient(180deg, rgba(14,32,67,.92), rgba(10,28,60,.94)) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset, 0 10px 28px rgba(3,10,26,.24) !important;
  overflow:hidden !important;
  position:relative !important;
  cursor:pointer !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}#resultados .resultado:hover,
#contenido .tarjetaCategoria:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset, 0 14px 28px rgba(4,14,36,.32), 0 0 18px rgba(56,189,248,.16) !important;
}#resultados .resultado{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-rows:auto auto auto !important;
  grid-template-areas:
    "source favorite"
    "name favorite"
    "stats stats" !important;
  align-items:center !important;
  row-gap:10px !important;
  column-gap:14px !important;
}#resultados .resultado-fuente{
  grid-area:source !important;
  position:static !important;
  inset:auto !important;
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
  font-size:14px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}#resultados .resultado-texto{
  grid-area:name !important;
  position:static !important;
  inset:auto !important;
  transform:none !important;
  width:100% !important;
  min-width:0 !important;
  min-height:34px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:clamp(25px, 4.6vw, 34px) !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  white-space:pre-wrap !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  text-shadow:0 2px 8px rgba(0,0,0,.45) !important;
}#resultados .resultado-stats,
#contenido .estadisticasNombre{
  position:static !important;
  inset:auto !important;
  margin:0 !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  color:#ecf4ff !important;
}#resultados .resultado-stats .copiasNombre,
#resultados .resultado-stats .favoritosNombre,
#contenido .copiasNombre,
#contenido .favoritosNombre{
  font-size:13px !important;
  font-weight:700 !important;
  opacity:.97 !important;
}#contenido .listaInvisible{
  width:min(100%, 760px) !important;
  margin:0 auto !important;
  gap:12px !important;
}#contenido .tarjetaCategoria{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-rows:auto auto !important;
  grid-template-areas:
    "name favorite"
    "stats stats" !important;
  align-items:center !important;
  row-gap:12px !important;
  column-gap:14px !important;
}#contenido .nombreCategoria{
  grid-area:name !important;
  position:static !important;
  inset:auto !important;
  transform:none !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
  font-size:clamp(26px, 4.4vw, 34px) !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  white-space:pre-wrap !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  text-shadow:0 2px 8px rgba(0,0,0,.45) !important;
}#resultados .resultado .btnFavorito,
#contenido .favoriteInvisible{
  grid-area:favorite !important;
  justify-self:end !important;
  align-self:start !important;
  position:static !important;
  inset:auto !important;
  width:auto !important;
  min-width:128px !important;
  max-width:100% !important;
  padding:9px 14px !important;
  border-radius:999px !important;
  border:2px solid rgba(255,183,206,.92) !important;
  background:linear-gradient(180deg, rgba(255,246,216,.92), rgba(255,231,166,.82)) !important;
  color:#6d4600 !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  box-shadow:0 0 0 2px rgba(72,31,81,.18) inset, 0 6px 16px rgba(0,0,0,.16) !important;
}#resultados .resultado .btnFavorito:hover,
#contenido .favoriteInvisible:hover{
  transform:translateY(-2px) scale(1.01) !important;
  border-color:#ffd4e9 !important;
  box-shadow:0 0 0 2px rgba(72,31,81,.2) inset, 0 10px 20px rgba(0,0,0,.2), 0 0 16px rgba(255,186,220,.24) !important;
}#resultados .resultado .btnFavorito:active,
#contenido .favoriteInvisible:active{
  transform:translateY(0) scale(.985) !important;
}.tarjetaCopiable{
  user-select:none !important;
}.copiadoOverlay{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:clamp(2.6rem, 8vw, 4.4rem) !important;
  font-weight:1000 !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:#f8fdff !important;
  text-shadow:0 0 14px rgba(255,255,255,.92), 0 0 26px rgba(56,189,248,.9), 0 2px 10px rgba(0,0,0,.45) !important;
  background:radial-gradient(circle at center, rgba(56,189,248,.32) 0%, rgba(56,189,248,.18) 28%, rgba(56,189,248,0) 66%) !important;
  opacity:0 !important;
  transform:scale(.82) !important;
  pointer-events:none !important;
  z-index:9 !important;
}.tarjetaCopiable.copiado{
  animation:tarjetaCopiadaPulso .78s ease !important;
}.tarjetaCopiable.copiado .copiadoOverlay{
  animation:overlayCopiado .9s ease-in-out forwards !important;
}@keyframes tarjetaCopiadaPulso{
  0%{ transform:scale(1); }
  34%{ transform:scale(1.015); }
  100%{ transform:scale(1); }
}@keyframes overlayCopiado{
  0%{ opacity:0; transform:scale(.75); }
  18%{ opacity:1; transform:scale(1.02); }
  68%{ opacity:1; transform:scale(1); }
  100%{ opacity:0; transform:scale(1.08); }
}@media (max-width:700px){
  #resultados .resultado,
  #contenido .tarjetaCategoria{
    width:100% !important;
    min-height:88px !important;
    padding:12px !important;
    column-gap:10px !important;
    row-gap:10px !important;
  }

  #resultados .resultado-texto,
  #contenido .nombreCategoria{
    font-size:clamp(20px, 6vw, 28px) !important;
  }

  #resultados .resultado .btnFavorito,
  #contenido .favoriteInvisible{
    min-width:112px !important;
    padding:8px 12px !important;
    font-size:12px !important;
  }

  .copiadoOverlay{
    font-size:clamp(2rem, 10vw, 3.25rem) !important;
    letter-spacing:.05em !important;
  }
}@media (max-width:460px){
  #resultados .resultado,
  #contenido .tarjetaCategoria{
    grid-template-columns:1fr !important;
  }

  #resultados .resultado{
    grid-template-areas:
      "source"
      "name"
      "favorite"
      "stats" !important;
  }

  #contenido .tarjetaCategoria{
    grid-template-areas:
      "name"
      "favorite"
      "stats" !important;
  }

  #resultados .resultado .btnFavorito,
  #contenido .favoriteInvisible{
    justify-self:stretch !important;
    width:100% !important;
  }
}#resultados .resultado{
  width:min(100%, 740px) !important;
  min-height:78px !important;
  padding:10px 14px !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  grid-template-areas:
    "source favorite"
    "name favorite"
    "stats stats" !important;
  row-gap:6px !important;
  column-gap:12px !important;
}#resultados .resultado-fuente{
  font-size:12px !important;
  line-height:1.1 !important;
}#resultados .resultado-texto{
  min-height:0 !important;
  font-size:clamp(18px, 3vw, 24px) !important;
  line-height:1 !important;
  padding:0 !important;
}#resultados .resultado-stats{
  margin-top:1px !important;
}#resultados .resultado-stats .copiasNombre,
#resultados .resultado-stats .favoritosNombre{
  font-size:12px !important;
}#resultados .resultado .btnFavorito,
#contenido .favoriteInvisible{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  min-width:138px !important;
  padding:9px 16px !important;
  border:1px solid rgba(255,255,255,.42) !important;
  background:
    linear-gradient(180deg, rgba(255,252,240,.98) 0%, rgba(255,233,156,.96) 55%, rgba(255,209,105,.92) 100%) !important;
  color:#6c4300 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -2px 6px rgba(194,116,0,.18),
    0 8px 18px rgba(8,14,30,.22),
    0 0 0 2px rgba(255, 205, 95, .18) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.65) !important;
}#resultados .resultado .btnFavorito::before,
#contenido .favoriteInvisible::before{
  content:"";
  position:absolute;
  top:-55%;
  left:-35%;
  width:44%;
  height:210%;
  transform:rotate(24deg);
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.18) 38%, rgba(255,255,255,.88) 50%, rgba(255,255,255,.15) 62%, rgba(255,255,255,0) 100%);
  opacity:.85;
  z-index:-1;
  transition:transform .55s ease, left .55s ease, opacity .25s ease;
}#resultados .resultado .btnFavorito::after,
#contenido .favoriteInvisible::after{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0));
  pointer-events:none;
  z-index:-1;
}#resultados .resultado .btnFavorito:hover,
#contenido .favoriteInvisible:hover{
  transform:translateY(-2px) scale(1.02) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -2px 6px rgba(194,116,0,.22),
    0 12px 24px rgba(8,14,30,.24),
    0 0 18px rgba(255,221,118,.45),
    0 0 0 2px rgba(255, 206, 99, .22) !important;
}#resultados .resultado .btnFavorito:hover::before,
#contenido .favoriteInvisible:hover::before,
#resultados .resultado .btnFavorito.fav-clicked::before,
#contenido .favoriteInvisible.fav-clicked::before{
  left:112%;
}#resultados .resultado .btnFavorito:active,
#contenido .favoriteInvisible:active{
  transform:translateY(0) scale(.98) !important;
}#resultados .resultado .btnFavorito.favorito-activo,
#contenido .favoriteInvisible.favorito-activo{
  color:#8a1f3d !important;
  background:
    linear-gradient(180deg, rgba(255,248,251,.98) 0%, rgba(255,219,232,.96) 52%, rgba(255,181,204,.92) 100%) !important;
  border-color:rgba(255,225,236,.88) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -2px 7px rgba(179,48,105,.18),
    0 10px 22px rgba(8,14,30,.22),
    0 0 22px rgba(255,134,186,.36),
    0 0 0 2px rgba(255,167,202,.18) !important;
}#resultados .resultado .btnFavorito.fav-clicked,
#contenido .favoriteInvisible.fav-clicked{
  animation:favTapPulse .5s ease !important;
}@keyframes favTapPulse{
  0%{ transform:scale(1); }
  35%{ transform:scale(1.08); }
  70%{ transform:scale(.97); }
  100%{ transform:scale(1); }
}@media (max-width:700px){
  #resultados .resultado{
    min-height:74px !important;
    padding:9px 11px !important;
    row-gap:5px !important;
  }

  #resultados .resultado-texto{
    font-size:clamp(17px, 4.6vw, 22px) !important;
  }

  #resultados .resultado .btnFavorito,
  #contenido .favoriteInvisible{
    min-width:124px !important;
    padding:8px 13px !important;
    font-size:12px !important;
  }
}#resultados .resultado,
#contenido .tarjetaCategoria,
#resultados .resultado.copiado,
#contenido .tarjetaCategoria.copiado{
  opacity:1 !important;
  visibility:visible !important;
}#resultados .resultado.copiado,
#contenido .tarjetaCategoria.copiado{
  animation:none !important;
  transform:none !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 0 2px rgba(85, 214, 255, .30),
    0 14px 30px rgba(4,14,36,.30),
    0 0 24px rgba(56,189,248,.22) !important;
}#resultados .resultado .copiadoOverlay,
#contenido .tarjetaCategoria .copiadoOverlay{
  backdrop-filter: blur(1.4px);
  background:
    radial-gradient(circle at center, rgba(89, 214, 255, .34) 0%, rgba(89, 214, 255, .20) 24%, rgba(89, 214, 255, .08) 42%, rgba(89, 214, 255, 0) 68%),
    linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.06) 45%, rgba(255,255,255,.12) 50%, rgba(255,255,255,.06) 55%, rgba(255,255,255,0) 100%) !important;
  font-size:clamp(2.5rem, 8vw, 4.2rem) !important;
  font-weight:1000 !important;
  letter-spacing:.12em !important;
  color:#ffffff !important;
  text-shadow:
    0 0 10px rgba(255,255,255,.98),
    0 0 20px rgba(56,189,248,.92),
    0 0 34px rgba(56,189,248,.72),
    0 3px 12px rgba(0,0,0,.42) !important;
}.tarjetaCopiable.copiado .copiadoOverlay{
  animation:copiadoOverlayPro .82s cubic-bezier(.2,.78,.2,1) forwards !important;
}@keyframes copiadoOverlayPro{
  0%{
    opacity:0;
    transform:scale(.70) translateY(12px);
    letter-spacing:.28em;
    filter:blur(6px);
  }
  18%{
    opacity:1;
    transform:scale(1.03) translateY(0);
    letter-spacing:.12em;
    filter:blur(0);
  }
  68%{
    opacity:1;
    transform:scale(1) translateY(0);
    letter-spacing:.12em;
    filter:blur(0);
  }
  100%{
    opacity:0;
    transform:scale(1.08) translateY(-8px);
    letter-spacing:.18em;
    filter:blur(2px);
  }
}@media (max-width:700px){
  #resultados .resultado .copiadoOverlay,
  #contenido .tarjetaCategoria .copiadoOverlay{
    font-size:clamp(1.9rem, 10vw, 3rem) !important;
    letter-spacing:.08em !important;
  }
}#resultados .resultado.copiado-activo,
#contenido .tarjetaCategoria.copiado-activo{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 0 2px rgba(85,214,255,.34),
    0 16px 30px rgba(4,14,36,.32),
    0 0 26px rgba(56,189,248,.24) !important;
}#resultados .resultado .copiadoOverlay,
#contenido .tarjetaCategoria .copiadoOverlay{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:10px !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  z-index:50 !important;
  border-radius:inherit !important;
  backdrop-filter:blur(2px);
  background:
    radial-gradient(circle at center, rgba(95,228,255,.32) 0%, rgba(95,228,255,.18) 28%, rgba(95,228,255,.08) 48%, rgba(95,228,255,0) 72%),
    linear-gradient(180deg, rgba(4,18,40,.18), rgba(4,18,40,.12)) !important;
  font-size:clamp(2.9rem, 8.5vw, 4.9rem) !important;
  font-weight:1000 !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#ffffff !important;
  text-shadow:
    0 0 10px rgba(255,255,255,.98),
    0 0 20px rgba(56,189,248,.96),
    0 0 34px rgba(56,189,248,.76),
    0 3px 12px rgba(0,0,0,.42) !important;
}#resultados .resultado .copiadoOverlay.copiado-visible,
#contenido .tarjetaCategoria .copiadoOverlay.copiado-visible{
  visibility:visible !important;
  animation:copiadoOverlayVisible 3s cubic-bezier(.2,.78,.2,1) forwards !important;
}@keyframes copiadoOverlayVisible{
  0%{
    opacity:0;
    transform:scale(.68) translateY(18px);
    letter-spacing:.30em;
    filter:blur(7px);
  }
  12%{
    opacity:1;
    transform:scale(1.03) translateY(0);
    letter-spacing:.12em;
    filter:blur(0);
  }
  78%{
    opacity:1;
    transform:scale(1) translateY(0);
    letter-spacing:.12em;
    filter:blur(0);
  }
  100%{
    opacity:0;
    transform:scale(1.08) translateY(-12px);
    letter-spacing:.20em;
    filter:blur(3px);
  }
}@media (max-width:700px){
  #resultados .resultado .copiadoOverlay,
  #contenido .tarjetaCategoria .copiadoOverlay{
    font-size:clamp(2rem, 11vw, 3.2rem) !important;
    letter-spacing:.08em !important;
    padding:8px !important;
  }
}#resultados .resultado .copiadoOverlay.copiado-visible,
#contenido .tarjetaCategoria .copiadoOverlay.copiado-visible{
  visibility:visible !important;
  opacity:1 !important;
  transform:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at center, rgba(80,223,255,.30) 0%, rgba(30,174,255,.15) 36%, rgba(4,18,40,.20) 72%),
    rgba(4,15,35,.20) !important;
  box-shadow:inset 0 0 34px rgba(74,220,255,.13) !important;
}#resultados .resultado.copiado-activo,
#contenido .tarjetaCategoria.copiado-activo{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  animation:none !important;
}.copiadoTexto{
  position:relative;
  z-index:3;
  display:block;
  width:100%;
  padding:0 8px;
  text-align:center;
  white-space:nowrap;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(3rem, 8.7vw, 5.25rem);
  font-weight:1000;
  line-height:.92;
  letter-spacing:.055em;
  color:#fff;
  opacity:0;
  transform:translateY(16px) scale(.72);
  filter:blur(7px);
  text-shadow:
    0 0 8px rgba(255,255,255,1),
    0 0 18px rgba(103,231,255,.98),
    0 0 34px rgba(0,187,255,.82),
    0 4px 14px rgba(0,0,0,.46);
  will-change:transform,opacity,filter,letter-spacing;
}.copiadoTexto.copiado-texto-activo{
  animation:copiadoTextoProfesional 3s cubic-bezier(.18,.78,.2,1) both !important;
}#resultados .resultado .copiadoOverlay.copiado-visible::after,
#contenido .tarjetaCategoria .copiadoOverlay.copiado-visible::after{
  content:"";
  position:absolute;
  top:-35%;
  left:-32%;
  width:28%;
  height:170%;
  z-index:2;
  pointer-events:none;
  transform:rotate(18deg);
  background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.10) 30%,
    rgba(255,255,255,.70) 50%,
    rgba(255,255,255,.10) 70%,
    rgba(255,255,255,0) 100%);
  animation:copiadoBrilloProfesional 3s ease-in-out both !important;
}@keyframes copiadoTextoProfesional{
  0%{
    opacity:0;
    transform:translateY(16px) scale(.72);
    filter:blur(7px);
    letter-spacing:.20em;
  }
  10%{
    opacity:1;
    transform:translateY(0) scale(1.06);
    filter:blur(0);
    letter-spacing:.055em;
  }
  16%{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
  }
  78%{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
    letter-spacing:.055em;
  }
  90%{
    opacity:1;
    transform:translateY(-2px) scale(1.04);
    filter:blur(0);
  }
  100%{
    opacity:0;
    transform:translateY(-15px) scale(1.12);
    filter:blur(6px);
    letter-spacing:.13em;
  }
}@keyframes copiadoBrilloProfesional{
  0%, 12%{ left:-32%; opacity:0; }
  20%{ opacity:.8; }
  43%{ left:112%; opacity:.45; }
  52%,100%{ left:112%; opacity:0; }
}@media (max-width:700px){
  .copiadoTexto{
    font-size:clamp(2rem, 11vw, 3.35rem);
    letter-spacing:.035em;
  }
}@media (max-width:460px){
  #contenido .tarjetaCategoria{
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:
      "name favorite"
      "stats stats" !important;
    align-items:center !important;
    column-gap:10px !important;
    row-gap:10px !important;
  }

  #contenido .favoriteInvisible{
    justify-self:end !important;
    align-self:start !important;
    width:auto !important;
    min-width:124px !important;
    max-width:150px !important;
    padding:8px 13px !important;
    white-space:nowrap !important;
  }
}.privacy-page{
    width:100%;
    max-width:900px;
    margin:0 auto;
    padding:25px 16px 60px;
    position:relative;
    z-index:1;
}.privacy-back{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    margin-bottom:22px;
    padding:11px 18px;

    color:#fff;
    text-decoration:none;
    font-size:15px;
    font-weight:700;

    background:rgba(20,30,48,.8);
    border:2px solid #35527b;
    border-radius:14px;

    box-shadow:0 0 15px rgba(56,189,248,.12);

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}.privacy-back:hover{
    transform:translateY(-2px);
    border-color:#38bdf8;
    box-shadow:0 0 20px rgba(56,189,248,.35);
}.privacy-card{
    width:100%;

    padding:clamp(22px,5vw,42px);

    background:
        linear-gradient(
            180deg,
            rgba(20,30,48,.92),
            rgba(10,20,40,.94)
        );

    border:2px solid #35527b;
    border-radius:24px;

    box-shadow:
        0 20px 50px rgba(0,0,0,.25),
        0 0 25px rgba(56,189,248,.10);

    backdrop-filter:blur(12px);
}.privacy-card h1{
    margin:0 0 8px;

    text-align:center;

    font-size:clamp(30px,6vw,46px);
    font-weight:900;

    color:#fff;

    text-shadow:
        0 0 12px rgba(56,189,248,.8),
        0 0 28px rgba(37,99,235,.35);
}.privacy-update{
    margin-bottom:32px !important;

    text-align:center;

    color:#94a3b8 !important;
    font-size:14px !important;
}.privacy-card h2{
    margin-top:32px;
    margin-bottom:12px;

    font-size:clamp(19px,4vw,24px);

    color:#7dd3fc;

    text-shadow:0 0 10px rgba(56,189,248,.22);
}.privacy-card p{
    margin-bottom:14px;

    color:#cbd5e1;

    font-size:16px;
    line-height:1.75;
}.privacy-card strong{
    color:#fff;
}.privacy-card a{
    color:#38bdf8;
    text-decoration:none;
    font-weight:700;
}.privacy-card a:hover{
    text-decoration:underline;
    color:#7dd3fc;
}@media (max-width:600px){

    .privacy-page{
        padding:18px 12px 45px;
    }

    .privacy-card{
        padding:22px 17px;
        border-radius:20px;
    }

    .privacy-card h2{
        margin-top:27px;
    }

    .privacy-card p{
        font-size:15px;
        line-height:1.7;
    }

    .privacy-back{
        width:100%;
    }
}.site-footer{
    width:100%;
    max-width:820px;

    margin:55px auto 15px;
    padding:24px 20px;

    display:flex;
    flex-direction:column;
    align-items:center;
    gap:13px;

    text-align:center;

    background:rgba(10,20,40,.48);

    border-top:1px solid rgba(56,189,248,.28);

    border-radius:20px 20px 0 0;

    box-shadow:
        0 -8px 30px rgba(56,189,248,.06);

    position:relative;
    z-index:1;
}.footer-brand{
    display:flex;
    flex-direction:column;
    gap:5px;
}.footer-brand strong{
    font-size:21px;
    color:#fff;

    text-shadow:
        0 0 12px rgba(56,189,248,.7);
}.footer-brand span{
    color:#94a3b8;
    font-size:14px;
}.footer-links{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:10px 18px;
}.footer-links a{
    color:#7dd3fc;

    font-size:14px;
    font-weight:700;

    text-decoration:none;

    transition:
        color .2s ease,
        text-shadow .2s ease,
        transform .2s ease;
}.footer-links a:hover{
    color:#fff;

    text-shadow:
        0 0 10px rgba(56,189,248,.8);

    transform:translateY(-1px);
}.footer-copy{
    margin:0;

    color:#64748b;

    font-size:12px;
}@media (max-width:600px){

    .site-footer{
        width:calc(100% - 24px);

        margin-top:40px;
        padding:22px 16px;
    }

    .footer-brand strong{
        font-size:19px;
    }
}.home-info{
    width:100%;
    max-width:820px;
    margin:35px auto 0;
}.info-card{
    padding:28px;

    background:
        linear-gradient(
            180deg,
            rgba(20,30,48,.78),
            rgba(10,20,40,.84)
        );

    border:1px solid rgba(56,189,248,.25);
    border-radius:22px;

    box-shadow:
        0 15px 40px rgba(0,0,0,.18),
        0 0 25px rgba(56,189,248,.06);
}.info-card > h2,
.faq-section > h2{
    text-align:center;

    margin-bottom:20px;

    font-size:clamp(24px,5vw,32px);

    color:#fff;

    text-shadow:
        0 0 14px rgba(56,189,248,.55);
}.info-card > p{
    max-width:680px;

    margin:0 auto 28px;

    text-align:center;

    color:#cbd5e1;

    line-height:1.7;
}.steps-grid{
    display:grid;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap:14px;

    margin-bottom:42px;
}.info-step{
    padding:20px;

    background:rgba(15,30,55,.65);

    border:1px solid rgba(56,189,248,.18);

    border-radius:18px;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}.info-step:hover{
    transform:translateY(-2px);

    border-color:rgba(56,189,248,.55);

    box-shadow:
        0 8px 22px rgba(0,0,0,.18),
        0 0 14px rgba(56,189,248,.12);
}.info-step > span{
    width:34px;
    height:34px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:12px;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            #38bdf8,
            #2563eb
        );

    color:#fff;

    font-weight:900;

    box-shadow:
        0 0 14px rgba(56,189,248,.35);
}.info-step h3{
    margin-bottom:8px;

    color:#fff;

    font-size:17px;
}.info-step p{
    margin:0;

    color:#94a3b8;

    font-size:14px;
    line-height:1.6;
}.faq-section{
    margin-top:10px;
}.faq-item{
    margin-bottom:11px;

    background:rgba(15,30,55,.62);

    border:1px solid rgba(56,189,248,.18);

    border-radius:15px;

    overflow:hidden;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}.faq-item[open]{
    border-color:rgba(56,189,248,.48);

    box-shadow:
        0 0 16px rgba(56,189,248,.08);
}.faq-item summary{
    padding:16px 18px;

    cursor:pointer;

    color:#fff;

    font-weight:700;

    user-select:none;
}.faq-item p{
    padding:
        0 18px 18px;

    margin:0;

    color:#94a3b8;

    line-height:1.65;
}@media(max-width:600px){

    .home-info{
        margin-top:25px;
    }

    .info-card{
        padding:20px 15px;
    }

    .steps-grid{
        grid-template-columns:1fr;
    }

}.seo-page{
    max-width:920px;
}.seo-article{
    position:relative;
}.seo-header{
    text-align:center;
    margin-bottom:38px;
}.seo-icon{
    display:block;
    margin-bottom:8px;

    font-size:48px;

    filter:
        drop-shadow(0 0 14px rgba(56,189,248,.45));
}.seo-header h1{
    margin-bottom:15px;
}.seo-intro{
    max-width:700px;
    margin:0 auto !important;

    text-align:center;

    font-size:17px !important;
    line-height:1.8 !important;

    color:#cbd5e1 !important;
}.seo-grid{
    display:grid;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap:14px;

    margin:22px 0 10px;
}.seo-mini-card{
    padding:20px;

    background:
        linear-gradient(
            180deg,
            rgba(15,35,66,.72),
            rgba(10,25,50,.72)
        );

    border:1px solid rgba(56,189,248,.2);

    border-radius:17px;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}.seo-mini-card:hover{
    transform:translateY(-3px);

    border-color:rgba(56,189,248,.58);

    box-shadow:
        0 10px 24px rgba(0,0,0,.18),
        0 0 17px rgba(56,189,248,.12);
}.seo-mini-card > span{
    display:block;

    margin-bottom:9px;

    font-size:27px;
}.seo-mini-card h3{
    margin:0 0 7px;

    color:#fff;

    font-size:17px;
}.seo-mini-card p{
    margin:0;

    color:#94a3b8;

    font-size:14px;
    line-height:1.6;
}.seo-types{
    display:flex;
    flex-direction:column;

    gap:10px;

    margin-top:20px;
}.seo-types > div{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding:14px 17px;

    background:rgba(15,30,55,.56);

    border:1px solid rgba(56,189,248,.14);

    border-radius:13px;
}.seo-types strong{
    color:#7dd3fc;
}.seo-types span{
    color:#94a3b8;

    text-align:right;

    font-size:14px;
}.seo-generator-box{
    margin:40px 0 !important;

    padding:28px;

    text-align:center;

    border:
        1px solid rgba(56,189,248,.4);

    border-radius:20px;

    background:
        radial-gradient(
            circle at top,
            rgba(56,189,248,.13),
            transparent 55%
        ),
        rgba(9,24,48,.72);

    box-shadow:
        0 15px 35px rgba(0,0,0,.2),
        0 0 25px rgba(56,189,248,.08);
}.seo-generator-icon{
    margin-bottom:5px;

    font-size:34px;
}.seo-generator-box h2{
    margin-top:5px;
}.seo-generator-box p{
    max-width:600px;

    margin:
        0 auto 22px !important;
}.seo-main-button{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-width:250px;

    padding:14px 22px;

    border-radius:14px;

    color:#fff !important;

    font-weight:900 !important;

    text-decoration:none !important;

    background:
        linear-gradient(
            90deg,
            #06b6d4,
            #2563eb
        );

    box-shadow:
        0 8px 24px rgba(37,99,235,.26),
        0 0 17px rgba(56,189,248,.22);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}.seo-main-button:hover{
    transform:translateY(-2px);

    box-shadow:
        0 12px 28px rgba(37,99,235,.32),
        0 0 25px rgba(56,189,248,.32);
}.seo-related{
    margin-top:40px;

    padding-top:25px;

    border-top:
        1px solid rgba(56,189,248,.18);

    text-align:center;
}.seo-related h2{
    margin-top:0;
}.seo-related > div{
    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:10px 18px;
}.seo-related a{
    color:#7dd3fc;

    font-weight:700;

    text-decoration:none;
}.seo-related a:hover{
    color:#fff;

    text-shadow:
        0 0 10px rgba(56,189,248,.7);
}@media(max-width:600px){

    .seo-grid{
        grid-template-columns:1fr;
    }

    .seo-types > div{
        flex-direction:column;

        align-items:flex-start;

        gap:5px;
    }

    .seo-types span{
        text-align:left;
    }

    .seo-generator-box{
        padding:22px 15px;
    }

    .seo-main-button{
        width:100%;
        min-width:0;
    }

}.seo-category-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    margin-top:13px;

    color:#7dd3fc;

    font-size:13px;
    font-weight:700;

    text-decoration:none;

    transition:
        color .2s ease,
        transform .2s ease,
        text-shadow .2s ease;
}.seo-category-link:hover{
    color:#fff;

    transform:translateY(-1px);

    text-shadow:
        0 0 10px rgba(56,189,248,.75);
}#inputNombre{
    min-height:62px;
    padding:17px 20px;

    color:#f8fafc;
    caret-color:#67e8f9;

    background:
        linear-gradient(
            180deg,
            rgba(15,23,42,.94),
            rgba(15,30,55,.88)
        );

    border:1px solid rgba(125,211,252,.48);
    border-radius:18px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 10px 26px rgba(2,6,23,.2),
        0 0 0 1px rgba(56,189,248,.05);

    transition:
        border-color .22s ease,
        box-shadow .22s ease,
        transform .22s ease,
        background .22s ease;
}#inputNombre::placeholder{
    color:#94a3b8;
    opacity:1;
}#inputNombre:hover{
    border-color:rgba(103,232,249,.72);
}#inputNombre:focus{
    transform:translateY(-1px);

    border-color:#67e8f9;

    background:
        linear-gradient(
            180deg,
            rgba(15,23,42,.98),
            rgba(12,35,64,.94)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 12px 30px rgba(2,6,23,.26),
        0 0 0 3px rgba(34,211,238,.12),
        0 0 24px rgba(56,189,248,.18);
}#btnGenerar{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    min-height:58px;
    padding:16px 22px;

    border:1px solid rgba(165,243,252,.45);
    border-radius:18px;

    background:
        linear-gradient(
            100deg,
            #06b6d4 0%,
            #0ea5e9 42%,
            #2563eb 100%
        );

    color:#fff;
    font-size:17px;
    font-weight:900;
    letter-spacing:.2px;

    text-shadow:0 1px 8px rgba(2,6,23,.3);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        0 12px 28px rgba(14,165,233,.2),
        0 0 20px rgba(56,189,248,.16);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        filter .2s ease;
}#btnGenerar::before{
    content:"";
    position:absolute;
    pointer-events:none;
    top:-45%;
    left:-35%;

    width:28%;
    height:190%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.34),
        transparent
    );

    transform:rotate(18deg);
    transition:left .55s ease;
}#btnGenerar:hover{
    transform:translateY(-2px);
    filter:saturate(1.08) brightness(1.04);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.32),
        0 15px 34px rgba(14,165,233,.27),
        0 0 28px rgba(56,189,248,.3);
}#btnGenerar:hover::before{
    left:115%;
}#btnGenerar:active{
    transform:translateY(0) scale(.99);
}#btnGenerar:focus-visible,
#inputNombre:focus-visible{
    outline:2px solid rgba(165,243,252,.9);
    outline-offset:3px;
}@media(max-width:600px){
    #inputNombre{
        min-height:58px;
        padding:15px 17px;
        font-size:16px;
        border-radius:16px;
    }

    #btnGenerar{
        min-height:54px;
        padding:14px 18px;
        font-size:16px;
        border-radius:16px;
    }
}.logo{
  display:inline-block !important;
  font-size:clamp(3rem,8vw,4.4rem) !important;
  font-weight:1000 !important;
  line-height:1 !important;
  letter-spacing:-0.03em !important;
  color:transparent !important;
  background:linear-gradient(90deg,
    #ffffff 0%,
    #dbeafe 12%,
    #93c5fd 26%,
    #67e8f9 40%,
    #22d3ee 52%,
    #60a5fa 66%,
    #c084fc 82%,
    #ffffff 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  text-shadow:none !important;
  filter:drop-shadow(0 2px 0 rgba(255,255,255,.15)) drop-shadow(0 0 14px rgba(56,189,248,.36)) drop-shadow(0 0 26px rgba(96,165,250,.24));
  position:relative;
}.logo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.05) 30%, rgba(255,255,255,.85) 48%, rgba(255,255,255,.08) 58%, transparent 78%);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  mix-blend-mode:screen;
  animation:logoShinePatronNick 5s linear infinite;
  pointer-events:none;
}@keyframes logoShinePatronNick{
  0%{ transform:translateX(-38%); opacity:0; }
  10%{ opacity:.15; }
  40%{ opacity:.72; }
  55%{ opacity:.24; }
  100%{ transform:translateX(38%); opacity:0; }
}#abrirFavoritos,
.btn-top{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:linear-gradient(135deg, rgba(15,23,42,.98), rgba(22,56,126,.96)) !important;
  color:#fff6d6 !important;
  border-radius:999px !important;
  padding:12px 18px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(56,189,248,.14),
    0 10px 22px rgba(2,6,23,.24),
    0 0 16px rgba(34,211,238,.14) !important;
}#abrirFavoritos::before,
.btn-top::before{
  content:"";
  position:absolute;
  top:-60%;
  left:-40%;
  width:40%;
  height:220%;
  transform:rotate(24deg);
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.08) 32%, rgba(255,255,255,.9) 50%, rgba(255,255,255,.08) 68%, rgba(255,255,255,0) 100%);
  transition:left .65s ease;
  pointer-events:none;
}#abrirFavoritos:hover,
.btn-top:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(103,232,249,.5) !important;
  color:#ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 0 0 1px rgba(56,189,248,.18),
    0 14px 26px rgba(2,6,23,.30),
    0 0 18px rgba(34,211,238,.26),
    0 0 24px rgba(250,204,21,.14) !important;
}#abrirFavoritos:hover::before,
.btn-top:hover::before{
  left:115%;
}#contadorFavoritos{
  color:#fde68a !important;
  font-weight:900 !important;
}#resultados .resultado .btnFavorito,
#contenido .favoriteInvisible{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  min-width:136px !important;
  padding:9px 15px !important;
  border-radius:999px !important;
  border:1px solid rgba(146, 232, 255, .45) !important;
  background:linear-gradient(135deg, rgba(7,18,46,.98) 0%, rgba(17,36,86,.97) 48%, rgba(15,23,42,.98) 100%) !important;
  color:#eefcff !important;
  text-shadow:0 1px 0 rgba(0,0,0,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(56,189,248,.08),
    0 10px 18px rgba(2,6,23,.22),
    0 0 16px rgba(56,189,248,.14) !important;
}#resultados .resultado .btnFavorito::before,
#contenido .favoriteInvisible::before{
  content:"";
  position:absolute;
  top:-65%;
  left:-42%;
  width:40%;
  height:230%;
  transform:rotate(24deg);
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.10) 35%, rgba(255,255,255,.92) 50%, rgba(255,255,255,.12) 65%, rgba(255,255,255,0) 100%);
  transition:left .60s ease;
  z-index:-1;
}#resultados .resultado .btnFavorito::after,
#contenido .favoriteInvisible::after{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0));
  pointer-events:none;
  z-index:-1;
}#resultados .resultado .btnFavorito:hover,
#contenido .favoriteInvisible:hover{
  transform:translateY(-2px) scale(1.02) !important;
  border-color:rgba(103,232,249,.82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 0 0 1px rgba(34,211,238,.10),
    0 12px 22px rgba(2,6,23,.26),
    0 0 22px rgba(34,211,238,.22),
    0 0 30px rgba(56,189,248,.12) !important;
}#resultados .resultado .btnFavorito:hover::before,
#contenido .favoriteInvisible:hover::before,
#resultados .resultado .btnFavorito.fav-clicked::before,
#contenido .favoriteInvisible.fav-clicked::before{
  left:116%;
}#resultados .resultado .btnFavorito.favorito-activo,
#contenido .favoriteInvisible.favorito-activo{
  border-color:rgba(255,198,218,.82) !important;
  background:linear-gradient(135deg, rgba(255,248,251,.98) 0%, rgba(255,223,236,.97) 48%, rgba(255,192,218,.94) 100%) !important;
  color:#9d174d !important;
  text-shadow:0 1px 0 rgba(255,255,255,.52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    inset 0 -2px 8px rgba(190,24,93,.10),
    0 10px 20px rgba(2,6,23,.22),
    0 0 24px rgba(244,114,182,.24) !important;
}#contenido .tarjetaCategoria{
  width:min(100%, 740px) !important;
  min-height:80px !important;
  padding:11px 14px !important;
  row-gap:7px !important;
  column-gap:12px !important;
}#contenido .nombreCategoria{
  font-size:clamp(18px, 3.1vw, 24px) !important;
  line-height:1.02 !important;
  min-height:0 !important;
}#contenido .estadisticasNombre{
  gap:12px !important;
}#contenido .copiasNombre,
#contenido .favoritosNombre{
  font-size:12px !important;
}@media (max-width:700px){
  .logo{
    font-size:clamp(2.6rem, 11vw, 3.5rem) !important;
  }

  #abrirFavoritos,
  .btn-top{
    padding:11px 16px !important;
    font-size:14px !important;
  }

  #contenido .tarjetaCategoria{
    min-height:74px !important;
    padding:10px 12px !important;
    row-gap:6px !important;
  }

  #contenido .nombreCategoria{
    font-size:clamp(17px, 4.8vw, 21px) !important;
  }

  #resultados .resultado .btnFavorito,
  #contenido .favoriteInvisible{
    min-width:122px !important;
    padding:8px 13px !important;
    font-size:12px !important;
  }
}body{
  background:
    radial-gradient(circle at 18% 8%, rgba(34,211,238,.18) 0%, rgba(34,211,238,0) 18%),
    radial-gradient(circle at 84% 10%, rgba(37,99,235,.24) 0%, rgba(37,99,235,0) 20%),
    radial-gradient(circle at 50% 42%, rgba(56,189,248,.10) 0%, rgba(56,189,248,0) 28%),
    radial-gradient(circle at 50% 115%, rgba(96,165,250,.14) 0%, rgba(96,165,250,0) 24%),
    linear-gradient(180deg, #0a1630 0%, #0a1d44 34%, #07132a 68%, #030712 100%) !important;
  background-attachment: fixed !important;
  position:relative;
  overflow-x:hidden;
}body::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    linear-gradient(rgba(125,211,252,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125,211,252,.055) 1px, transparent 1px),
    radial-gradient(circle at center, rgba(34,211,238,.12) 0 1px, transparent 2px);
  background-size:72px 72px,72px 72px,180px 180px;
  opacity:.18;
  pointer-events:none;
  mask-image:radial-gradient(circle at center, rgba(0,0,0,.9) 0%, rgba(0,0,0,.84) 55%, rgba(0,0,0,.25) 100%);
}body::after{
  content:"";
  position:fixed;
  inset:-10%;
  background:
    radial-gradient(circle at 15% 18%, rgba(34,211,238,.22) 0%, rgba(34,211,238,0) 24%),
    radial-gradient(circle at 88% 22%, rgba(59,130,246,.18) 0%, rgba(59,130,246,0) 21%),
    radial-gradient(circle at 48% 52%, rgba(14,165,233,.08) 0%, rgba(14,165,233,0) 22%),
    radial-gradient(circle at 50% 100%, rgba(14,165,233,.12) 0%, rgba(14,165,233,0) 26%);
  opacity:.95;
  filter:blur(12px);
  pointer-events:none;
  animation:patronAmbientMove 18s ease-in-out infinite alternate;
}@keyframes patronAmbientMove{
  0%{ transform:translate3d(0,0,0) scale(1); }
  100%{ transform:translate3d(0,-10px,0) scale(1.035); }
}.app{
  position:relative;
  z-index:1;
}.app::before{
  content:"";
  position:fixed;
  inset:auto 50% 6% 50%;
  width:min(1100px, 90vw);
  height:320px;
  transform:translateX(-50%);
  background:radial-gradient(circle at center, rgba(56,189,248,.09) 0%, rgba(56,189,248,.03) 35%, rgba(56,189,248,0) 72%);
  filter:blur(18px);
  pointer-events:none;
  z-index:-1;
}.logo{
  display:inline-block !important;
  font-size:clamp(3.1rem, 8vw, 4.8rem) !important;
  font-weight:1000 !important;
  line-height:.95 !important;
  letter-spacing:-0.05em !important;
  color:transparent !important;
  background:
    linear-gradient(180deg,
      #f9fbff 0%,
      #f1f6ff 12%,
      #d8e6ff 22%,
      #b4d4ff 30%,
      #7addff 43%,
      #35c2ff 57%,
      #238dff 72%,
      #c8d8ff 86%,
      #ffffff 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-stroke:1px rgba(220,245,255,.22);
  text-shadow:
    0 1px 0 rgba(255,255,255,.58),
    0 2px 0 rgba(173,216,255,.20),
    0 10px 22px rgba(2,6,23,.28),
    0 0 12px rgba(56,189,248,.38),
    0 0 28px rgba(37,99,235,.22) !important;
  filter:drop-shadow(0 0 18px rgba(56,189,248,.18));
  position:relative;
}.logo::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg,
      transparent 0%,
      rgba(255,255,255,.02) 18%,
      rgba(255,255,255,.96) 36%,
      rgba(103,232,249,.40) 47%,
      rgba(59,130,246,.12) 57%,
      transparent 72%);
  background-size:230% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  mix-blend-mode:screen;
  animation:logoChromeSweep 4.9s linear infinite;
  pointer-events:none;
}@keyframes logoChromeSweep{
  0%{ transform:translateX(-30%); opacity:0; }
  12%{ opacity:.12; }
  38%{ opacity:.92; }
  56%{ opacity:.20; }
  100%{ transform:translateX(34%); opacity:0; }
}#resultados .resultado-stats,
#contenido .estadisticasNombre{
  width:auto !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:14px !important;
}#resultados .resultado-stats .copiasNombre,
#resultados .resultado-stats .favoritosNombre,
#contenido .copiasNombre,
#contenido .favoritosNombre{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  padding:0 !important;
}.menu-juego{
  gap:20px !important;
}.modo-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:24px !important;
  padding:22px 20px 18px !important;
  border:1px solid rgba(95,219,255,.22) !important;
  background:
    linear-gradient(180deg, rgba(14,31,64,.96) 0%, rgba(11,27,56,.98) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(56,189,248,.06),
    0 14px 28px rgba(2,6,23,.22),
    0 0 0 1px rgba(56,189,248,.05) !important;
}.modo-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg, rgba(34,211,238,0), rgba(34,211,238,.92), rgba(96,165,250,.92), rgba(34,211,238,0));
  opacity:.92;
}.modo-card::after{
  content:"";
  position:absolute;
  top:-35%;
  right:-18%;
  width:140px;
  height:140px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(34,211,238,.18) 0%, rgba(34,211,238,.05) 40%, rgba(34,211,238,0) 72%);
  pointer-events:none;
}.modo-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(103,232,249,.45) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(34,211,238,.08),
    0 18px 32px rgba(2,6,23,.28),
    0 0 22px rgba(56,189,248,.12) !important;
}.modo-card h3{
  font-size:clamp(1.55rem, 3vw, 2rem) !important;
  letter-spacing:-0.02em !important;
  margin-bottom:8px !important;
}.modo-card p{
  color:#d9e6ff !important;
  opacity:.9 !important;
  margin-bottom:14px !important;
}.cantidad-nombres{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  color:#9efcff !important;
  background:
    linear-gradient(180deg, rgba(10,24,50,.94), rgba(8,21,46,.82)) !important;
  border:1px solid rgba(103,232,249,.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 1px rgba(56,189,248,.04),
    0 0 16px rgba(34,211,238,.08) !important;
}.modo-card button{
  position:relative !important;
  overflow:hidden !important;
  margin-top:14px !important;
  border:none !important;
  border-radius:16px !important;
  padding:14px 18px !important;
  font-size:17px !important;
  font-weight:1000 !important;
  letter-spacing:.01em !important;
  color:#f8feff !important;
  background:
    linear-gradient(90deg, #1fe5e2 0%, #20b6ff 42%, #347dff 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 10px 18px rgba(2,6,23,.20),
    0 0 18px rgba(34,211,238,.18) !important;
}.modo-card button::before{
  content:"";
  position:absolute;
  top:-60%;
  left:-36%;
  width:34%;
  height:220%;
  transform:rotate(23deg);
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.92), rgba(255,255,255,0));
  transition:left .62s ease;
}.modo-card button:hover{
  transform:translateY(-2px) scale(1.01) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    0 14px 22px rgba(2,6,23,.24),
    0 0 22px rgba(34,211,238,.24) !important;
}.modo-card button:hover::before{
  left:115%;
}.seo-category-link{
  display:inline-flex !important;
  margin-top:13px !important;
  font-weight:800 !important;
  font-size:14px !important;
  color:#c7fbff !important;
  opacity:.94 !important;
  text-decoration:none !important;
}.seo-category-link:hover{
  color:#ffffff !important;
  text-shadow:0 0 10px rgba(34,211,238,.28) !important;
}#contenido .tarjetaCategoria{
  border-radius:24px !important;
  background:
    linear-gradient(180deg, rgba(10,32,68,.96), rgba(9,27,58,.98)) !important;
  border:1px solid rgba(103,232,249,.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 12px 20px rgba(2,6,23,.20),
    0 0 0 1px rgba(56,189,248,.04) !important;
}#contenido .tarjetaCategoria:hover{
  border-color:rgba(103,232,249,.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 16px 24px rgba(2,6,23,.24),
    0 0 18px rgba(34,211,238,.10) !important;
}@media (max-width:700px){
  .logo{
    font-size:clamp(2.75rem, 12vw, 3.8rem) !important;
  }

  .modo-card{
    border-radius:20px !important;
    padding:18px 16px 16px !important;
  }

  .modo-card button{
    border-radius:14px !important;
    padding:13px 16px !important;
    font-size:16px !important;
  }

  .cantidad-nombres{
    font-size:13px !important;
    padding:7px 12px !important;
  }
}:root{
  --pn-night-0:#020611;
  --pn-night-1:#061225;
  --pn-night-2:#071a36;
  --pn-glass:rgba(7,20,43,.78);
  --pn-glass-strong:rgba(5,17,38,.92);
  --pn-line:rgba(112,224,255,.24);
  --pn-line-strong:rgba(126,233,255,.52);
  --pn-cyan:#41e7ff;
  --pn-cyan-soft:#9cf5ff;
  --pn-blue:#3187ff;
  --pn-blue-deep:#175ad7;
  --pn-silver:#eef6ff;
  --pn-muted:#a9bdd6;
  --pn-shadow:0 22px 60px rgba(0,6,22,.34);
}html{
  background:var(--pn-night-0);
  scroll-behavior:smooth;
}body{
  background:
    radial-gradient(circle at 50% -8%, rgba(61,167,255,.28) 0%, rgba(61,167,255,0) 29%),
    radial-gradient(circle at 8% 24%, rgba(34,211,238,.12) 0%, rgba(34,211,238,0) 24%),
    radial-gradient(circle at 92% 35%, rgba(37,99,235,.14) 0%, rgba(37,99,235,0) 26%),
    linear-gradient(180deg, #07152f 0%, #071a38 26%, #05142d 54%, #030b1c 78%, #020611 100%) !important;
  background-attachment:fixed !important;
}body::before{
  background:
    linear-gradient(rgba(116,220,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116,220,255,.045) 1px, transparent 1px),
    linear-gradient(135deg, rgba(255,255,255,.022) 1px, transparent 1px) !important;
  background-size:78px 78px,78px 78px,26px 26px !important;
  opacity:.34 !important;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.92), rgba(0,0,0,.58) 55%, rgba(0,0,0,.16));
}body::after{
  background:
    radial-gradient(circle at 17% 12%, rgba(65,231,255,.18), transparent 19%),
    radial-gradient(circle at 83% 18%, rgba(49,135,255,.20), transparent 22%),
    radial-gradient(circle at 50% 62%, rgba(25,105,230,.09), transparent 27%),
    radial-gradient(circle at 50% 108%, rgba(65,231,255,.12), transparent 24%) !important;
  filter:blur(26px) !important;
  opacity:.90 !important;
}.app{
  gap:20px !important;
}.hero{
  width:100% !important;
  padding:30px 24px 27px !important;
  border:1px solid rgba(122,223,255,.18) !important;
  border-radius:30px !important;
  background:linear-gradient(180deg, rgba(10,31,66,.68), rgba(5,18,42,.54)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(56,189,248,.05),
    0 24px 60px rgba(0,8,30,.22),
    0 0 0 1px rgba(56,189,248,.025) !important;
  backdrop-filter:blur(18px) saturate(120%) !important;
  overflow:hidden !important;
}.hero::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg, transparent, rgba(65,231,255,.88), rgba(49,135,255,.95), transparent);
  opacity:.78;
  pointer-events:none;
}.hero::after{
  content:"";
  position:absolute;
  width:420px;
  height:180px;
  left:50%;
  top:-104px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse, rgba(65,231,255,.15), rgba(65,231,255,0) 68%);
  pointer-events:none;
}.brand-mark{
  width:82px !important;
  height:82px !important;
  display:block !important;
  margin:0 auto 13px !important;
  object-fit:cover !important;
  border-radius:25px !important;
  border:1px solid rgba(149,232,255,.48) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 10px 28px rgba(0,5,18,.32),
    0 0 22px rgba(65,231,255,.22),
    0 0 46px rgba(49,135,255,.12) !important;
  filter:saturate(1.03) contrast(1.03) !important;
  position:relative;
  z-index:2;
}.logo{
  font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
  font-size:clamp(3rem,8vw,4.65rem) !important;
  font-weight:1000 !important;
  letter-spacing:-.06em !important;
  line-height:.96 !important;
  margin:0 0 13px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 12%,#d9e8f9 24%,#a9c8ea 36%,#f8fcff 46%,#86dfff 57%,#36bfff 69%,#1d7df0 82%,#d9eeff 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-stroke:1px rgba(221,244,255,.16) !important;
  color:transparent !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.52),
    0 2px 0 rgba(89,140,193,.20),
    0 6px 12px rgba(0,3,15,.25),
    0 0 16px rgba(65,231,255,.24),
    0 0 34px rgba(49,135,255,.17) !important;
  filter:drop-shadow(0 9px 12px rgba(0,5,18,.20)) !important;
}.logo::after{
  background:linear-gradient(112deg, transparent 0%, rgba(255,255,255,.02) 21%, rgba(255,255,255,.98) 39%, rgba(151,241,255,.46) 48%, rgba(255,255,255,.06) 60%, transparent 74%) !important;
  animation:logoChromeSweep 5.4s linear infinite !important;
}.subtitle{
  max-width:760px !important;
  margin:0 auto !important;
  color:#c4d5e9 !important;
  font-size:clamp(14px,2.2vw,17px) !important;
  line-height:1.62 !important;
  text-shadow:0 1px 10px rgba(0,0,0,.18) !important;
}.tiktok-btn{
  left:20px !important;
  top:20px !important;
  width:54px !important;
  height:54px !important;
  border:1px solid rgba(195,245,255,.36) !important;
  background:linear-gradient(180deg, rgba(8,24,50,.90), rgba(4,13,31,.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 10px 22px rgba(0,4,18,.23),
    0 0 16px rgba(0,242,234,.17),
    0 0 20px rgba(255,0,80,.10) !important;
}.top-btn,
#btnInicio,
.back-btn,
.privacy-back{
  border:1px solid rgba(125,224,255,.28) !important;
  background:linear-gradient(180deg, rgba(9,29,59,.94), rgba(5,17,37,.96)) !important;
  color:#eaf8ff !important;
  border-radius:15px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 22px rgba(0,5,20,.20),0 0 14px rgba(56,189,248,.07) !important;
}.top-btn:hover,
#btnInicio:hover,
.back-btn:hover,
.privacy-back:hover{
  border-color:rgba(111,231,255,.62) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 13px 26px rgba(0,5,20,.24),0 0 18px rgba(65,231,255,.16) !important;
}.generator{position:relative;}#inputNombre{
  min-height:62px !important;
  border:1px solid rgba(144,230,255,.20) !important;
  border-radius:19px !important;
  background:linear-gradient(180deg, rgba(5,17,37,.94), rgba(7,24,52,.90)) !important;
  color:#f6fbff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 0 1px rgba(49,135,255,.025),0 13px 28px rgba(0,5,20,.19) !important;
}#inputNombre::placeholder{color:#8298b2 !important;}#inputNombre:focus{
  border-color:rgba(98,226,255,.66) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 3px rgba(65,231,255,.085),0 14px 30px rgba(0,6,24,.21),0 0 24px rgba(56,189,248,.13) !important;
}#btnGenerar{
  min-height:58px !important;
  border:1px solid rgba(205,250,255,.18) !important;
  border-radius:18px !important;
  background:linear-gradient(96deg, #19d8dc 0%, #21b9ff 38%, #337fff 70%, #2564df 100%) !important;
  color:#ffffff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -4px 12px rgba(2,61,140,.16),0 13px 26px rgba(0,6,26,.24),0 0 22px rgba(34,211,238,.13) !important;
}#btnGenerar:hover{
  transform:translateY(-2px) scale(1.005) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -4px 12px rgba(2,61,140,.15),0 16px 32px rgba(0,6,26,.27),0 0 30px rgba(34,211,238,.20) !important;
}.categorias,
.tituloJuego,
.info-card > h2,
.faq-section > h2,
.privacy-card h1,
.seo-header h1{
  color:var(--pn-silver) !important;
  text-shadow:0 2px 0 rgba(76,112,154,.18),0 0 14px rgba(65,231,255,.16),0 0 28px rgba(49,135,255,.09) !important;
}.categorias{margin-top:13px !important;letter-spacing:-.025em !important;}.games{gap:16px !important;}.game-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:118px !important;
  padding:23px !important;
  border:1px solid rgba(112,224,255,.18) !important;
  border-radius:23px !important;
  background:linear-gradient(180deg, rgba(9,30,63,.88), rgba(5,18,41,.93)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 0 1px rgba(56,189,248,.025),0 15px 30px rgba(0,7,28,.18) !important;
}.game-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(65,231,255,.68), rgba(49,135,255,.62), transparent);
  opacity:.48;
}.game-card::after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:-45px;
  top:-54px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(65,231,255,.12), transparent 68%);
  pointer-events:none;
}.game-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(108,232,255,.44) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 19px 34px rgba(0,7,28,.24),0 0 22px rgba(65,231,255,.09) !important;
}.game-card span{color:#f2f8ff !important;letter-spacing:.005em !important;}#abrirFavoritos,
.btn-top{
  border:1px solid rgba(121,226,255,.26) !important;
  background:linear-gradient(135deg, rgba(5,17,38,.98), rgba(10,42,89,.96)) !important;
  color:#edf9ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 11px 24px rgba(0,5,20,.22),0 0 18px rgba(49,135,255,.09) !important;
}#contadorFavoritos{color:#7ceeff !important;}#resultados{gap:11px !important;}#resultados .resultado,
#contenido .tarjetaCategoria,
#panelFavoritos .itemInvisible{
  border:1px solid rgba(111,228,255,.25) !important;
  background:linear-gradient(180deg, rgba(8,31,67,.95), rgba(6,23,51,.97)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 0 1px rgba(49,135,255,.02),0 13px 24px rgba(0,6,23,.18) !important;
}#resultados .resultado::before,
#contenido .tarjetaCategoria::before{
  content:"";
  position:absolute;
  inset:0 14% auto 14%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(127,238,255,.58), transparent);
  opacity:.42;
  pointer-events:none;
}#resultados .resultado:hover,
#contenido .tarjetaCategoria:hover,
#panelFavoritos .itemInvisible:hover{
  border-color:rgba(127,238,255,.46) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 17px 29px rgba(0,6,23,.23),0 0 19px rgba(65,231,255,.09) !important;
}.resultado-fuente{filter:saturate(.9) brightness(1.06);}#resultados .resultado-stats,
#contenido .estadisticasNombre{
  justify-content:flex-start !important;
  gap:9px !important;
}#resultados .copiasNombre,
#resultados .favoritosNombre,
#contenido .copiasNombre,
#contenido .favoritosNombre{
  display:inline-flex !important;
  align-items:center !important;
  min-height:24px !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  color:#d8ecff !important;
  background:rgba(3,13,31,.50) !important;
  border:1px solid rgba(121,226,255,.09) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}.menu-juego{gap:18px !important;}.modo-card{
  border:1px solid rgba(111,228,255,.22) !important;
  border-radius:25px !important;
  background:linear-gradient(180deg, rgba(8,29,62,.96), rgba(5,19,43,.97)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 0 0 1px rgba(49,135,255,.02),0 17px 35px rgba(0,6,25,.21) !important;
}.modo-card::before{
  height:2px !important;
  background:linear-gradient(90deg, transparent, rgba(65,231,255,.78), rgba(49,135,255,.78), transparent) !important;
  opacity:.62 !important;
}.modo-card h3{color:#f4f9ff !important;text-shadow:0 0 14px rgba(65,231,255,.10) !important;}.modo-card p{color:#b5c7dd !important;}.cantidad-nombres{
  color:#8ff5ff !important;
  border:1px solid rgba(111,228,255,.16) !important;
  background:rgba(4,16,37,.62) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}.modo-card button{
  border:1px solid rgba(221,252,255,.16) !important;
  background:linear-gradient(96deg, #1bd9dc 0%, #20b9ff 40%, #347fff 73%, #2967dd 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -3px 9px rgba(7,70,156,.16),0 11px 21px rgba(0,6,25,.20),0 0 17px rgba(34,211,238,.10) !important;
}.seo-category-link{color:#9befff !important;opacity:.88 !important;}.info-card{
  border:1px solid rgba(111,228,255,.16) !important;
  border-radius:26px !important;
  background:linear-gradient(180deg, rgba(7,25,54,.76), rgba(4,16,37,.84)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 22px 50px rgba(0,6,24,.18) !important;
  backdrop-filter:blur(16px) saturate(115%) !important;
}.info-step{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(111,228,255,.13) !important;
  border-radius:19px !important;
  background:linear-gradient(180deg, rgba(8,27,58,.82), rgba(5,19,43,.88)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}.info-step::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(65,231,255,.40), transparent);
}.info-step:hover{
  border-color:rgba(111,228,255,.34) !important;
  box-shadow:0 12px 24px rgba(0,6,24,.17),0 0 15px rgba(65,231,255,.06) !important;
}.info-step > span{
  background:linear-gradient(135deg, #30dbea, #2679ed) !important;
  box-shadow:0 7px 14px rgba(0,6,24,.18),0 0 15px rgba(65,231,255,.15) !important;
}.info-step p,
.faq-item p{color:#9eb2cb !important;}.faq-item{
  border:1px solid rgba(111,228,255,.13) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(7,25,54,.76), rgba(5,19,42,.84)) !important;
}.faq-item[open]{
  border-color:rgba(111,228,255,.34) !important;
  box-shadow:0 10px 22px rgba(0,6,24,.13),0 0 14px rgba(65,231,255,.05) !important;
}.faq-item summary{color:#eaf6ff !important;}.site-footer{
  border:1px solid rgba(111,228,255,.11) !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, rgba(5,18,40,.60), rgba(3,12,29,.74)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 -10px 32px rgba(65,231,255,.025),0 16px 40px rgba(0,5,20,.16) !important;
}.footer-brand strong{color:#eff9ff !important;text-shadow:0 0 14px rgba(65,231,255,.16) !important;}.footer-brand span{color:#8399b4 !important;}.footer-links a{color:#80eaff !important;}.footer-copy{color:#5e7693 !important;}.privacy-back{backdrop-filter:blur(12px) !important;}.privacy-card{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(111,228,255,.17) !important;
  border-radius:28px !important;
  background:linear-gradient(180deg, rgba(7,24,52,.88), rgba(4,15,35,.94)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 28px 68px rgba(0,5,22,.28),0 0 24px rgba(49,135,255,.04) !important;
  backdrop-filter:blur(18px) saturate(115%) !important;
}.privacy-card::before{
  content:"";
  position:absolute;
  inset:0 10% auto 10%;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(65,231,255,.58), rgba(49,135,255,.48), transparent);
  opacity:.55;
}.privacy-card h2{color:#91eaff !important;text-shadow:0 0 12px rgba(65,231,255,.08) !important;}.privacy-card p{color:#afc1d7 !important;}.privacy-card a{color:#83eaff !important;}.seo-mini-card{
  border:1px solid rgba(111,228,255,.13) !important;
  border-radius:19px !important;
  background:linear-gradient(180deg, rgba(8,27,58,.80), rgba(5,19,43,.88)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}.seo-mini-card:hover{
  border-color:rgba(111,228,255,.34) !important;
  box-shadow:0 14px 27px rgba(0,6,24,.16),0 0 15px rgba(65,231,255,.05) !important;
}.seo-types > div{
  border:1px solid rgba(111,228,255,.12) !important;
  border-radius:15px !important;
  background:rgba(5,18,41,.66) !important;
}.seo-types strong{color:#8eeeff !important;}.seo-types span{color:#8ea5bf !important;}.seo-generator-box{
  border:1px solid rgba(111,228,255,.23) !important;
  background:radial-gradient(circle at top, rgba(65,231,255,.08), transparent 52%),linear-gradient(180deg, rgba(7,28,61,.82), rgba(4,17,40,.90)) !important;
  box-shadow:0 21px 44px rgba(0,6,24,.17),0 0 22px rgba(65,231,255,.045) !important;
}.seo-main-button{
  border:1px solid rgba(220,252,255,.16) !important;
  background:linear-gradient(96deg, #1bd9dc, #20b8ff 43%, #347fff 74%, #2967df) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 13px 24px rgba(0,6,24,.20),0 0 18px rgba(34,211,238,.10) !important;
}.seo-related{border-top-color:rgba(111,228,255,.12) !important;}.seo-related a{color:#83eaff !important;}#panelFavoritos .copyFav,
#panelFavoritos .deleteFav{
  border:1px solid rgba(111,228,255,.18) !important;
  border-radius:13px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 17px rgba(0,6,22,.15) !important;
}#panelFavoritos .copyFav{
  background:linear-gradient(135deg, rgba(9,44,86,.95), rgba(14,95,167,.92)) !important;
  color:#e9fbff !important;
}#panelFavoritos .deleteFav{
  background:linear-gradient(135deg, rgba(82,15,32,.90), rgba(139,26,51,.88)) !important;
  color:#ffe9ef !important;
  border-color:rgba(255,128,158,.18) !important;
}@media (max-width:700px){
  body{padding:18px 10px !important;}

  .hero{
    padding:25px 15px 22px !important;
    border-radius:24px !important;
  }

  .brand-mark{
    width:70px !important;
    height:70px !important;
    border-radius:21px !important;
  }

  .tiktok-btn{
    left:12px !important;
    top:14px !important;
    width:48px !important;
    height:48px !important;
  }

  .tiktok-btn svg{
    width:25px !important;
    height:25px !important;
  }

  .games,
  .menu-juego{gap:12px !important;}

  .game-card{
    min-height:105px !important;
    padding:19px 15px !important;
    border-radius:20px !important;
  }

  .modo-card{border-radius:21px !important;}
  .info-card,.privacy-card{border-radius:22px !important;}
}@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
  }
}
/* PN PROFILE ICON FIX */
.brand-mark{
  width:90px !important;
  height:90px !important;
  object-fit:cover !important;
  border:0 !important;
  border-radius:24px !important;
  background:#020617 !important;
  box-shadow:
    0 12px 30px rgba(0,5,18,.34),
    0 0 20px rgba(36,192,255,.26),
    0 0 42px rgba(37,99,235,.16) !important;
}
@media (max-width:700px){
  .brand-mark{
    width:74px !important;
    height:74px !important;
    border-radius:20px !important;
  }
}

#contenido .tarjetaCategoria.pareja-card{min-height:108px !important;}#contenido .nombreCategoria.pareja-nombre{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:5px !important;white-space:normal !important;overflow-wrap:normal !important;word-break:normal !important;line-height:1.12 !important;}#contenido .pareja-linea{display:block !important;width:100% !important;min-width:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}.new-names-notice{width:min(100%,920px);margin:18px auto 20px;padding:13px 16px;display:flex;align-items:center;gap:13px;position:relative;border:1px solid rgba(103,232,249,.30);border-radius:20px;background:linear-gradient(110deg,rgba(6,25,55,.96),rgba(8,46,91,.94) 55%,rgba(5,28,60,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 13px 28px rgba(0,7,26,.25),0 0 24px rgba(34,211,238,.08);overflow:hidden;}.new-names-notice::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#67e8f9,#38bdf8,#3b82f6);box-shadow:0 0 15px rgba(34,211,238,.55);}.new-names-notice::after{content:"";position:absolute;top:-70%;right:8%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.13),transparent 68%);pointer-events:none;}.new-names-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:14px;color:#eaffff;font-size:21px;font-weight:900;background:linear-gradient(145deg,rgba(34,211,238,.20),rgba(59,130,246,.22));border:1px solid rgba(125,238,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 18px rgba(34,211,238,.10);}.new-names-copy{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:3px;}.new-names-copy strong{color:#f7fdff;font-size:15px;font-weight:950;letter-spacing:.01em;}.new-names-copy span{color:#bcd6ef;font-size:13px;line-height:1.35;}.new-names-action{flex:0 0 auto;border:1px solid rgba(125,238,255,.28);border-radius:999px;padding:9px 14px;color:#f8feff;font-size:12px;font-weight:900;cursor:pointer;background:linear-gradient(90deg,#19d9d5,#20aef5 48%,#347dff);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 18px rgba(2,8,23,.20),0 0 16px rgba(34,211,238,.12);transition:transform .2s ease,filter .2s ease;}.new-names-action:hover{transform:translateY(-1px);filter:brightness(1.06);}.new-names-close{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:0;border-radius:10px;color:#9fb7d1;background:transparent;font-size:22px;line-height:1;cursor:pointer;}.new-names-close:hover{color:#fff;background:rgba(255,255,255,.06);}@media (max-width:700px){#contenido .tarjetaCategoria.pareja-card{min-height:104px !important;}#contenido .nombreCategoria.pareja-nombre{gap:4px !important;font-size:clamp(16px,4.5vw,20px) !important;}.new-names-notice{margin:14px auto 17px;padding:12px 12px 12px 13px;gap:10px;border-radius:17px;align-items:flex-start;flex-wrap:wrap;}.new-names-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px;}.new-names-copy{flex:1 1 calc(100% - 92px);padding-right:28px;}.new-names-copy strong{font-size:14px;}.new-names-copy span{font-size:12px;}.new-names-action{margin-left:48px;padding:8px 13px;}.new-names-close{position:absolute;top:9px;right:9px;}}

.resultado,#contenido .tarjetaCategoria,#panelFavoritos .favorite-saved-card{isolation:isolate;}.favoritoOverlay{position:absolute;inset:0;z-index:34;display:flex;align-items:center;justify-content:center;gap:9px;pointer-events:none;opacity:0;visibility:hidden;border-radius:inherit;color:#f4ffff;background:radial-gradient(circle at 50% 45%,rgba(45,212,191,.26),transparent 42%),linear-gradient(120deg,rgba(2,18,36,.93),rgba(5,77,91,.90),rgba(8,32,66,.94));backdrop-filter:blur(7px) saturate(135%);transform:scale(.985);}.favoritoOverlay.favorito-quitar{background:radial-gradient(circle at 50% 45%,rgba(244,114,182,.18),transparent 43%),linear-gradient(120deg,rgba(24,8,25,.94),rgba(93,22,61,.90),rgba(20,20,48,.94));}.favoritoOverlayIcon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:23px;color:#dffffa;border:1px solid rgba(153,246,228,.42);background:rgba(7,33,48,.66);box-shadow:0 0 22px rgba(45,212,191,.23),inset 0 1px 0 rgba(255,255,255,.10);}.favorito-quitar .favoritoOverlayIcon{color:#ffd8e8;border-color:rgba(251,113,133,.38);box-shadow:0 0 22px rgba(244,114,182,.18),inset 0 1px 0 rgba(255,255,255,.08);}.favoritoOverlayTexto{font-size:clamp(16px,3vw,22px);font-weight:950;letter-spacing:.13em;text-shadow:0 0 18px rgba(103,232,249,.25);}.favoritoOverlay.favorito-visible{visibility:visible;animation:pnFavoritoFeedback 1.45s cubic-bezier(.2,.78,.2,1) forwards;}@keyframes pnFavoritoFeedback{0%{opacity:0;transform:scale(.975);filter:blur(4px)}16%{opacity:1;transform:scale(1);filter:blur(0)}72%{opacity:1;transform:scale(1);filter:blur(0)}100%{opacity:0;transform:scale(1.015);filter:blur(1px)}}.resultado.favorito-feedback,#contenido .tarjetaCategoria.favorito-feedback{box-shadow:0 0 0 1px rgba(103,232,249,.35),0 0 28px rgba(45,212,191,.16),0 16px 30px rgba(0,6,24,.24) !important;}.favorites-zone{align-items:flex-end !important;}@media (max-width:700px){#abrirFavoritos,.btn-top{align-self:flex-end !important;width:auto !important;min-width:0 !important;max-width:calc(100vw - 34px) !important;padding:10px 16px !important;font-size:14px !important;white-space:nowrap !important;}}#panelFavoritos{width:100% !important;}#panelFavoritos .favoritos-screen{width:100%;max-width:820px;margin:0 auto;}#panelFavoritos .favoritos-heading{width:min(100%,740px);margin:12px auto 18px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;}#panelFavoritos .favoritos-heading-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:16px;color:#fff2a8;font-size:24px;background:linear-gradient(145deg,rgba(250,204,21,.15),rgba(14,165,233,.15));border:1px solid rgba(125,238,255,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 18px rgba(56,189,248,.08);}#panelFavoritos .favoritos-heading .tituloJuego{margin:0 !important;text-align:left !important;font-size:clamp(25px,5vw,34px) !important;}#panelFavoritos .favoritos-heading p{margin:3px 0 0;color:#87a6c5;font-size:12px;font-weight:650;}#panelFavoritos .favoritos-lista{gap:11px !important;margin-top:0 !important;}#panelFavoritos .favorite-saved-card{width:min(100%,740px) !important;min-height:76px !important;margin:0 auto !important;padding:13px 70px 13px 16px !important;position:relative !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important;gap:12px !important;cursor:pointer !important;overflow:hidden !important;border-radius:19px !important;user-select:none;}#panelFavoritos .favorite-saved-card::before{content:"";position:absolute;inset:0 18% auto 18%;height:1px;background:linear-gradient(90deg,transparent,rgba(117,235,255,.52),transparent);pointer-events:none;}#panelFavoritos .favorite-saved-card:active{transform:scale(.992) !important;}#panelFavoritos .favorito-nombre{min-width:0;display:flex;flex-direction:column;gap:3px;color:#f1f8ff;font-size:clamp(16px,3vw,20px);font-weight:800;line-height:1.15;word-break:break-word;white-space:normal;}#panelFavoritos .favorito-nombre-linea{display:block !important;font:inherit !important;color:inherit !important;white-space:pre-wrap !important;}#panelFavoritos .favorito-card-hint{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:6px 9px;border-radius:999px;color:#8edff1;font-size:11px;font-weight:800;background:rgba(4,18,39,.48);border:1px solid rgba(103,232,249,.10);}#panelFavoritos .favorito-copy-icon{font-size:14px;line-height:1;}#panelFavoritos .removeFav{position:absolute;top:50%;right:14px;transform:translateY(-50%);width:38px;height:38px;border:1px solid rgba(251,113,133,.20);border-radius:13px;cursor:pointer;background:linear-gradient(145deg,rgba(55,13,30,.82),rgba(91,18,47,.74));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 16px rgba(2,6,23,.15);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease;}#panelFavoritos .removeFav::before{content:"♥";position:absolute;left:8px;top:7px;color:#ff9fbd;font-size:17px;line-height:1;}#panelFavoritos .removeFav::after{content:"−";position:absolute;right:7px;bottom:4px;width:14px;height:14px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:12px;font-weight:950;background:#e83e73;box-shadow:0 0 10px rgba(244,114,182,.28);}#panelFavoritos .removeFav:hover{transform:translateY(-50%) scale(1.06);border-color:rgba(251,113,133,.46);filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 9px 18px rgba(2,6,23,.19),0 0 16px rgba(244,114,182,.12);}#panelFavoritos .favorite-saved-card.favorito-removing{pointer-events:none;animation:pnRemoveFavorite .33s ease forwards;}@keyframes pnRemoveFavorite{to{opacity:0;transform:translateX(28px) scale(.97);max-height:0;min-height:0;padding-top:0;padding-bottom:0;margin:0;border-width:0}}#panelFavoritos .favorite-saved-card .copiadoOverlay{border-radius:inherit !important;}#panelFavoritos .favorite-saved-card.copiado-activo{border-color:rgba(98,239,255,.74) !important;box-shadow:0 0 0 1px rgba(98,239,255,.25),0 0 25px rgba(34,211,238,.16),0 15px 28px rgba(0,6,24,.22) !important;}#panelFavoritos .favorite-saved-card .copiadoOverlay.copiado-visible{visibility:visible !important;animation:copiadoOverlayVisible 3s cubic-bezier(.2,.78,.2,1) forwards !important;}#panelFavoritos .favorites-empty{width:min(100%,740px);margin:20px auto;padding:28px 18px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;color:#8fa9c4;border:1px dashed rgba(103,232,249,.20);border-radius:21px;background:rgba(5,18,41,.54);}#panelFavoritos .favorites-empty-icon{font-size:30px;color:#7be7f7;}#panelFavoritos .favorites-empty strong{color:#eaf7ff;font-size:17px;}@media (max-width:700px){#panelFavoritos .favoritos-heading{width:94%;justify-content:flex-start;margin-top:8px;}#panelFavoritos .favoritos-heading-icon{width:41px;height:41px;flex-basis:41px;border-radius:14px;}#panelFavoritos .favorite-saved-card{width:94% !important;min-height:72px !important;padding:12px 56px 12px 13px !important;grid-template-columns:1fr !important;}#panelFavoritos .favorito-card-hint{display:none !important;}#panelFavoritos .removeFav{right:10px;width:36px;height:36px;border-radius:12px;}#panelFavoritos .favorito-nombre{font-size:clamp(15px,4.6vw,19px);}}.game-card .game-icon{width:43px !important;height:43px !important;display:grid !important;place-items:center !important;flex:0 0 43px;position:relative;border-radius:14px;font-size:24px !important;line-height:1 !important;background:linear-gradient(145deg,rgba(11,42,82,.88),rgba(5,20,46,.94));border:1px solid rgba(116,229,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 16px rgba(0,6,24,.18),0 0 15px rgba(56,189,248,.06);}.game-card .game-label{font-size:18px !important;font-weight:800 !important;}.game-card .game-icon--freefire{background:radial-gradient(circle at 50% 65%,rgba(249,115,22,.22),transparent 58%),linear-gradient(145deg,rgba(68,25,13,.72),rgba(17,24,39,.95));border-color:rgba(251,146,60,.19);}.game-card .game-icon--fortnite{background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.20),transparent 60%),linear-gradient(145deg,rgba(20,28,69,.86),rgba(8,20,47,.95));}.game-card .game-icon--minecraft{background:radial-gradient(circle at 50% 50%,rgba(74,222,128,.12),transparent 60%),linear-gradient(145deg,rgba(15,49,38,.82),rgba(7,25,35,.96));border-color:rgba(74,222,128,.16);}.game-card .game-icon--roblox{background:linear-gradient(145deg,rgba(16,31,60,.92),rgba(5,16,36,.97));overflow:visible;}.game-card .game-icon--roblox::before{content:"";width:25px;height:25px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(14deg);border-radius:4px;background:linear-gradient(145deg,#f7fbff,#a9c8e4);box-shadow:0 0 14px rgba(151,226,255,.18),inset 0 -3px 5px rgba(21,74,112,.18);}.game-card .game-icon--roblox::after{content:"";width:8px;height:8px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(14deg);border-radius:2px;background:#07172f;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}@media (max-width:700px){.game-card .game-icon{width:40px !important;height:40px !important;flex-basis:40px;border-radius:13px;font-size:22px !important;}}

/* FIX COPIADO EN LISTA DE FAVORITOS */
#panelFavoritos .favorite-saved-card{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

#panelFavoritos .favorite-saved-card .copiadoOverlay{
  position:absolute !important;
  inset:0 !important;
  z-index:100 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;

  border-radius:inherit !important;

  background:
    radial-gradient(
      circle at center,
      rgba(80,223,255,.36) 0%,
      rgba(30,174,255,.22) 35%,
      rgba(4,18,40,.35) 72%
    ),
    rgba(4,15,35,.35) !important;

  backdrop-filter:blur(3px) !important;
}

#panelFavoritos .favorite-saved-card
.copiadoOverlay.copiado-visible{
  visibility:visible !important;
  opacity:1 !important;
}

#panelFavoritos .favorite-saved-card
.copiadoTexto{
  position:relative !important;
  z-index:101 !important;

  display:block !important;
  width:100% !important;

  text-align:center !important;
  font-size:clamp(2.5rem,8vw,4.8rem) !important;
  font-weight:1000 !important;
  letter-spacing:.08em !important;

  color:#fff !important;

  text-shadow:
    0 0 10px #fff,
    0 0 22px rgba(80,220,255,.95),
    0 0 38px rgba(0,174,255,.75) !important;

  opacity:0;
}

#panelFavoritos .favorite-saved-card
.copiadoTexto.copiado-texto-activo{
  animation:pnFavoritoCopiado 3s
    cubic-bezier(.18,.78,.2,1)
    both !important;
}

#panelFavoritos .favorite-saved-card.copiado-activo{
  border-color:rgba(98,239,255,.9) !important;

  box-shadow:
    0 0 0 1px rgba(98,239,255,.35),
    0 0 32px rgba(34,211,238,.24),
    0 15px 28px rgba(0,6,24,.22) !important;
}

@keyframes pnFavoritoCopiado{
  0%{
    opacity:0;
    transform:scale(.72) translateY(12px);
    filter:blur(6px);
  }

  12%{
    opacity:1;
    transform:scale(1.06) translateY(0);
    filter:blur(0);
  }

  20%{
    opacity:1;
    transform:scale(1);
  }

  78%{
    opacity:1;
    transform:scale(1);
  }

  100%{
    opacity:0;
    transform:scale(1.1) translateY(-10px);
    filter:blur(4px);
  }
}

/* =========================================================
   PN NICK PREVIEW — BOTÓN PROBAR + PERFIL GRAN MAESTRO
   ========================================================= */
#contenido .tarjetaCategoria.has-preview{
  min-height:112px !important;
  padding-bottom:45px !important;
}

#contenido .tarjetaCategoria.has-preview.pareja-card{
  min-height:128px !important;
}

#contenido .tarjetaCategoria.has-preview .estadisticasNombre{
  position:absolute !important;
  left:14px !important;
  bottom:10px !important;
  width:auto !important;
  max-width:44% !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:7px !important;
  z-index:8 !important;
}

#contenido .previewNameBtn{
  position:absolute !important;
  left:50% !important;
  bottom:9px !important;
  transform:translateX(-50%) !important;
  z-index:10 !important;
  min-width:96px !important;
  height:31px !important;
  padding:0 13px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  border:1px solid rgba(111,238,255,.32) !important;
  border-radius:999px !important;
  color:#eaffff !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.025em !important;
  cursor:pointer !important;
  background:
    linear-gradient(180deg,rgba(12,55,93,.92),rgba(5,31,66,.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 7px 15px rgba(0,7,27,.20),
    0 0 15px rgba(34,211,238,.08) !important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease !important;
}

#contenido .previewNameBtn::before{
  content:"";
  position:absolute;
  inset:1px 12% auto 12%;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(190,249,255,.72),transparent);
  opacity:.6;
}

#contenido .previewNameBtn:hover{
  transform:translateX(-50%) translateY(-2px) !important;
  border-color:rgba(120,241,255,.62) !important;
  filter:brightness(1.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 9px 18px rgba(0,7,27,.24),
    0 0 20px rgba(34,211,238,.16) !important;
}

#contenido .previewNameBtn:active{
  transform:translateX(-50%) scale(.96) !important;
}

#contenido .previewNameBtnIcon{
  display:inline-grid;
  place-items:center;
  font-size:14px;
  filter:saturate(.85) drop-shadow(0 0 5px rgba(103,232,249,.18));
}

body.pn-preview-open{
  overflow:hidden !important;
}

.pn-preview{
  position:fixed;
  inset:0;
  z-index:99990;
  display:grid;
  place-items:center;
  padding:24px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .24s ease,visibility .24s ease;
}

.pn-preview.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.pn-preview-backdrop{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 18%,rgba(10,174,255,.19),transparent 35%),
    radial-gradient(circle at 82% 82%,rgba(245,158,11,.11),transparent 32%),
    rgba(0,5,16,.84);
  backdrop-filter:blur(13px) saturate(115%);
}

.pn-preview-shell{
  width:min(960px,96vw);
  max-height:min(900px,94vh);
  position:relative;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(103,232,249,.34) transparent;
  border:1px solid rgba(120,232,255,.30);
  border-radius:29px;
  padding:20px;
  color:#edfaff;
  background:
    radial-gradient(circle at 12% 8%,rgba(42,205,255,.13),transparent 27%),
    linear-gradient(152deg,rgba(5,22,48,.985),rgba(3,12,30,.99) 55%,rgba(8,24,45,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 0 0 1px rgba(53,149,255,.035),
    0 34px 100px rgba(0,0,0,.54),
    0 0 40px rgba(34,211,238,.11);
  transform:translateY(18px) scale(.975);
  transition:transform .34s cubic-bezier(.2,.82,.2,1);
}

.pn-preview.is-open .pn-preview-shell{
  transform:translateY(0) scale(1);
}

.pn-preview-shell::before{
  content:"";
  position:absolute;
  inset:0 9% auto 9%;
  height:2px;
  background:linear-gradient(90deg,transparent,#4cecff,#3187ff,#ffbd3f,transparent);
  box-shadow:0 0 18px rgba(76,236,255,.34);
}

.pn-preview-close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:30;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(120,232,255,.19);
  border-radius:13px;
  color:#c9e9fb;
  background:rgba(4,17,38,.76);
  font-size:25px;
  line-height:1;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.pn-preview-close:hover{
  color:#fff;
  border-color:rgba(120,232,255,.42);
  background:rgba(8,39,72,.86);
}

.pn-preview-scanline{
  position:absolute;
  z-index:20;
  left:0;
  right:0;
  top:-5%;
  height:2px;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(99,241,255,.9),rgba(255,220,111,.78),transparent);
  box-shadow:0 0 18px rgba(99,241,255,.46);
}

.pn-preview.is-open .pn-preview-scanline{
  animation:pnPreviewScan .78s ease-out .08s 1;
}

@keyframes pnPreviewScan{
  0%{top:7%;opacity:0}
  18%{opacity:1}
  100%{top:92%;opacity:0}
}

.pn-preview-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:48px;
  padding:0 50px 14px 2px;
}

.pn-preview-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.pn-preview-brand-dot{
  width:13px;
  height:13px;
  flex:0 0 13px;
  border-radius:4px;
  transform:rotate(45deg);
  background:linear-gradient(145deg,#70f5ff,#3187ff 58%,#f8c75b);
  box-shadow:0 0 15px rgba(76,236,255,.48);
}

.pn-preview-brand div{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.pn-preview-brand strong{
  color:#f5fcff;
  font-size:13px;
  font-weight:950;
  letter-spacing:.12em;
}

.pn-preview-brand span{
  color:#789bb9;
  font-size:10px;
  font-weight:800;
  letter-spacing:.10em;
  margin-top:2px;
}

.pn-preview-category{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:5px 11px;
  border:1px solid rgba(250,204,21,.20);
  border-radius:999px;
  color:#ffe8a0;
  background:rgba(96,57,5,.22);
  font-size:10px;
  font-weight:950;
  letter-spacing:.09em;
}

.pn-profile-board{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,194,72,.22);
  border-radius:23px;
  background:
    linear-gradient(118deg,rgba(74,41,15,.86),rgba(22,22,35,.96) 36%,rgba(29,18,37,.96) 70%,rgba(74,39,9,.78)),
    #0b1220;
  box-shadow:
    inset 0 1px 0 rgba(255,237,194,.08),
    inset 0 0 55px rgba(235,153,31,.045),
    0 18px 42px rgba(0,4,18,.26);
}

.pn-profile-board::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.42;
  background:
    linear-gradient(120deg,transparent 0 18%,rgba(255,184,63,.08) 18.2% 18.6%,transparent 18.8% 100%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 12px);
}

.pn-profile-identity{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:120px minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:20px 22px 18px;
  background:linear-gradient(90deg,rgba(255,248,228,.96),rgba(241,239,235,.95) 60%,rgba(232,236,242,.95));
  color:#111827;
  clip-path:polygon(0 0,100% 0,100% 82%,97% 100%,0 100%);
}

.pn-profile-avatar-wrap{
  width:112px;
  position:relative;
  padding-bottom:20px;
}

.pn-profile-avatar-glow{
  position:absolute;
  inset:-7px -7px 13px;
  border-radius:20px;
  background:linear-gradient(145deg,#f2c650,#ff6f42,#5ce8ff,#477cff);
  filter:blur(5px);
  opacity:.44;
}

.pn-profile-avatar{
  width:100px;
  height:100px;
  display:block;
  position:relative;
  z-index:2;
  object-fit:cover;
  border:4px solid #172031;
  border-radius:17px;
  background:#050b16;
  box-shadow:0 8px 18px rgba(0,0,0,.28),0 0 0 2px rgba(255,189,65,.48);
}

.pn-profile-level{
  position:absolute;
  z-index:4;
  left:5px;
  bottom:0;
  min-width:90px;
  padding:4px 10px;
  text-align:center;
  border-radius:8px;
  color:#16100a;
  background:linear-gradient(90deg,#f4b83e,#ffe296,#eaa52d);
  font-size:12px;
  font-weight:1000;
  letter-spacing:.04em;
  box-shadow:0 4px 10px rgba(50,27,4,.20);
}

.pn-profile-nick-zone{
  min-width:0;
}

.pn-profile-label{
  display:block;
  margin-bottom:7px;
  color:#516071;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}

.pn-preview-names{
  display:flex;
  align-items:stretch;
  gap:9px;
  min-width:0;
}

.pn-preview-player{
  min-width:0;
  max-width:100%;
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:7px 11px 7px 12px;
  border-left:3px solid #21aef5;
  border-radius:5px 11px 11px 5px;
  background:linear-gradient(90deg,rgba(11,89,140,.08),rgba(11,89,140,.015));
}

.pn-preview-player-alt{
  border-left-color:#f08db4;
  background:linear-gradient(90deg,rgba(190,49,105,.08),rgba(190,49,105,.015));
}

.pn-preview-player-tag{
  color:#728294;
  font-size:9px;
  font-weight:900;
  letter-spacing:.10em;
}

.pn-preview-nick{
  display:block;
  min-width:0;
  max-width:100%;
  color:#111827;
  font-size:clamp(22px,4vw,34px);
  font-weight:900;
  line-height:1.08;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  text-shadow:0 1px 0 #fff;
}

.pn-preview-player small{
  color:#556475;
  font-size:10px;
  font-weight:850;
}

.pn-preview-names.is-duo .pn-preview-player{
  flex:1 1 0;
}

.pn-profile-submeta{
  margin-top:9px;
  display:flex;
  align-items:center;
  gap:7px;
  color:#4d5e71;
  font-size:11px;
  font-weight:800;
}

.pn-profile-dot{
  opacity:.45;
}

.pn-profile-likebox{
  min-width:84px;
  display:grid;
  grid-template-columns:auto auto;
  align-items:center;
  justify-content:end;
  gap:3px 7px;
  color:#14181f;
}

.pn-profile-likeicon{
  grid-row:1 / span 2;
  font-size:27px;
  color:#242b35;
}

.pn-profile-likebox strong{
  font-size:22px;
  font-weight:950;
  line-height:1;
}

.pn-profile-likebox small{
  color:#596777;
  font-size:8px;
  font-weight:900;
  letter-spacing:.10em;
}

.pn-profile-idbar{
  position:relative;
  z-index:2;
  min-height:44px;
  padding:8px 18px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  color:#d9e5ef;
  border-top:1px solid rgba(255,201,98,.13);
  border-bottom:1px solid rgba(255,201,98,.13);
  background:rgba(13,15,23,.76);
  font-size:11px;
  letter-spacing:.04em;
}

.pn-profile-idbar > span:first-child{
  color:#8090a3;
  font-weight:900;
}

.pn-profile-idbar strong{
  color:#f6f8fb;
  font-size:17px;
  font-weight:900;
  letter-spacing:.065em;
}

.pn-profile-idcopy{
  margin-left:5px;
  padding:4px 8px;
  border:1px solid rgba(94,234,255,.18);
  border-radius:999px;
  color:#86eaf7 !important;
  background:rgba(12,101,125,.14);
  font-size:8px;
  font-weight:950;
}

.pn-profile-competition{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(0,1.35fr);
  gap:14px;
  padding:16px;
}

.pn-rank-card,
.pn-pass-zone{
  border:1px solid rgba(255,194,77,.14);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(17,18,27,.86),rgba(35,20,31,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.pn-rank-card{
  min-height:230px;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:13px 18px 15px;
}

.pn-rank-card::after{
  content:"";
  position:absolute;
  inset:-70% -30%;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 43%,rgba(255,224,139,.11) 49%,rgba(135,222,255,.09) 52%,transparent 58%);
  animation:pnRankSweep 3.6s linear infinite;
}

@keyframes pnRankSweep{
  from{transform:translateX(-34%) rotate(4deg)}
  to{transform:translateX(34%) rotate(4deg)}
}

.pn-rank-eyebrow{
  position:absolute;
  top:11px;
  left:13px;
  color:#8c9bad;
  font-size:9px;
  font-weight:950;
  letter-spacing:.16em;
}

.pn-rank-emblem{
  width:190px;
  height:130px;
  position:relative;
  display:grid;
  place-items:center;
  isolation:isolate;
  filter:drop-shadow(0 0 12px rgba(255,210,79,.20));
  animation:pnRankFloat 2.7s ease-in-out infinite;
}

@keyframes pnRankFloat{
  0%,100%{transform:translateY(0);filter:drop-shadow(0 0 10px rgba(255,210,79,.18))}
  50%{transform:translateY(-3px);filter:drop-shadow(0 0 20px rgba(255,210,79,.33)) drop-shadow(0 0 12px rgba(136,97,255,.22))}
}

.pn-rank-wing{
  position:absolute;
  top:33px;
  width:82px;
  height:70px;
  z-index:-1;
  background:
    linear-gradient(145deg,#ffe975 0 18%,#f7a53a 19% 37%,#8c68ff 38% 59%,#4bc9ff 60% 73%,#f4f7ff 74% 100%);
  clip-path:polygon(0 43%,18% 4%,38% 27%,49% 0,65% 28%,100% 13%,78% 56%,97% 63%,61% 80%,48% 100%,27% 77%,0 87%,20% 61%);
  box-shadow:0 0 16px rgba(126,101,255,.28);
}

.pn-rank-wing-left{
  left:4px;
  transform:rotate(-8deg);
}

.pn-rank-wing-right{
  right:4px;
  transform:scaleX(-1) rotate(-8deg);
}

.pn-rank-core{
  width:84px;
  height:84px;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  clip-path:polygon(50% 0,88% 16%,100% 54%,75% 93%,50% 100%,25% 93%,0 54%,12% 16%);
  background:
    linear-gradient(150deg,#ffffff 0 13%,#cfe4ff 14% 29%,#7352e8 30% 51%,#322063 52% 70%,#df9e32 71% 88%,#ffe47b 89% 100%);
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.16),0 0 24px rgba(138,99,255,.32);
}

.pn-rank-core::before{
  content:"";
  position:absolute;
  inset:11px;
  z-index:-1;
  clip-path:inherit;
  background:linear-gradient(145deg,#151b39,#2b1c4e 55%,#53243f);
}

.pn-rank-star{
  position:absolute;
  top:4px;
  color:#ffe887;
  font-size:17px;
  text-shadow:0 0 10px #ffd55f;
}

.pn-rank-core strong{
  margin-top:8px;
  font-size:25px;
  font-weight:1000;
  letter-spacing:.03em;
  text-shadow:0 0 12px rgba(255,255,255,.34);
}

.pn-rank-core small{
  min-width:32px;
  margin-top:-1px;
  padding:2px 6px;
  text-align:center;
  border-radius:4px;
  color:#120f17;
  background:linear-gradient(90deg,#f3b33e,#fff09b,#e89a2f);
  font-size:9px;
  font-weight:1000;
}

.pn-rank-spark{
  position:absolute;
  z-index:7;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#fffbd8;
  box-shadow:0 0 8px #fff,0 0 15px #ffd95f,0 0 22px #7cecff;
  animation:pnRankSpark 1.7s ease-in-out infinite;
}

.pn-rank-spark-1{left:20px;top:29px;animation-delay:0s}
.pn-rank-spark-2{right:24px;top:43px;animation-delay:.43s}
.pn-rank-spark-3{left:50px;bottom:17px;animation-delay:.78s}
.pn-rank-spark-4{right:50px;bottom:25px;animation-delay:1.08s}

@keyframes pnRankSpark{
  0%,100%{opacity:.16;transform:scale(.45)}
  45%{opacity:1;transform:scale(1.35)}
  65%{opacity:.5;transform:scale(.75)}
}

.pn-rank-name{
  margin-top:-4px;
  color:#f4f6ff;
  font-size:17px;
  font-weight:950;
  letter-spacing:.06em;
  text-shadow:0 0 10px rgba(255,255,255,.10),0 0 16px rgba(142,104,255,.14);
}

.pn-rank-top{
  margin-top:7px;
  padding:5px 12px;
  border:1px solid rgba(255,213,97,.24);
  border-radius:999px;
  color:#ffe58b;
  background:rgba(117,73,8,.20);
  font-size:10px;
  font-weight:1000;
  letter-spacing:.08em;
  box-shadow:0 0 13px rgba(255,200,55,.08);
}

.pn-pass-zone{
  min-width:0;
  padding:13px;
}

.pn-pass-title{
  min-height:29px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 3px 9px;
  color:#eff8ff;
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
}

.pn-pass-title small{
  color:#8298ae;
  font-size:8px;
  font-weight:850;
  letter-spacing:.08em;
}

.pn-pass-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}

.pn-pass-card{
  min-width:0;
  min-height:128px;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid rgba(255,205,93,.13);
  border-radius:13px;
  color:#f8fbff;
  background:
    radial-gradient(circle at 50% 27%,rgba(103,232,249,.15),transparent 33%),
    linear-gradient(155deg,rgba(33,30,55,.92),rgba(23,18,30,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.pn-pass-card::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.34;
  background:linear-gradient(135deg,transparent 28%,rgba(255,199,70,.09) 29% 31%,transparent 32% 67%,rgba(92,221,255,.08) 68% 70%,transparent 71%);
}

.pn-pass-card i{
  position:relative;
  z-index:2;
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#fff0a1;
  font-style:normal;
  font-size:23px;
  background:linear-gradient(145deg,#664315,#bd7923 45%,#3a264b 100%);
  border:1px solid rgba(255,221,124,.25);
  box-shadow:0 0 15px rgba(255,192,61,.08),inset 0 1px 0 rgba(255,255,255,.12);
}

.pn-pass-card strong{
  position:relative;
  z-index:2;
  max-width:100%;
  color:#d7e5f1;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}

.pn-pass-card span{
  position:relative;
  z-index:2;
  padding:3px 6px;
  border-radius:999px;
  color:#fff0a0;
  background:rgba(109,69,8,.24);
  font-size:8px;
  font-weight:950;
}

.pn-preview-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding-top:15px;
}

.pn-preview-action{
  min-width:150px;
  min-height:42px;
  padding:9px 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(112,231,255,.24);
  border-radius:13px;
  color:#effcff;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
  background:linear-gradient(110deg,#0c7ea0,#116dbc 52%,#315ee1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 9px 19px rgba(0,6,24,.20),0 0 16px rgba(34,211,238,.07);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}

.pn-preview-action:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
}

.pn-preview-action.is-success{
  border-color:rgba(110,255,220,.34);
  background:linear-gradient(110deg,#087f6b,#089796,#1272bb);
}

.pn-preview-favorite{
  border-color:rgba(255,135,180,.18);
  background:linear-gradient(110deg,#611536,#8d1e52 52%,#703177);
}

.pn-preview-favorite.is-saved{
  border-color:rgba(255,172,203,.34);
  color:#fff5f9;
  background:linear-gradient(110deg,#9b2057,#c12c68 52%,#8b377e);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 9px 19px rgba(0,6,24,.20),0 0 17px rgba(244,114,182,.12);
}

.pn-preview-note{
  margin:10px 0 0;
  text-align:center;
  color:#6f8ca8;
  font-size:10px;
  font-weight:650;
}

@media (max-width:760px){
  .pn-preview{
    padding:10px;
    place-items:end center;
  }

  .pn-preview-shell{
    width:100%;
    max-height:93vh;
    padding:15px;
    border-radius:24px 24px 18px 18px;
  }

  .pn-preview-header{
    padding:0 45px 12px 1px;
  }

  .pn-preview-category{
    display:none;
  }

  .pn-profile-identity{
    grid-template-columns:77px minmax(0,1fr);
    gap:11px;
    padding:15px 13px 14px;
  }

  .pn-profile-avatar-wrap{
    width:72px;
    padding-bottom:16px;
  }

  .pn-profile-avatar{
    width:68px;
    height:68px;
    border-width:3px;
    border-radius:13px;
  }

  .pn-profile-avatar-glow{
    inset:-5px -5px 10px;
  }

  .pn-profile-level{
    left:0;
    min-width:68px;
    padding:3px 5px;
    font-size:9px;
  }

  .pn-profile-likebox{
    grid-column:1 / -1;
    min-width:0;
    justify-self:end;
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:-5px;
  }

  .pn-profile-likeicon{font-size:18px}
  .pn-profile-likebox strong{font-size:15px}
  .pn-profile-likebox small{font-size:7px}

  .pn-profile-label{font-size:8px;margin-bottom:5px}
  .pn-preview-nick{font-size:clamp(17px,5.3vw,24px)}
  .pn-preview-player{padding:5px 7px 5px 8px}
  .pn-preview-player-tag{font-size:7px}
  .pn-preview-player small{font-size:8px}
  .pn-profile-submeta{font-size:9px;margin-top:6px}

  .pn-preview-names.is-duo{
    flex-direction:column;
    gap:5px;
  }

  .pn-profile-idbar{
    min-height:38px;
    padding:7px 11px;
    gap:6px;
    font-size:9px;
  }

  .pn-profile-idbar strong{
    font-size:13px;
  }

  .pn-profile-idcopy{
    display:none;
  }

  .pn-profile-competition{
    grid-template-columns:1fr;
    gap:10px;
    padding:10px;
  }

  .pn-rank-card{
    min-height:190px;
  }

  .pn-rank-emblem{
    width:174px;
    height:112px;
  }

  .pn-rank-wing{
    top:27px;
    width:76px;
    height:64px;
  }

  .pn-rank-core{
    width:75px;
    height:75px;
  }

  .pn-rank-name{font-size:15px}

  .pn-pass-grid{
    grid-template-columns:repeat(5,minmax(54px,1fr));
    gap:6px;
    overflow-x:auto;
    padding-bottom:3px;
    scrollbar-width:none;
  }

  .pn-pass-grid::-webkit-scrollbar{display:none}

  .pn-pass-card{
    min-height:102px;
  }

  .pn-pass-card i{
    width:36px;
    height:36px;
    font-size:19px;
  }

  .pn-pass-title small{
    display:none;
  }

  .pn-preview-actions{
    gap:8px;
    padding-top:11px;
  }

  .pn-preview-action{
    flex:1 1 0;
    min-width:0;
    min-height:40px;
    padding:8px 10px;
    font-size:11px;
  }

  .pn-preview-note{
    font-size:9px;
  }

  #contenido .tarjetaCategoria.has-preview{
    min-height:109px !important;
    padding-bottom:43px !important;
  }

  #contenido .tarjetaCategoria.has-preview.pareja-card{
    min-height:124px !important;
  }

  #contenido .tarjetaCategoria.has-preview .estadisticasNombre{
    left:11px !important;
    bottom:9px !important;
    gap:5px !important;
  }

  #contenido .previewNameBtn{
    min-width:84px !important;
    height:29px !important;
    bottom:8px !important;
    padding:0 10px !important;
    gap:5px !important;
    font-size:11px !important;
  }

  #contenido .previewNameBtnIcon{
    font-size:12px;
  }

  #contenido .tarjetaCategoria.has-preview .copiasNombre,
  #contenido .tarjetaCategoria.has-preview .favoritosNombre{
    min-height:22px !important;
    padding:3px 6px !important;
    font-size:11px !important;
  }
}

@media (max-width:360px){
  #contenido .previewNameBtn{
    left:61% !important;
    min-width:78px !important;
    padding:0 8px !important;
  }

  #contenido .tarjetaCategoria.has-preview .estadisticasNombre{
    max-width:43% !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .pn-preview.is-open .pn-preview-scanline,
  .pn-rank-card::after,
  .pn-rank-emblem,
  .pn-rank-spark{
    animation:none !important;
  }
}
/*PN_FF_PREVIEW_V2*/.pn-ff-shell{width:min(900px,96vw);}.pn-ff-preview-header{min-height:42px;padding-bottom:10px;}.pn-ff-board{overflow:visible;border:1px solid rgba(255,174,49,.38);border-radius:8px;background:#2a130c;box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,214,132,.05),0 0 24px rgba(244,128,18,.08);}.pn-ff-board::before{opacity:.55;background:radial-gradient(circle at 64% 82%,rgba(255,147,25,.24),transparent 31%),linear-gradient(132deg,transparent 0 31%,rgba(255,165,35,.05) 31.2% 31.6%,transparent 31.8%),repeating-linear-gradient(0deg,rgba(255,214,122,.018) 0 1px,transparent 1px 22px);}.pn-ff-topbar{position:relative;z-index:4;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;overflow:hidden;color:#fff;border-bottom:3px solid #f4a617;background:linear-gradient(120deg,#2a1c23 0 49%,#3d2833 49% 67%,#1c1824 67% 100%);box-shadow:inset 0 -1px 0 rgba(255,230,159,.2);}.pn-ff-topbar::before{content:"";position:absolute;left:0;top:0;width:34%;height:100%;pointer-events:none;background:linear-gradient(135deg,#f4b21d 0 9%,transparent 9.5%),linear-gradient(45deg,transparent 0 84%,rgba(255,190,30,.8) 84.5% 86%,transparent 86.5%);opacity:.9;}.pn-ff-wordmark{position:relative;z-index:2;font-family:Impact,"Arial Narrow",sans-serif;font-size:31px;font-style:italic;font-weight:900;letter-spacing:-.035em;transform:skewX(-7deg);text-shadow:0 2px 0 rgba(0,0,0,.45);}.pn-ff-wordmark span{color:#f6a80c;font-size:.95em;margin:0 -2px;}.pn-ff-top-decoration{position:relative;z-index:2;display:flex;align-items:center;gap:7px;opacity:.55;}.pn-ff-top-decoration i{width:34px;height:3px;display:block;transform:skewX(-32deg);background:linear-gradient(90deg,transparent,#e7a92c,transparent);}.pn-ff-identity{position:relative;z-index:3;min-height:190px;display:grid;grid-template-columns:145px minmax(0,1fr) 130px;align-items:center;gap:18px;padding:17px 25px 18px 30px;color:#111;background:linear-gradient(112deg,#f8f7f2 0 65%,#f0eee9 65% 100%);clip-path:polygon(0 0,100% 0,100% 86%,97.3% 100%,0 100%);}.pn-ff-identity::before{content:"";position:absolute;left:0;bottom:0;width:31%;height:38px;z-index:-1;background:#f7b215;clip-path:polygon(0 0,82% 0,100% 100%,0 100%);}.pn-ff-avatar-zone{align-self:stretch;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:27px;}.pn-ff-avatar-frame{width:126px;height:126px;padding:5px;background:#f4f4f1;border:5px solid #131313;box-shadow:0 4px 0 rgba(0,0,0,.28),0 0 0 2px rgba(255,255,255,.7);}.pn-ff-avatar{width:100%;height:100%;display:block;object-fit:cover;background:#111;}.pn-ff-level{position:absolute;left:5px;bottom:1px;color:#17130b;font-family:"Arial Narrow",Arial,sans-serif;font-size:29px;font-weight:900;letter-spacing:-.04em;text-shadow:0 1px 0 rgba(255,255,255,.4);}.pn-ff-name-zone{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:20px;}.pn-ff-names{min-width:0;display:flex;align-items:center;gap:8px;}.pn-ff-player{min-width:0;max-width:100%;display:flex;flex-direction:column;gap:3px;}.pn-ff-player small{color:#646464;font-size:9px;font-weight:900;letter-spacing:.12em;}.pn-ff-nick{min-width:0;max-width:100%;display:block;color:#111 !important;font-family:"Arial Narrow",Arial,sans-serif;font-size:clamp(30px,4.6vw,46px) !important;font-weight:500 !important;line-height:1.04 !important;letter-spacing:.025em;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:none !important;}.pn-ff-names.is-duo{align-items:stretch;gap:12px;}.pn-ff-names.is-duo .pn-ff-player{flex:1 1 0;padding-left:10px;border-left:3px solid #13b9d9;}.pn-ff-names.is-duo .pn-ff-player-alt{border-left-color:#e26387;}.pn-ff-names.is-duo .pn-ff-nick{font-size:clamp(20px,3.1vw,31px) !important;}.pn-ff-mini-icons{display:flex;align-items:center;gap:27px;color:#2d3134;font-size:31px;line-height:1;}.pn-ff-mini-icons span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-weight:900;text-shadow:0 1px 0 #fff;}.pn-ff-likes{align-self:center;display:flex;align-items:center;justify-content:flex-end;gap:9px;color:#171a1c;white-space:nowrap;}.pn-ff-like-icon{font-size:42px;transform:rotate(-7deg);filter:grayscale(1) brightness(.35);}.pn-ff-likes strong{font-family:"Arial Narrow",Arial,sans-serif;font-size:34px;font-weight:900;letter-spacing:-.035em;}.pn-ff-idbar{position:relative;z-index:4;min-height:47px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:7px 24px;color:#eee;border-top:1px solid rgba(255,203,97,.18);border-bottom:4px solid #7c367e;background:linear-gradient(90deg,#1d1b29 0 30%,#2d1c24 30% 100%);font-family:"Arial Narrow",Arial,sans-serif;font-size:20px;text-shadow:0 2px 2px rgba(0,0,0,.6);}.pn-ff-idbar strong{font-size:24px;font-weight:800;letter-spacing:.03em;}.pn-ff-id-copy{margin-left:3px;color:#fff7da;font-size:25px;}.pn-ff-battle-title{position:relative;z-index:3;width:max-content;min-width:310px;height:50px;display:flex;align-items:center;gap:9px;padding:0 26px 0 18px;color:#fff;background:linear-gradient(90deg,#58456e,#4b3c61);clip-path:polygon(0 0,100% 0,91% 100%,0 100%);font-family:"Arial Narrow",Arial,sans-serif;font-size:25px;letter-spacing:.02em;text-shadow:0 2px 1px rgba(0,0,0,.5);}.pn-ff-battle-title span{font-size:34px;line-height:1;}.pn-ff-battle-grid{position:relative;z-index:3;min-height:245px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:18px;padding:18px 30px 24px;border-bottom:1px solid rgba(255,173,80,.28);background:radial-gradient(circle at 50% 25%,rgba(246,76,46,.12),transparent 42%),linear-gradient(180deg,#321811,#2a130e);}.pn-ff-stat{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d9d2cb;text-align:center;}.pn-ff-stat img{width:150px;height:124px;position:relative;z-index:2;object-fit:contain;mix-blend-mode:screen;filter:saturate(1.08) contrast(1.04) drop-shadow(0 0 8px rgba(255,186,69,.15));}.pn-ff-stat:nth-child(2) img{filter:saturate(1.15) contrast(1.05) drop-shadow(0 0 10px rgba(151,91,255,.23));}.pn-ff-stat:nth-child(3) img{filter:saturate(1.1) contrast(1.05) drop-shadow(0 0 10px rgba(255,75,111,.18));}.pn-ff-badge-glow{position:absolute;width:120px;height:75px;top:27px;border-radius:50%;background:rgba(255,183,34,.18);filter:blur(20px);}.pn-ff-badge-glow-purple{background:rgba(141,83,255,.2)}.pn-ff-badge-glow-red{background:rgba(244,70,97,.18)}.pn-ff-stat>strong:not(.pn-ff-stat-label),.pn-ff-stat>span{font-family:"Arial Narrow",Arial,sans-serif;color:#d5ccc4;font-size:27px;font-weight:500;line-height:1.02;text-shadow:0 2px 1px rgba(0,0,0,.7);}.pn-ff-stat-label{margin-top:-4px;color:#d5ccc4;font-family:"Arial Narrow",Arial,sans-serif;font-size:26px;font-weight:500;line-height:1.04;text-shadow:0 2px 1px rgba(0,0,0,.7);}.pn-ff-bio{position:relative;z-index:3;min-height:124px;display:flex;align-items:center;padding:20px 36px;color:#fff;border-bottom:1px solid rgba(255,176,74,.26);background:linear-gradient(180deg,rgba(71,33,19,.86),rgba(54,25,16,.88));font-family:"Arial Narrow",Arial,sans-serif;font-size:31px;font-weight:500;letter-spacing:.01em;text-shadow:0 2px 1px rgba(0,0,0,.55);}.pn-ff-showcase{position:relative;z-index:3;min-height:360px;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:120px;border-top:1px solid rgba(255,181,78,.16);border-left:1px solid rgba(255,181,78,.20);background:radial-gradient(circle at 52% 75%,rgba(255,156,37,.27),transparent 43%),linear-gradient(180deg,#412016,#5c3017 100%);}.pn-ff-slot{border-right:1px solid rgba(255,181,78,.25);border-bottom:1px solid rgba(255,181,78,.25);background:linear-gradient(135deg,rgba(255,255,255,.015),transparent 45%),rgba(255,177,72,.01);}.pn-ff-slot:nth-child(8),.pn-ff-slot:nth-child(15){background:linear-gradient(145deg,rgba(255,183,75,.03),rgba(255,137,32,.08));}.pn-ff-side-tools{position:absolute;z-index:7;left:-54px;bottom:24px;display:flex;flex-direction:column;gap:8px;}.pn-ff-side-tools span{width:47px;height:47px;display:grid;place-items:center;border:1px solid rgba(255,183,75,.25);color:#fff;background:linear-gradient(145deg,#40231d,#241d24);font-size:22px;box-shadow:0 5px 12px rgba(0,0,0,.28),inset 0 0 12px rgba(255,166,52,.05);}@media (max-width:760px){.pn-ff-shell{max-height:95vh;}.pn-ff-preview-header{min-height:36px;}.pn-ff-topbar{height:46px;padding:0 16px;}.pn-ff-wordmark{font-size:24px;}.pn-ff-top-decoration i{width:20px;}.pn-ff-identity{min-height:150px;grid-template-columns:96px minmax(0,1fr) auto;gap:10px;padding:12px 13px 15px;}.pn-ff-avatar-zone{padding-bottom:22px;}.pn-ff-avatar-frame{width:88px;height:88px;padding:3px;border-width:4px;}.pn-ff-level{left:1px;font-size:20px;}.pn-ff-name-zone{gap:13px;}.pn-ff-nick{font-size:clamp(20px,5vw,28px) !important;}.pn-ff-names.is-duo{flex-direction:column;gap:5px;}.pn-ff-names.is-duo .pn-ff-nick{font-size:clamp(15px,4vw,21px) !important;}.pn-ff-mini-icons{gap:10px;font-size:20px;}.pn-ff-mini-icons span{width:28px;height:28px;}.pn-ff-likes{gap:4px;}.pn-ff-like-icon{font-size:24px;}.pn-ff-likes strong{font-size:20px;}.pn-ff-idbar{min-height:36px;padding:5px 11px;font-size:13px;}.pn-ff-idbar strong{font-size:16px;}.pn-ff-id-copy{font-size:18px;}.pn-ff-battle-title{min-width:210px;height:37px;padding:0 18px 0 10px;font-size:17px;}.pn-ff-battle-title span{font-size:23px;}.pn-ff-battle-grid{min-height:170px;gap:4px;padding:10px 6px 15px;}.pn-ff-stat img{width:92px;height:82px;}.pn-ff-badge-glow{width:70px;height:45px;top:22px;}.pn-ff-stat>strong:not(.pn-ff-stat-label),.pn-ff-stat>span{font-size:17px;}.pn-ff-stat-label{font-size:15px;}.pn-ff-bio{min-height:72px;padding:13px 18px;font-size:21px;}.pn-ff-showcase{min-height:210px;grid-auto-rows:70px;}.pn-ff-side-tools{display:none;}}@media (max-width:430px){.pn-ff-identity{grid-template-columns:78px minmax(0,1fr) 62px;min-height:132px;padding:10px 10px 12px;}.pn-ff-avatar-frame{width:72px;height:72px;border-width:3px;}.pn-ff-level{font-size:17px;}.pn-ff-mini-icons{gap:5px;font-size:17px;}.pn-ff-mini-icons span{width:24px;height:24px;}.pn-ff-likes strong{font-size:17px;}.pn-ff-like-icon{font-size:19px;}.pn-ff-battle-grid{min-height:148px;}.pn-ff-stat img{width:75px;height:68px;}.pn-ff-stat-label{font-size:12px;}.pn-ff-stat>strong:not(.pn-ff-stat-label),.pn-ff-stat>span{font-size:14px;}.pn-ff-showcase{grid-template-columns:repeat(5,1fr);grid-auto-rows:58px;min-height:174px;}.pn-ff-slot:nth-child(n+16){display:none}}.pn-ff-shell{padding:12px 12px 16px;border-radius:18px;background:linear-gradient(152deg,rgba(5,18,39,.99),rgba(3,10,24,.995));}.pn-ff-preview-header{display:none !important}.pn-ff-shell .pn-preview-close{top:18px;right:18px;width:38px;height:38px;border-color:rgba(255,217,131,.30);color:#fff;background:rgba(25,18,20,.74);backdrop-filter:blur(7px);}.pn-ff-board{margin-top:0}@media (max-width:760px){.pn-ff-shell{padding:7px 7px 12px}.pn-ff-shell .pn-preview-close{top:11px;right:11px;width:34px;height:34px}}

/* V3 PERFIL FF COMPACTO */
.pn-ff-shell{width:min(930px,96vw);max-height:94vh;overflow:auto;padding:10px 10px 12px}.pn-ff-board{overflow:hidden;border-radius:8px}.pn-ff-avatar{object-fit:cover}.pn-ff-likes strong{font-variant-numeric:tabular-nums}.pn-ff-battle-grid{min-height:205px;gap:26px;padding:15px 34px 18px}.pn-ff-stat{min-height:164px}.pn-ff-stat img{width:100%;max-width:178px;height:156px;object-fit:contain;mix-blend-mode:normal!important;filter:drop-shadow(0 8px 8px rgba(0,0,0,.32)) drop-shadow(0 0 11px rgba(255,174,45,.2));animation:pnFfBadgeBreath 2.8s ease-in-out infinite}.pn-ff-stat:nth-child(2) img{max-width:166px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.3)) drop-shadow(0 0 13px rgba(172,82,255,.28));animation-delay:.35s}.pn-ff-stat:nth-child(3) img{max-width:150px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.31)) drop-shadow(0 0 13px rgba(255,54,91,.25));animation-delay:.7s}.pn-ff-badge-glow{width:128px;height:78px;top:42px;opacity:.8}@keyframes pnFfBadgeBreath{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 8px 8px rgba(0,0,0,.32)) drop-shadow(0 0 8px rgba(255,255,255,.08))}50%{transform:translateY(-2px) scale(1.015);filter:drop-shadow(0 9px 9px rgba(0,0,0,.3)) drop-shadow(0 0 15px rgba(255,205,92,.2))}}.pn-ff-bio{min-height:72px;padding:14px 34px;border-bottom:0;border-radius:0 0 8px 8px;font-size:29px}.pn-ff-showcase,.pn-ff-side-tools{display:none!important}.pn-ff-preview-actions{position:sticky;z-index:45;bottom:0;gap:10px;padding:9px 6px 1px;background:linear-gradient(180deg,rgba(4,14,31,0),rgba(4,14,31,.94) 34%,rgba(4,14,31,.99))}.pn-ff-preview-actions .pn-preview-action{min-height:42px}@media(max-width:760px){.pn-ff-shell{max-height:94vh;padding:6px 6px 9px}.pn-ff-identity{min-height:132px;grid-template-columns:88px minmax(0,1fr) 82px;gap:8px;padding:10px 11px 12px}.pn-ff-avatar-frame{width:80px;height:80px}.pn-ff-level{font-size:18px}.pn-ff-likes strong{font-size:18px}.pn-ff-like-icon{font-size:21px}.pn-ff-idbar{min-height:34px}.pn-ff-battle-title{min-width:205px;height:35px}.pn-ff-battle-grid{min-height:132px;gap:5px;padding:6px 8px 8px}.pn-ff-stat{min-height:112px}.pn-ff-stat img{height:104px;max-width:112px}.pn-ff-stat:nth-child(2) img{max-width:108px}.pn-ff-stat:nth-child(3) img{max-width:96px}.pn-ff-badge-glow{width:74px;height:45px;top:31px}.pn-ff-bio{min-height:48px;padding:9px 16px;font-size:19px}.pn-ff-preview-actions{padding-top:7px}.pn-ff-preview-actions .pn-preview-action{min-width:0;flex:1 1 0;min-height:40px;padding:8px 10px;font-size:11px}}@media(max-width:430px){.pn-ff-topbar{height:40px}.pn-ff-wordmark{font-size:21px}.pn-ff-identity{min-height:112px;grid-template-columns:70px minmax(0,1fr) 60px;gap:6px;padding:8px 8px 10px}.pn-ff-avatar-frame{width:65px;height:65px}.pn-ff-level{font-size:15px}.pn-ff-nick{font-size:clamp(17px,5vw,23px)!important}.pn-ff-likes strong{font-size:15px}.pn-ff-like-icon{font-size:17px}.pn-ff-mini-icons{font-size:15px;gap:3px}.pn-ff-mini-icons span{width:21px;height:21px}.pn-ff-idbar{min-height:30px;font-size:11px}.pn-ff-idbar strong{font-size:14px}.pn-ff-id-copy{font-size:15px}.pn-ff-battle-title{min-width:184px;height:31px;font-size:14px}.pn-ff-battle-grid{min-height:112px;padding:4px 5px 6px}.pn-ff-stat{min-height:94px}.pn-ff-stat img{height:88px;max-width:94px}.pn-ff-stat:nth-child(2) img{max-width:90px}.pn-ff-stat:nth-child(3) img{max-width:82px}.pn-ff-bio{min-height:42px;padding:7px 13px;font-size:17px}.pn-ff-preview-actions{gap:7px;padding:6px 2px 0}}@media(prefers-reduced-motion:reduce){.pn-ff-stat img{animation:none!important}}

/* =========================================================
   V4 — AJUSTES FINALES: NIVEL + ICONOS DE CATEGORÍAS
   ========================================================= */

/* Nvl. 100: un poco más abajo, separado del avatar y apoyado sobre la franja amarilla. */
.pn-ff-level{
  bottom:-6px !important;
  left:5px !important;
}

@media (max-width:760px){
  .pn-ff-level{
    bottom:-4px !important;
    left:1px !important;
  }
}

@media (max-width:430px){
  .pn-ff-level{
    bottom:-3px !important;
  }
}

/* Imágenes reales de categorías: sin badge, sin emoji y del tamaño del título. */
.ff-mode-icon-img{
  width:38px !important;
  height:38px !important;
  flex:0 0 38px;
  display:block;
  object-fit:contain;
  object-position:center;
  filter:
    drop-shadow(0 4px 5px rgba(0,0,0,.28))
    drop-shadow(0 0 7px rgba(105,226,255,.12));
  transform:translateY(1px);
}

.ff-mode-icon-img--pro{
  width:42px !important;
  height:38px !important;
  flex-basis:42px;
}

.ff-mode-title{
  gap:9px !important;
}

/* Mismo icono en el título al entrar a cada categoría. */
.ff-category-page-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
}

.ff-category-page-title img{
  width:43px;
  height:43px;
  display:block;
  object-fit:contain;
  filter:
    drop-shadow(0 5px 7px rgba(0,0,0,.28))
    drop-shadow(0 0 9px rgba(87,218,255,.12));
}

@media (max-width:700px){
  .ff-mode-icon-img{
    width:33px !important;
    height:33px !important;
    flex-basis:33px;
  }

  .ff-mode-icon-img--pro{
    width:37px !important;
    height:33px !important;
    flex-basis:37px;
  }

  .ff-category-page-title{
    gap:8px;
  }

  .ff-category-page-title img{
    width:36px;
    height:36px;
  }
}

@media (max-width:430px){
  .ff-mode-icon-img{
    width:30px !important;
    height:30px !important;
    flex-basis:30px;
  }

  .ff-mode-icon-img--pro{
    width:34px !important;
    height:30px !important;
    flex-basis:34px;
  }

  .ff-category-page-title img{
    width:32px;
    height:32px;
  }
}


/* =========================================================
   V5 — ESTADÍSTICAS ABAJO + ICONOS REALES EN GUÍAS SEO
   ========================================================= */

html body #contenido .tarjetaCategoria.has-preview .estadisticasNombre.estadisticasNombre--abajo{
  position:absolute !important;
  left:12px !important;
  right:auto !important;
  top:auto !important;
  bottom:2px !important;
  width:auto !important;
  max-width:46% !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:6px !important;
  z-index:8 !important;
  transform:none !important;
}

@media (max-width:700px){
  html body #contenido .tarjetaCategoria.has-preview .estadisticasNombre.estadisticasNombre--abajo{
    left:10px !important;
    bottom:2px !important;
    gap:5px !important;
  }
}

/* Imágenes reales dentro de las páginas guía. */
.seo-icon.seo-icon-image{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:62px;
  margin-bottom:8px;
  font-size:0;
}

.seo-icon.seo-icon-image img{
  width:60px;
  height:60px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.28)) drop-shadow(0 0 12px rgba(74,222,255,.16));
}

.seo-heading-icon{
  width:1.34em;
  height:1.34em;
  display:inline-block;
  object-fit:contain;
  vertical-align:-.31em;
  margin-right:.28em;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.24)) drop-shadow(0 0 7px rgba(67,214,255,.12));
}

.seo-mini-card > .seo-mini-image{
  display:flex;
  align-items:center;
  min-height:31px;
  margin-bottom:9px;
  font-size:0;
}

.seo-mini-image img{
  width:30px;
  height:30px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.24));
}

.seo-generator-icon.seo-generator-icon-image{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:52px;
  margin-bottom:5px;
  font-size:0;
}

.seo-generator-icon.seo-generator-icon-image img{
  width:50px;
  height:50px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.26)) drop-shadow(0 0 10px rgba(67,214,255,.13));
}

@media (max-width:600px){
  .seo-icon.seo-icon-image{min-height:54px;}
  .seo-icon.seo-icon-image img{width:52px;height:52px;}
  .seo-heading-icon{width:1.22em;height:1.22em;vertical-align:-.27em;}
}