/* MaeloWOW — portada 25/10/2026: tasas x5, "What makes MaeloWOW special" y enlace a la wiki. Va despues de portada-wow.css. */
/* iconos de los titulos por id (al anadir secciones, los nth-of-type de home-base.css se desplazan) */
#infoSection > section#welcome > h2::before { background-image: url('/img/wow/info.png') !important; }
#infoSection > section#start > h2::before { background-image: url('/img/wow/guias.png') !important; }
#infoSection > section#special > h2::before { background-image: url('/img/wow/lichking.png') !important; border-radius: 6px; }
#infoSection > section#server-info > h2::before { background-image: url('/img/wow/opciones.png') !important; }
#infoSection > section#why > h2::before { background-image: url('/img/wow/logros.png') !important; }
#infoSection > section#wikiSection > h2::before { background-image: url('/img/wow/manual.png') !important; }
#infoSection > section#apkSection > h2::before { background-image: url('/img/wow/stats.png') !important; }
/* el humano de "How to Start" se queda en su seccion aunque cambie el orden */
@media (min-width: 900px) { #infoSection > section.feature:nth-of-type(2) { padding-right: 32px; } #infoSection > section#start { padding-right: 150px; } }

/* pulso: 6 casillas (2 filas de 3; en telefono 2 columnas) */
.pulse.pulse-6 { grid-template-columns: repeat(3, 1fr); }
.pulse-tile.is-live .pulse-lbl { color: #7ff0c8; }
.pulse-tile.is-finde { border-color: rgba(255, 215, 0, .7); background: linear-gradient(170deg, rgba(40, 30, 6, .94), rgba(12, 14, 8, .94)); box-shadow: 0 0 22px rgba(255, 215, 0, .18); }
.pulse-tile.is-finde .pulse-lbl { color: #ffd76a; }
a.pulse-tile { cursor: pointer; }
@media (max-width: 760px) {
  .pulse.pulse-6 { grid-template-columns: 1fr 1fr; }
  .pulse.pulse-6 .pulse-tile { padding: 10px 10px; gap: 8px; }
  .pulse.pulse-6 .pulse-ico { width: 28px !important; height: 28px !important; flex: none; }
  .pulse.pulse-6 .pulse-val i { display: block; }
}

/* Rates & Drops (9 filas): iconos de cada fila */
.info-grid .info-col:nth-child(3) .info-row:nth-child(2) .info-label::before { background-image: url('/img/wow/stats.png'); }
.info-grid .info-col:nth-child(3) .info-row:nth-child(3) .info-label::before { background-image: url('/img/wow/mapa.png'); }
.info-grid .info-col:nth-child(3) .info-row:nth-child(4) .info-label::before { background-image: url('/img/wow/logros.png'); }
.info-grid .info-col:nth-child(3) .info-row:nth-child(5) .info-label::before { background-image: url('/img/wow/opciones.png'); }
.info-grid .info-col:nth-child(3) .info-row:nth-child(6) .info-label::before { background-image: url('/img/wow/objeto.png'); }
.info-grid .info-col:nth-child(3) .info-row:nth-child(7) .info-label::before { background-image: url('/img/wow/oro.png'); }
.info-grid .info-col:nth-child(3) .info-row:nth-child(8) .info-label::before { background-image: url('/img/wow/gremio.png'); }
.info-grid .info-col:nth-child(3) .info-row:nth-child(9) .info-label::before { background-image: url('/img/wow/batalla.png'); }
.info-grid .info-col:nth-child(3) .info-row:nth-child(10) .info-label::before { background-image: url('/img/wow/habilidad.png'); }

/* What makes MaeloWOW special */
.esp-lead { margin: -4px 0 18px; color: #c0d5e5; }
.esp-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.esp-card { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 18px 18px 16px; border-radius: 12px; text-decoration: none; color: #c0d5e5;
  background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0) 50%), rgba(255, 255, 255, .03);
  border: 1px solid rgba(110, 170, 230, .22); box-shadow: 0 10px 22px -10px rgba(0, 0, 0, .8); transition: transform .25s, border-color .25s, box-shadow .25s; overflow: hidden; }
.esp-card:hover { transform: translateY(-4px); border-color: rgba(201, 168, 76, .55); box-shadow: 0 16px 30px -12px rgba(0, 0, 0, .9), 0 0 20px rgba(143, 208, 255, .15); }
.esp-card .esp-ico { width: 46px; height: 46px; border-radius: 9px; background: center / cover no-repeat;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .75), 0 0 0 3px rgba(201, 168, 76, .55), 0 6px 14px rgba(0, 0, 0, .5); }
.esp-card b { color: #f0c75e; font: 700 17px 'Friz Quadrata', 'Cinzel', Georgia, serif; }
.esp-card span { font-size: 14px; line-height: 1.5; }
.esp-card em { position: absolute; top: 14px; right: 16px; font: 900 22px Inter, system-ui, sans-serif; font-style: normal; color: #7ff0c8; text-shadow: 0 0 12px rgba(127, 240, 200, .35); }
.esp-card.is-big { grid-column: span 3; flex-direction: row; align-items: center; gap: 18px; padding: 20px 22px;
  background: linear-gradient(100deg, rgba(201, 168, 76, .16), rgba(8, 16, 26, .4) 60%), url('/img/capturas/elwynn.png') right center / cover no-repeat;
  border-color: rgba(201, 168, 76, .5); }
.esp-card.is-big .esp-ico { width: 64px; height: 64px; flex: none; }
.esp-card.is-big b { font-size: 22px; }
.esp-card.is-big span { font-size: 15px; max-width: 620px; color: #e7f2fa; text-shadow: 0 1px 3px #000; }
.esp-card.is-big em { position: static; margin-left: auto; font-size: 34px; white-space: nowrap; }
.esp-card .esp-mas { margin-top: auto; padding-top: 4px; font: 700 12px Inter, sans-serif; letter-spacing: .5px; text-transform: uppercase; color: #8fd0ff; }
.esp-cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 20px; }

/* Wiki */
.wiki-enlaces { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 6px; }
.wiki-enlaces a { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 10px; text-decoration: none; color: #e7f2fa; font-weight: 700; font-size: 14px;
  background: rgba(255, 255, 255, .035); border: 1px solid rgba(110, 170, 230, .22); transition: border-color .2s, transform .2s; }
.wiki-enlaces a:hover { border-color: rgba(201, 168, 76, .55); transform: translateY(-2px); color: #f0c75e; }
.wiki-enlaces img { width: 30px; height: 30px; border-radius: 6px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .8), 0 0 0 2px rgba(201, 168, 76, .45); }

@media (max-width: 860px) {
  .esp-grid { grid-template-columns: 1fr 1fr; }
  .esp-card.is-big { grid-column: span 2; }
  .wiki-enlaces { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .esp-grid { gap: 10px; }
  .esp-card { padding: 14px 12px; } .esp-card b { font-size: 15px; } .esp-card span { font-size: 13px; }
  .esp-card .esp-ico { width: 38px; height: 38px; } .esp-card em { font-size: 17px; top: 12px; right: 10px; }
  .esp-card.is-big { flex-direction: column; align-items: flex-start; gap: 8px; }
  .esp-card.is-big em { margin-left: 0; font-size: 26px; }
  .esp-cta .btn { flex: 1 1 40%; text-align: center; }
}
@media (prefers-reduced-motion: reduce) { .esp-card, .wiki-enlaces a { transition: none; } }
#infoSection > section#welcome a { color: #f0c75e; text-decoration: underline; text-underline-offset: 3px; }