/* Lotería Ahora 2.0 — diseño exclusivo La Isla Ahora, motor de datos DEC 1.7.3 */
.lia-ahora-board{--lia-navy:#09264e;--lia-orange:#ff701e;--lia-cyan:#00bfc9;--lia-ink:#0c2141;--lia-faint:#f3f8fc;box-sizing:border-box;max-width:960px;width:100%;margin:0 auto 18px;background:#f8fbfd;color:var(--lia-ink);border:1px solid #dfeaf0;border-radius:14px;overflow:hidden;box-shadow:0 3px 12px rgba(9,38,78,.065);font-family:Arial,Helvetica,sans-serif}
.lia-ahora-board *, .lia-ahora-board *:before,.lia-ahora-board *:after{box-sizing:border-box}
.lia-ahora-board .lia-ahora-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:122px;padding:20px 22px;background:radial-gradient(circle at right 20%,#e5f8ff 5%,transparent 54%),#fff;overflow:hidden}
.lia-ahora-board .lia-ahora-hero>div:first-child{position:relative;z-index:1}
.lia-ahora-board .lia-ahora-kicker{font-size:11px;font-weight:900;color:var(--lia-navy);letter-spacing:.03em;line-height:1.3}
.lia-ahora-board .lia-ahora-kicker strong{padding:3px 5px;background:var(--lia-orange);color:white;border-radius:4px}
.lia-ahora-board .lia-ahora-kicker span{color:var(--lia-cyan);font-size:17px;letter-spacing:-8px;padding-left:7px}
.lia-ahora-board .lia-ahora-hero h2{font-family:Arial,Helvetica,sans-serif!important;color:var(--lia-navy)!important;font-size:clamp(26px,4vw,40px)!important;letter-spacing:-.05em;line-height:1.13!important;font-weight:900!important;margin:7px 0 5px!important;text-transform:none!important}
.lia-ahora-board .lia-ahora-hero h2 em{font-style:normal;background:var(--lia-orange);color:#fff;padding:1px 9px;border-radius:7px;white-space:nowrap}
.lia-ahora-board .lia-ahora-hero p{margin:0!important;font-size:13px!important;line-height:1.3!important;color:#40516b!important}
.lia-ahora-board .lia-ahora-hero-balls{display:flex;align-items:center;justify-content:center;gap:0;min-width:150px}
.lia-ahora-board .lia-ahora-hero-balls b{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;border:1px solid #e0eefa;background:radial-gradient(circle at 25% 18%,white,#d7e9f9);box-shadow:2px 3px 7px rgba(19,58,95,.12);font-weight:900;color:var(--lia-navy);font-size:20px;transform:rotate(-14deg)}
.lia-ahora-board .lia-ahora-hero-balls b:nth-child(2){margin:25px -12px 0;z-index:2}.lia-ahora-board .lia-ahora-hero-balls b:nth-child(3){transform:rotate(14deg)}
.lia-ahora-board .lia-ahora-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px;margin:5px 14px 10px;gap:1px;background:#f1f6fb;border-radius:30px}
.lia-ahora-board .lia-ahora-tabs button{appearance:none;background:transparent!important;border:0!important;box-shadow:none!important;color:#234061!important;border-radius:27px;padding:10px 2px!important;min-width:0;min-height:0;line-height:1.2;font-family:inherit;font-size:13px!important;font-weight:700;cursor:pointer}
.lia-ahora-board .lia-ahora-tabs button.is-selected{background:#0b3c70!important;color:#fff!important}
.lia-ahora-board .lia-ahora-tabs button:focus-visible{outline:3px solid var(--lia-cyan);outline-offset:2px}
.lia-ahora-board .lia-ahora-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 14px 10px}
.lia-ahora-board .lia-ahora-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;background:#fff;border:1px solid #e6edf3;border-radius:14px;box-shadow:0 2px 8px rgba(8,43,80,.05);padding:11px 9px;gap:6px;text-align:center;overflow:hidden}
.lia-ahora-board .lia-ahora-card.lia-ahora-wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1.4fr;grid-template-rows:auto auto;align-items:center;justify-items:center;padding:13px;gap:4px 8px}
.lia-ahora-board .lia-ahora-card-logo{height:56px;width:100%;display:flex;align-items:center;justify-content:center}
.lia-ahora-board .lia-ahora-card-logo img{display:block;width:auto;max-width:min(185px,100%);max-height:53px;height:auto;object-fit:contain;filter:none}
.lia-ahora-board .lia-ahora-state{display:flex;justify-content:center;align-items:center;gap:5px;min-width:0;width:100%;padding:5px 6px;border-radius:30px;font-size:11px;font-weight:700;white-space:nowrap;line-height:1.15;background:#e8f8f3;color:#1e6e54}
.lia-ahora-board .lia-ahora-state.pending{background:#fff6da;color:#86681a}
.lia-ahora-board .lia-ahora-state>span:first-child{display:grid;place-items:center;flex:none;background:#0fa66a;color:white;width:16px;height:16px;border-radius:50%;font-size:11px}
.lia-ahora-board .lia-ahora-state.pending>span:first-child{background:#cda02e;color:white}
.lia-ahora-board .lia-ahora-value{width:100%;display:flex;align-items:center;justify-content:center;min-height:49px}
.lia-ahora-board .lia-ahora-balls{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0}
.lia-ahora-board .lia-ahora-balls b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 24% 18%,#f8fcff,#dbeaf8);color:#091c3b;font-size:23px;font-weight:900;line-height:1}
.lia-ahora-board .lia-ahora-empty{font-size:12px;line-height:1.2;min-height:29px;display:flex;align-items:center;color:#718096;font-weight:700}
.lia-ahora-board .lia-ahora-time{border-top:1px solid #ecf1f4;padding-top:6px;width:100%;font-size:11px;line-height:1.3;color:#6e7e90}
.lia-ahora-board .lia-ahora-wide .lia-ahora-card-logo{grid-row:1;grid-column:1}
.lia-ahora-board .lia-ahora-wide .lia-ahora-state{grid-column:2;grid-row:1}
.lia-ahora-board .lia-ahora-wide .lia-ahora-value{grid-column:2;grid-row:2}
.lia-ahora-board .lia-ahora-wide .lia-ahora-time{grid-column:1;grid-row:2}
.lia-ahora-board .lia-ahora-cta{display:block;text-align:center;margin:4px 14px 13px;padding:12px;border-radius:11px;text-decoration:none!important;background:#0b3c70;color:white!important;font-weight:800;font-size:13px}
.lia-ahora-board .lia-ahora-cta span{margin-left:9px}.lia-ahora-board .lia-ahora-cta:hover{background:var(--lia-navy)}
.lia-ahora-board .lia-ahora-legal{font-size:12px!important;line-height:1.35!important;padding:0 16px 17px!important;color:#738095!important;text-align:center!important;margin:0!important}
.lia-ahora-board .lia-ahora-card[hidden]{display:none!important}
.lia-ahora-board .lia-ahora-cards.lia-ahora-single-filter .lia-ahora-card{grid-column:auto}
.lia-ahora-board .lia-ahora-cards.lia-ahora-single-filter .lia-ahora-card.lia-ahora-wide{grid-column:span 2}
/* Home compact: much shorter than the previous full page pasted into the homepage. */
.lia-loterias-mobile-home{display:block;max-width:1040px;width:100%;box-sizing:border-box;margin:14px auto;clear:both}
.lia-loterias-mobile-home .lia-ahora-board{max-width:100%;margin:0}
.lia-ahora-board.lia-ahora-compact .lia-ahora-hero{min-height:75px;padding:12px 15px}
.lia-ahora-board.lia-ahora-compact .lia-ahora-hero h2{font-size:26px!important;margin:5px 0 3px!important}
.lia-ahora-board.lia-ahora-compact .lia-ahora-hero p{font-size:11px!important}
.lia-ahora-board.lia-ahora-compact .lia-ahora-hero-balls b{width:37px;height:37px;font-size:14px}
.lia-ahora-board.lia-ahora-compact .lia-ahora-hero-balls{min-width:103px}
.lia-ahora-board.lia-ahora-compact .lia-ahora-tabs{margin:3px 10px 7px;padding:3px}
.lia-ahora-board.lia-ahora-compact .lia-ahora-tabs button{font-size:12px!important;padding:7px 2px!important}
.lia-ahora-board.lia-ahora-compact .lia-ahora-cards{gap:7px;padding:0 9px 8px}
.lia-ahora-board.lia-ahora-compact .lia-ahora-card{padding:8px 5px;gap:4px;border-radius:11px}
.lia-ahora-board.lia-ahora-compact .lia-ahora-card-logo{height:33px}
.lia-ahora-board.lia-ahora-compact .lia-ahora-card-logo img{max-height:33px;max-width:108px}
.lia-ahora-board.lia-ahora-compact .lia-ahora-state{font-size:9px;padding:4px 3px;gap:4px}
.lia-ahora-board.lia-ahora-compact .lia-ahora-state>span:first-child{width:13px;height:13px;font-size:9px}
.lia-ahora-board.lia-ahora-compact .lia-ahora-value{min-height:36px}
.lia-ahora-board.lia-ahora-compact .lia-ahora-balls{gap:4px}
.lia-ahora-board.lia-ahora-compact .lia-ahora-balls b{width:34px;height:34px;font-size:17px}
.lia-ahora-board.lia-ahora-compact .lia-ahora-empty{font-size:10px;min-height:28px;text-align:center}
.lia-ahora-board.lia-ahora-compact .lia-ahora-time{font-size:10px;padding-top:4px}
.lia-ahora-board.lia-ahora-compact .lia-ahora-card.lia-ahora-wide{padding:7px 9px;gap:2px 5px}
.lia-ahora-board.lia-ahora-compact .lia-ahora-cta{font-size:12px;margin:2px 9px 9px;padding:9px}
/* Standalone sidebar, kept separate from the home board */
.lia-ahora-sidebar{background:#fff;border:1px solid #e8eef4;border-radius:10px;padding:12px;font-size:12px;box-shadow:0 2px 8px rgba(0,0,0,.035)}
.lia-ahora-sidebar h3{font-size:18px!important;color:#0b305a!important;margin:0 0 9px!important}.lia-ahora-sidebar h3 em{font-style:normal;color:#f96d22}
.lia-ahora-sidebar-row{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:6px 0;border-bottom:1px solid #eaf0f4}
.lia-ahora-sidebar-row span{font-weight:700}.lia-ahora-sidebar-row b{font-size:11px;white-space:nowrap}.lia-ahora-sidebar-row small{font-size:9px;color:#888}
.lia-ahora-sidebar a{display:block;margin-top:9px;color:#1260aa;font-weight:800;text-decoration:none}
@media(max-width:767px){
  .lia-loterias-desktop-widget{display:none!important}
  .lia-loterias-mobile-home{margin:9px 0 12px}
  .lia-ahora-board.lia-ahora-compact .lia-ahora-hero h2{font-size:24px!important}
  .lia-ahora-board .lia-ahora-cards{gap:8px;padding:0 9px 8px}
  .lia-ahora-board .lia-ahora-card-logo{height:43px}
  .lia-ahora-board .lia-ahora-card-logo img{max-height:42px}
  .lia-ahora-board .lia-ahora-balls b{width:34px;height:34px;font-size:18px}
  .lia-ahora-board .lia-ahora-state{font-size:10px}
  .lia-ahora-board .lia-ahora-card{gap:4px;padding:8px 6px}
  .lia-ahora-board .lia-ahora-hero{min-height:92px;padding:13px}
  .lia-ahora-board .lia-ahora-hero-balls{min-width:110px}
  .lia-ahora-board .lia-ahora-hero-balls b{width:38px;height:38px;font-size:13px}
}
@media(max-width:360px){
 .lia-ahora-board.lia-ahora-compact .lia-ahora-hero-balls{min-width:75px}
 .lia-ahora-board.lia-ahora-compact .lia-ahora-hero-balls b{width:29px;height:29px;font-size:11px}
 .lia-ahora-board.lia-ahora-compact .lia-ahora-hero h2{font-size:20px!important}
 .lia-ahora-board.lia-ahora-compact .lia-ahora-balls b{width:28px;height:28px;font-size:15px}
 .lia-ahora-board.lia-ahora-compact .lia-ahora-state{font-size:8px;letter-spacing:-.02em}
}
/* Igual que DEC: portada principal en móvil, widget lateral para escritorio. */
@media(min-width:768px){#lia-loterias-mobile-home{display:none!important}}

/* =============================================================
   PORTADA MÓVIL: mini widget separado del tablero /loterias/
   Siempre limitado a ~350 px: deja respirar el feed de noticias.
   ============================================================= */
#lia-loterias-mobile-home{display:none!important;max-width:360px;width:100%;margin:12px 0 16px;box-sizing:border-box;clear:both;float:none}
#lia-loterias-mobile-home.lia-mini-mounted{display:block!important}
.lia-loterias-manual-home{width:100%;max-width:360px;margin:12px 0 16px}
.lia-mini-widget{box-sizing:border-box;--lia-mini-navy:#08264b;--lia-mini-orange:#ff742a;--lia-mini-cyan:#11bbc9;font-family:Arial,Helvetica,sans-serif!important;background:#fff;border:1px solid #dfe8f1;border-left:4px solid var(--lia-mini-orange);border-radius:12px;width:100%;max-width:360px;box-shadow:0 2px 11px rgba(9,31,60,.065);overflow:hidden;color:#142b49;text-align:left}
.lia-mini-widget *{box-sizing:border-box}
.lia-mini-heading{padding:11px 12px 9px;background:linear-gradient(105deg,#f4f9fe,#fff 76%);border-bottom:1px solid #e8eef4}
.lia-mini-heading h2{margin:0!important;padding:0!important;font-size:19px!important;line-height:1.12!important;letter-spacing:-.035em;font-weight:900!important;color:var(--lia-mini-navy)!important;text-transform:none!important}
.lia-mini-heading h2 em{display:inline-block;font-style:normal;background:var(--lia-mini-orange);color:white;padding:2px 7px;border-radius:5px}
.lia-mini-heading small{display:block;color:#66788a;font-size:10px;font-weight:600;margin-top:4px;line-height:1.2}
.lia-mini-list{padding:0 11px}
.lia-mini-row{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:39px;padding:5px 0;border-bottom:1px solid #eef1f5}
.lia-mini-row:last-child{border-bottom:0}
.lia-mini-name{color:#183c63;font-size:12px;font-weight:800;line-height:1.1;max-width:43%;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lia-mini-data{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;min-width:100px}
.lia-mini-numbers{display:flex;justify-content:flex-end;align-items:center;min-height:23px}
.lia-mini-balls{display:flex;gap:5px;align-items:center}
.lia-mini-balls b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e6f0fb;color:#0c2648;font-size:12px;font-weight:900;line-height:1}
.lia-mini-pending{font-size:10px;line-height:1.1;border-radius:4px;background:#fff6e3;color:#83631d;padding:4px 7px;font-weight:700}
.lia-mini-date{color:#738198;font-size:9px;line-height:1;min-height:9px}
.lia-mini-more{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px;background:#0b3a6a;color:white!important;font-weight:800;font-size:11px;line-height:1.1;text-decoration:none!important}
.lia-mini-more:hover{background:#0a3158;color:white!important}
.lia-mini-more span{font-size:17px;line-height:.75}
@media(min-width:768px){#lia-loterias-mobile-home{display:none!important}}
@media(max-width:767px){#lia-loterias-mobile-home{width:calc(100% - 4px);max-width:360px;margin:12px 0 15px}.lia-mini-widget{max-width:360px}}
@media(max-width:355px){.lia-mini-widget .lia-mini-name{font-size:11px}.lia-mini-balls{gap:3px}.lia-mini-balls b{width:22px;height:22px}}

/* Ajuste compacto horizontal: fecha y números en la misma línea. */
.lia-mini-row{min-height:34px;padding:4px 0}
.lia-mini-data{flex-direction:row;gap:6px;align-items:center;justify-content:flex-end;min-width:0}
.lia-mini-date{min-width:43px;text-align:right;font-size:8px;white-space:nowrap}
.lia-mini-heading{padding:9px 11px 7px}
.lia-mini-heading small{margin-top:2px}
.lia-mini-more{padding:9px 11px}
