/* Portada-portal (08b) de casinosonlineparaguay.net — hubs dentro del texto y panel de los tres primeros.
   Va después de gua-nanduti.*.css; todo cuelga de .gua-eje / .gua-tres. Paleta y letras del skin ÑANDUTÍ. */

/* ---------- base común: anula lista, viñetas, márgenes de img y subrayado del texto del donante */
.gua-sitio .gua-texto .gua-eje{clear:both;margin:28px 0 34px;font-family:var(--tj-ui)}
.gua-sitio .gua-texto .gua-eje ul,.gua-sitio .gua-texto .gua-eje ol{margin:0;padding:0;list-style:none;counter-reset:none}
.gua-sitio .gua-texto .gua-eje li{margin:0;padding:0}
.gua-sitio .gua-texto .gua-eje li::before{content:none}
.gua-sitio .gua-texto .gua-eje img{display:block;margin:0;max-width:100%;height:auto}
.gua-sitio .gua-texto .gua-eje a{color:inherit;text-decoration:none;overflow-wrap:normal}
.gua-sitio .gua-texto .gua-eje b{display:block;font:700 16px/1.25 var(--tj-ui);color:var(--tj-tinta)}
.gua-sitio .gua-texto .gua-eje li span:not([class]){display:block;font:400 14px/1.4 var(--tj-ui);color:var(--tj-suave)}
.gua-sitio .gua-texto .gua-eje a:hover b{color:var(--tj-rojo-hondo)}
.gua-sitio .gua-texto .gua-eje a:focus-visible{outline:2px solid var(--tj-azul-vivo);outline-offset:3px}
.gua-sitio .gua-texto .gua-eje-rot{display:flex;align-items:center;gap:8px;margin:0 0 6px;
  font:700 13.5px/1.3 var(--tj-rotulo);letter-spacing:.12em;text-transform:uppercase;color:var(--tj-rojo)}
.gua-sitio .gua-texto .gua-eje-rot .gua-ico{color:var(--tj-azul)}
.gua-sitio .gua-texto .gua-eje-baj{margin:0 0 14px;font:400 15px/1.5 var(--tj-ui);color:var(--tj-gris)}
.gua-sitio .gua-texto .gua-eje-rot+ul,.gua-sitio .gua-texto .gua-eje-rot+ol{margin-top:12px}
.gua-sitio .gua-texto .gua-eje a.gua-eje-todos{display:inline-flex;flex-direction:row;align-items:center;gap:6px;width:auto;height:auto;
  margin-top:14px;padding:0 0 2px;background:none;border:0;border-bottom:2px solid var(--tj-rojo);border-radius:0;
  clip-path:none;-webkit-mask:none;mask:none;white-space:nowrap;font:700 14.5px/1.3 var(--tj-ui);color:var(--tj-azul-vivo)}
.gua-sitio .gua-texto .gua-eje a.gua-eje-todos:hover{color:var(--tj-rojo-hondo);background:none}

/* ---------- panel de héroe: los tres primeros de la tabla */
.gua-tres{margin:-40px -48px 32px;padding:22px 48px 18px;background:var(--tj-azul-noche);color:#fff;
  background-image:repeating-conic-gradient(from 0deg at 100% 0,rgba(255,255,255,.07) 0 4deg,transparent 4deg 12deg);
  border-bottom:4px solid var(--tj-rojo)}
.gua-tres-cab{display:flex;align-items:center;gap:8px;margin:0 0 14px;font:700 13.5px/1.3 var(--tj-rotulo);
  letter-spacing:.14em;text-transform:uppercase;color:#F5C9CE}
.gua-tres ol{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none}
.gua-tres li{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--tj-blanco);color:var(--tj-tinta);
  border-radius:8px;position:relative}
.gua-tres-n{position:absolute;top:10px;left:12px;font:700 26px/1 var(--tj-serif);color:var(--tj-rojo)}
.gua-tres-lg{display:grid;place-items:center;height:64px;margin-left:24px}
.gua-tres-lg img{display:block;width:auto;max-width:150px;max-height:60px;height:auto}
.gua-tres-tx{display:flex;flex-direction:column;gap:2px;padding-top:10px;border-top:1px dashed var(--tj-hilo)}
.gua-tres-tx b{font:700 17px/1.25 var(--tj-ui)}
.gua-sitio .gua-tres-tx b a{color:var(--tj-azul);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.gua-sitio .gua-tres-tx b a:hover{color:var(--tj-rojo-hondo)}
.gua-tres-tx small{font:600 12px/1.3 var(--tj-rotulo);letter-spacing:.08em;text-transform:uppercase;color:var(--tj-suave)}
.gua-tres-tx strong{font:700 22px/1.2 var(--tj-serif);color:var(--tj-rojo)}
.gua-tres-tx span{font:500 14px/1.35 var(--tj-ui);color:var(--tj-gris)}
.gua-tres-pie{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:14px 0 0;
  font:500 13px/1.4 var(--tj-ui);color:#C9D3E8}
.gua-sitio .gua-tres-pie a{display:inline-flex;align-items:center;gap:6px;font:700 15px/1.3 var(--tj-ui);color:#fff;
  text-decoration:none;border-bottom:2px solid var(--tj-rojo)}
.gua-sitio .gua-tres-pie a .gua-ico{transform:rotate(90deg)}

/* ---------- F · placas grabadas (estudios) */
.gua-eje-estudios ul{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gua-eje-estudios a{display:flex;flex-direction:column;height:100%;padding:8px;background:var(--tj-papel);
  border:1px solid var(--tj-hilo);border-radius:4px}
.gua-eje-estudios .gua-eje-lg{display:grid;place-items:center;height:76px;margin-bottom:10px;background:var(--tj-blanco);
  outline:1px solid var(--tj-hilo);outline-offset:-5px;border:1px solid var(--tj-hilo)}
.gua-sitio .gua-texto .gua-eje-estudios img{width:auto;max-width:78%;max-height:52px}
.gua-sitio .gua-texto .gua-eje-estudios b,.gua-sitio .gua-texto .gua-eje-estudios li span:not([class]){padding:0 4px;text-align:center}
.gua-sitio .gua-texto .gua-eje-estudios b{font:700 13px/1.3 var(--tj-rotulo);letter-spacing:.08em;text-transform:uppercase;color:var(--tj-azul)}
.gua-sitio .gua-texto .gua-eje-estudios li span:not([class]){margin-top:3px;font-size:13px}
.gua-eje-estudios a:hover{border-color:var(--tj-azul)}

/* ---------- C1 · avisos clasificados (pago local, tarjetas, prepago) */
.gua-eje-avisos ul{columns:2;column-gap:0;border-top:3px double var(--tj-tinta);border-bottom:3px double var(--tj-tinta)}
.gua-eje-avisos li{break-inside:avoid;border-bottom:1px solid var(--tj-hilo)}
.gua-eje-avisos li:nth-child(5),.gua-eje-avisos li:last-child{border-bottom:0}
.gua-eje-avisos a{display:flex;align-items:center;gap:14px;padding:11px 14px}
.gua-eje-avisos li:nth-child(n+6) a{border-left:1px solid var(--tj-hilo)}
.gua-eje-avisos .gua-eje-lg{flex:none;display:grid;place-items:center;width:96px;height:48px;border:1px solid var(--tj-hilo);background:var(--tj-blanco)}
.gua-sitio .gua-texto .gua-eje-avisos img{width:96px;height:48px}
.gua-sitio .gua-texto .gua-eje-avisos b{font:700 16px/1.2 var(--tj-serif)}
.gua-eje-avisos a:hover{background:var(--tj-papel)}
.gua-eje-pq{display:grid;place-items:center;width:100%;height:100%;background:var(--tj-azul-lavado);color:var(--tj-azul)}
.gua-eje-pq .gua-ico{width:26px;height:26px}

/* ---------- C1b · etiquetas colgantes (billeteras) */
.gua-eje-etiquetas ul{display:grid;grid-template-columns:repeat(5,1fr);gap:18px 12px;padding-top:6px}
.gua-eje-etiquetas a{position:relative;display:flex;flex-direction:column;height:100%;padding:24px 10px 12px;
  background:var(--tj-papel-2);border-radius:4px 4px 10px 10px;text-align:center;
  clip-path:polygon(18% 0,82% 0,100% 14px,100% 100%,0 100%,0 14px)}
.gua-eje-etiquetas a::before{content:"";position:absolute;top:7px;left:50%;width:10px;height:10px;margin-left:-5px;
  border-radius:50%;background:var(--tj-blanco);box-shadow:inset 0 0 0 2px var(--tj-hilo)}
.gua-eje-etiquetas .gua-eje-lg{display:grid;place-items:center;height:52px;margin:4px 0 8px;background:var(--tj-blanco);border-radius:3px}
.gua-sitio .gua-texto .gua-eje-etiquetas img{width:auto;max-width:88%;max-height:44px}
.gua-sitio .gua-texto .gua-eje-etiquetas b{font-size:15px}
.gua-sitio .gua-texto .gua-eje-etiquetas li span:not([class]){font-size:13px;margin-top:2px}
.gua-eje-etiquetas a:hover{background:var(--tj-azul-lavado)}

/* ---------- C2 · monedero (cripto) */
.gua-eje-monedero{padding:18px 20px 20px;background:var(--tj-azul);border-radius:8px}
.gua-sitio .gua-texto .gua-eje-monedero .gua-eje-rot{color:#F5C9CE}
.gua-sitio .gua-texto .gua-eje-monedero .gua-eje-rot .gua-ico{color:#fff}
.gua-eje-monedero ul{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gua-eje-monedero a{display:flex;align-items:center;gap:10px;height:100%;padding:8px 10px 8px 8px;border-radius:40px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16)}
.gua-eje-monedero a:hover{background:rgba(255,255,255,.16)}
.gua-eje-moneda{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--tj-blanco);
  box-shadow:0 0 0 3px #F5C9CE,inset 0 0 0 2px var(--tj-hilo);overflow:hidden}
.gua-sitio .gua-texto .gua-eje-monedero img{width:auto;height:auto;max-width:44px;max-height:34px}
.gua-sitio .gua-texto .gua-eje-monedero b{color:#fff;font-size:15px}
.gua-sitio .gua-texto .gua-eje-monedero b small{font:600 11px/1 var(--tj-rotulo);letter-spacing:.1em;color:#F5C9CE}
.gua-sitio .gua-texto .gua-eje-monedero li span:not([class]){color:#D5DDEE;font-size:12.5px;line-height:1.3}

/* ---------- A · rosetones de ñandutí (tipos de casino) */
.gua-eje-rosetas ul{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 10px}
.gua-eje-rosetas li{flex:0 0 calc(25% - 8px)}
.gua-eje-rosetas a{display:flex;flex-direction:column;align-items:center;text-align:center}
.gua-eje-rosa{display:grid;place-items:center;width:104px;height:104px;margin-bottom:10px;border-radius:50%;color:var(--tj-azul);
  background:radial-gradient(circle,var(--tj-blanco) 0 27px,transparent 28px),
    radial-gradient(circle,transparent 0 30px,var(--tj-rojo) 31px 32px,transparent 33px),
    repeating-conic-gradient(var(--tj-azul) 0 1.6deg,transparent 1.6deg 15deg),
    radial-gradient(circle,var(--tj-rojo-lavado) 0 44px,transparent 45px),
    radial-gradient(circle,transparent 0 48px,var(--tj-azul) 49px 50px,transparent 51px)}
.gua-eje-rosa .gua-ico{width:28px;height:28px}
.gua-eje-rosetas a:hover .gua-eje-rosa{color:var(--tj-rojo);transform:rotate(8deg)}
.gua-sitio .gua-texto .gua-eje-rosetas b{font-size:15.5px}
.gua-sitio .gua-texto .gua-eje-rosetas li span:not([class]){font-size:13.5px;max-width:190px;margin-top:2px}

/* ---------- D · cupones troquelados (bonos) */
.gua-eje-cupones ul{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.gua-eje-cupones a{display:flex;height:100%;background:var(--tj-blanco);border:1px dashed var(--tj-rojo);border-radius:6px;
  -webkit-mask:radial-gradient(circle 9px at 92px 0,#0000 98%,#000) top/100% 51% no-repeat,
    radial-gradient(circle 9px at 92px 100%,#0000 98%,#000) bottom/100% 51% no-repeat;
  mask:radial-gradient(circle 9px at 92px 0,#0000 98%,#000) top/100% 51% no-repeat,
    radial-gradient(circle 9px at 92px 100%,#0000 98%,#000) bottom/100% 51% no-repeat}
.gua-eje-cifra{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:92px;padding:10px 4px;
  background:var(--tj-rojo-lavado);border-right:2px dashed var(--tj-rojo);font:700 30px/1 var(--tj-serif);color:var(--tj-rojo)}
.gua-eje-cifra small{margin-top:4px;font:700 11px/1 var(--tj-rotulo);letter-spacing:.14em;text-transform:uppercase;color:var(--tj-rojo-hondo)}
.gua-eje-cifra .gua-ico{width:30px;height:30px}
.gua-eje-cupones .gua-eje-tx{display:flex;flex-direction:column;justify-content:center;padding:12px 16px}
.gua-eje-cupones a:hover{background:var(--tj-papel)}

/* ---------- E · vitrina de museo (juegos) */
.gua-eje-vitrina ul{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 18px}
.gua-eje-vitrina a{display:flex;flex-direction:column;height:100%}
.gua-eje-ph{display:block;padding:9px;background:var(--tj-papel-2);border:1px solid var(--tj-hilo);box-shadow:inset 0 0 0 1px var(--tj-blanco)}
.gua-sitio .gua-texto .gua-eje-vitrina img{width:100%;aspect-ratio:3/2;object-fit:cover;filter:saturate(.92)}
.gua-eje-cartela{display:block;margin:10px 6px 0;padding:8px 12px 10px;background:var(--tj-blanco);border:1px solid var(--tj-hilo);
  border-left:3px solid var(--tj-azul)}
.gua-eje-cartela small{display:block;font:600 11px/1.3 var(--tj-rotulo);letter-spacing:.16em;text-transform:uppercase;color:var(--tj-rojo)}
.gua-sitio .gua-texto .gua-eje-vitrina b{font:700 16px/1.25 var(--tj-serif);margin-top:2px}
.gua-sitio .gua-texto .gua-eje-vitrina li span:not([class]){font-size:13.5px}
.gua-eje-vitrina a:hover .gua-eje-ph{border-color:var(--tj-azul)}

/* ---------- B · libro mayor (depósitos y retiros) */
.gua-eje-mayor ol{border:1px solid var(--tj-hilo);border-top:2px solid var(--tj-azul);background:
  linear-gradient(90deg,transparent 54px,var(--tj-rojo) 54px 55px,transparent 55px 58px,var(--tj-rojo) 58px 59px,transparent 59px)}
.gua-eje-mayor li+li{border-top:1px solid var(--tj-azul-lavado)}
.gua-eje-mayor a{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1.3fr) 20px;align-items:center;gap:0 20px;padding:12px 16px 12px 6px}
.gua-eje-ic{display:grid;place-items:center;color:var(--tj-azul)}
.gua-eje-ic .gua-ico{width:22px;height:22px}
.gua-sitio .gua-texto .gua-eje-mayor b{font:700 16px/1.25 var(--tj-serif);padding-left:6px}
.gua-eje-mayor a>.gua-ico{color:var(--tj-rojo)}
.gua-eje-mayor a:hover{background:var(--tj-papel)}

/* ---------- G · escudos (ley y seguridad) */
.gua-eje-escudos ul{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gua-eje-escudos a{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;padding:0 6px 6px}
.gua-eje-escudo{display:grid;place-items:center;width:74px;height:86px;margin-bottom:10px;padding-bottom:8px;color:#fff;
  background:linear-gradient(90deg,var(--tj-azul) 50%,var(--tj-azul-noche) 50%);
  clip-path:polygon(50% 0,100% 12%,100% 52%,92% 72%,50% 100%,8% 72%,0 52%,0 12%)}
.gua-eje-escudos li:nth-child(even) .gua-eje-escudo{background:linear-gradient(90deg,var(--tj-rojo) 50%,var(--tj-rojo-hondo) 50%)}
.gua-eje-escudo .gua-ico{width:28px;height:28px}
.gua-sitio .gua-texto .gua-eje-escudos b{font-size:15.5px}
.gua-sitio .gua-texto .gua-eje-escudos li span:not([class]){font-size:13.5px;margin-top:2px}

/* ---------- H · teléfonos (móvil) */
.gua-eje-telefonos ul{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:22px 18px 18px;
  background:var(--tj-azul-lavado);border-radius:10px}
.gua-eje-telefonos a{display:flex;flex-direction:column;align-items:center;text-align:center}
.gua-eje-tel{position:relative;display:block;width:132px;height:212px;padding:22px 9px 22px;border-radius:24px;background:var(--tj-tinta);
  box-shadow:0 10px 18px -12px rgba(6,26,64,.6)}
.gua-eje-tel::before{content:"";position:absolute;top:9px;left:50%;width:36px;height:5px;margin-left:-18px;border-radius:3px;background:#3A3F4C}
.gua-eje-tel::after{content:"";position:absolute;bottom:7px;left:50%;width:30px;height:4px;margin-left:-15px;border-radius:2px;background:#3A3F4C}
.gua-sitio .gua-texto .gua-eje-telefonos li .gua-eje-tel>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;padding:8px;
  border-radius:12px;background:linear-gradient(180deg,var(--tj-azul) 0,var(--tj-azul-noche) 100%);color:#fff}
.gua-eje-tel>span .gua-ico{width:34px;height:34px;color:#F5C9CE}
.gua-sitio .gua-texto .gua-eje-telefonos .gua-eje-tel b{color:#fff;font-size:14.5px;line-height:1.25}
.gua-eje-pie{display:block;margin-top:10px;font:500 14px/1.4 var(--tj-ui);color:var(--tj-gris);max-width:220px}
.gua-eje-telefonos a:hover .gua-eje-tel>span{background:linear-gradient(180deg,var(--tj-rojo) 0,var(--tj-rojo-hondo) 100%)}

/* ---------- anchos */
@media (max-width:1100px){
  .gua-tres{margin:-24px calc(-1 * var(--tj-margen)) 24px;padding:18px var(--tj-margen) 16px}
}
@media (max-width:860px){
  .gua-tres ol{grid-template-columns:1fr;gap:8px}
  .gua-tres li{flex-direction:row;align-items:center;gap:12px;padding:10px 12px}
  .gua-tres-n{position:static;flex:none;width:18px;font-size:22px}
  .gua-tres-lg{flex:none;width:96px;height:46px;margin:0}
  .gua-tres-lg img{max-width:96px;max-height:42px}
  .gua-tres-tx{padding:0 0 0 12px;border-top:0;border-left:1px dashed var(--tj-hilo)}
  .gua-tres-tx strong{font-size:18px}
  .gua-eje-estudios ul{grid-template-columns:repeat(2,1fr)}
  .gua-eje-avisos ul{columns:1}
  .gua-eje-avisos li:nth-child(5){border-bottom:1px solid var(--tj-hilo)}
  .gua-eje-avisos li:nth-child(n+6) a{border-left:0}
  .gua-eje-etiquetas ul{grid-template-columns:repeat(2,1fr)}
  .gua-eje-monedero ul{grid-template-columns:repeat(2,1fr)}
  .gua-eje-rosetas li{flex:0 0 calc(50% - 5px)}
  .gua-eje-cupones ul{grid-template-columns:1fr}
  .gua-eje-vitrina ul{grid-template-columns:repeat(2,1fr);gap:16px 12px}
  .gua-eje-mayor a{grid-template-columns:40px minmax(0,1fr) 18px;gap:2px 14px}
  .gua-eje-mayor a>span:not([class]){grid-column:2;grid-row:2}
  .gua-eje-mayor a>.gua-ico{grid-column:3;grid-row:1 / span 2}
  .gua-eje-mayor ol{background:linear-gradient(90deg,transparent 48px,var(--tj-rojo) 48px 49px,transparent 49px 52px,var(--tj-rojo) 52px 53px,transparent 53px)}
  .gua-eje-escudos ul{grid-template-columns:repeat(2,1fr);gap:18px 10px}
  .gua-eje-telefonos ul{grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 8px}
  .gua-eje-tel{width:100%;max-width:120px;height:196px;padding:20px 7px}
  .gua-sitio .gua-texto .gua-eje-telefonos .gua-eje-tel b{font-size:13px}
  .gua-eje-pie{font-size:13px}
}
@media (max-width:420px){
  .gua-eje-monedero{padding:16px 12px}
  .gua-eje-monedero ul{grid-template-columns:1fr}
  .gua-eje-vitrina ul{gap:14px 10px}
  .gua-eje-ph{padding:5px}
  .gua-eje-cartela{margin:6px 0 0;padding:6px 8px 8px}
  .gua-sitio .gua-texto .gua-eje-vitrina b{font-size:14.5px}
  .gua-sitio .gua-texto .gua-eje-vitrina li span:not([class]){font-size:12.5px}
  .gua-eje-etiquetas ul{gap:14px 8px}
}