/* LoterIA 0.1.8 — 10 estilos opcionales para tarjetas. CSS encapsulado en widgets LoterIA. */
/* Los nombres de skin son una lista blanca de PHP; nunca se inyecta CSS a través de atributos. */

/* 01 — Violeta Premium */
.loteria-results.loteria-skin-violeta,.loteria-extra.loteria-skin-violeta{
 --lia-skin-surface:linear-gradient(142deg,#221244 0%,#542b8c 57%,#b02b8f 100%);
 --lia-skin-text:#fff;--lia-skin-muted:#f2dfff;--lia-skin-border:#aa72e8;
 --lia-skin-chip:rgba(255,255,255,.17);--lia-skin-ball:linear-gradient(150deg,#f7bcfd,#cc67f8);
 --lia-skin-ball-text:#331047;--lia-skin-shadow:0 16px 32px rgba(97,29,130,.26);
 --lia-skin-radius:22px;
}
/* 02 — Neón Digital */
.loteria-results.loteria-skin-neon,.loteria-extra.loteria-skin-neon{
 --lia-skin-surface:linear-gradient(155deg,#07131e,#051a24 60%,#0a1420);
 --lia-skin-text:#f3ffff;--lia-skin-muted:#abd2da;--lia-skin-border:#1cc6c7;
 --lia-skin-chip:#102f37;--lia-skin-ball:linear-gradient(145deg,#43f9c0,#26dff1);
 --lia-skin-ball-text:#02181d;--lia-skin-shadow:0 10px 30px rgba(0,222,209,.18);
 --lia-skin-radius:16px;
}
/* 03 — Cristal Esmerilado */
.loteria-results.loteria-skin-cristal,.loteria-extra.loteria-skin-cristal{
 --lia-skin-surface:linear-gradient(145deg,rgba(255,255,255,.94),rgba(223,239,255,.91) 52%,rgba(249,218,250,.90));
 --lia-skin-text:#20345b;--lia-skin-muted:#4b5880;--lia-skin-border:rgba(121,151,206,.58);
 --lia-skin-chip:rgba(255,255,255,.80);--lia-skin-ball:linear-gradient(145deg,#75b7f0,#9b8be9);
 --lia-skin-ball-text:#0b2148;--lia-skin-shadow:0 14px 35px rgba(92,125,177,.20);
 --lia-skin-radius:25px;
}
/* 04 — Oro Negro */
.loteria-results.loteria-skin-oro,.loteria-extra.loteria-skin-oro{
 --lia-skin-surface:linear-gradient(155deg,#141414,#2e2921 65%,#171513);
 --lia-skin-text:#ffe8ad;--lia-skin-muted:#e4cb95;--lia-skin-border:#8f7440;
 --lia-skin-chip:#443621;--lia-skin-ball:linear-gradient(145deg,#fff4b8,#d7a637 68%,#a46b17);
 --lia-skin-ball-text:#2c1d09;--lia-skin-shadow:0 12px 30px rgba(65,44,7,.32);
 --lia-skin-radius:18px;
}
/* 05 — Minimal Blanco */
.loteria-results.loteria-skin-minimal,.loteria-extra.loteria-skin-minimal{
 --lia-skin-surface:#ffffff;
 --lia-skin-text:#172133;--lia-skin-muted:#53617a;--lia-skin-border:#aeb9c9;
 --lia-skin-chip:#f1f5f9;--lia-skin-ball:#f5f7fa;
 --lia-skin-ball-text:#14223a;--lia-skin-shadow:0 3px 11px rgba(16,24,40,.06);
 --lia-skin-radius:7px;
}
/* 06 — Aurora Boreal */
.loteria-results.loteria-skin-aurora,.loteria-extra.loteria-skin-aurora{
 --lia-skin-surface:linear-gradient(127deg,#10265f 0%,#235a93 32%,#10665f 69%,#6b2f88 100%);
 --lia-skin-text:#ffffff;--lia-skin-muted:#e3f8f6;--lia-skin-border:#8fd9e2;
 --lia-skin-chip:rgba(13,34,75,.55);--lia-skin-ball:linear-gradient(155deg,#9ffff4,#a3bcff);
 --lia-skin-ball-text:#183256;--lia-skin-shadow:0 16px 34px rgba(29,100,142,.24);
 --lia-skin-radius:23px;
}
/* 07 — Boleto de Sorteo */
.loteria-results.loteria-skin-boleto,.loteria-extra.loteria-skin-boleto{
 --lia-skin-surface:repeating-linear-gradient(0deg,#fffaf0 0px,#fffaf0 23px,#faf0db 24px);
 --lia-skin-text:#3d3429;--lia-skin-muted:#66543f;--lia-skin-border:#a78a65;
 --lia-skin-chip:#f0e2c6;--lia-skin-ball:#e2be81;
 --lia-skin-ball-text:#34230c;--lia-skin-shadow:0 8px 0 rgba(134,105,70,.11);
 --lia-skin-radius:6px;
}
/* 08 — Retro Pop */
.loteria-results.loteria-skin-retro,.loteria-extra.loteria-skin-retro{
 --lia-skin-surface:linear-gradient(150deg,#fff0b6,#f7b9a1 85%);
 --lia-skin-text:#4a2439;--lia-skin-muted:#64374c;--lia-skin-border:#a5435e;
 --lia-skin-chip:#ffe39b;--lia-skin-ball:linear-gradient(130deg,#e64b73,#ae345d);
 --lia-skin-ball-text:#ffffff;--lia-skin-shadow:7px 8px 0 rgba(139,57,90,.2);
 --lia-skin-radius:20px;
}
/* 09 — Océano Profundo */
.loteria-results.loteria-skin-oceano,.loteria-extra.loteria-skin-oceano{
 --lia-skin-surface:linear-gradient(145deg,#07335e,#066b83 68%,#128c92);
 --lia-skin-text:#fff;--lia-skin-muted:#caedf6;--lia-skin-border:#5fc0cd;
 --lia-skin-chip:rgba(255,255,255,.15);--lia-skin-ball:linear-gradient(140deg,#bef9f5,#45ddcf);
 --lia-skin-ball-text:#0c3b50;--lia-skin-shadow:0 14px 28px rgba(8,87,131,.25);
 --lia-skin-radius:19px;
}
/* 10 — Alto Contraste */
.loteria-results.loteria-skin-contraste,.loteria-extra.loteria-skin-contraste{
 --lia-skin-surface:#050505;
 --lia-skin-text:#ffffff;--lia-skin-muted:#f5f5f5;--lia-skin-border:#faff30;
 --lia-skin-chip:#303030;--lia-skin-ball:#faff30;
 --lia-skin-ball-text:#050505;--lia-skin-shadow:0 0 0 2px #faff30;
 --lia-skin-radius:3px;
}

/* Reglas compartidas. El tema queda intacto en «Clásico». */
.loteria-results[class*="loteria-skin-"]:not(.loteria-skin-clasico) .loteria-card{
 position:relative;background:var(--lia-skin-surface);color:var(--lia-skin-text);
 border:1px solid var(--lia-skin-border);border-radius:var(--lia-skin-radius);
 box-shadow:var(--lia-skin-shadow);
}
.loteria-results[class*="loteria-skin-"]:not(.loteria-skin-clasico) .loteria-card h3{
 color:var(--lia-skin-text);
}
.loteria-results[class*="loteria-skin-"]:not(.loteria-skin-clasico) :is(.loteria-eyebrow,.loteria-meta,.loteria-source,.loteria-disclaimer){
 color:var(--lia-skin-muted);
}
.loteria-results[class*="loteria-skin-"]:not(.loteria-skin-clasico) .loteria-source{
 border-color:var(--lia-skin-border);
}
.loteria-results[class*="loteria-skin-"]:not(.loteria-skin-clasico) .loteria-date{
 color:var(--lia-skin-text);background:var(--lia-skin-chip);
 border:1px solid var(--lia-skin-border);
}
.loteria-results[class*="loteria-skin-"]:not(.loteria-skin-clasico) .loteria-ball{
 background:var(--lia-skin-ball);color:var(--lia-skin-ball-text);
 box-shadow:0 2px 8px rgba(0,0,0,.13);
}
.loteria-results[class*="loteria-skin-"]:not(.loteria-skin-clasico) .loteria-source a{
 color:inherit;text-underline-offset:2px;
}
.loteria-results[class*="loteria-skin-"]:not(.loteria-skin-clasico) .loteria-alert{
 color:var(--lia-skin-muted);
}
.loteria-results[class*="loteria-skin-"]:not(.loteria-skin-clasico) .loteria-card--historico{
 border-style:dashed;
}
/* Cabezas del día */
.loteria-extra[class*="loteria-skin-"]:not(.loteria-skin-clasico){
 background:var(--lia-skin-surface);color:var(--lia-skin-text);
 border-color:var(--lia-skin-border);border-radius:var(--lia-skin-radius);
 box-shadow:var(--lia-skin-shadow);
}
.loteria-extra[class*="loteria-skin-"]:not(.loteria-skin-clasico) :is(h3,.loteria-head-tile strong){color:var(--lia-skin-text)}
.loteria-extra[class*="loteria-skin-"]:not(.loteria-skin-clasico) :is(.loteria-extra-foot,.loteria-extra-title>span,.loteria-head-tile small,.loteria-head-tile span,.loteria-head-tile em){color:var(--lia-skin-muted)}
.loteria-extra[class*="loteria-skin-"]:not(.loteria-skin-clasico) .loteria-head-tile{
 background:var(--lia-skin-chip);border-color:var(--lia-skin-border);
 border-radius:calc(var(--lia-skin-radius) * .7);
}
/* Acabados que separan visualmente las opciones más allá de la paleta. */
.loteria-results.loteria-skin-neon .loteria-card{
 border-width:2px;box-shadow:0 0 18px rgba(32,220,224,.19),inset 0 0 22px rgba(12,97,91,.14);
}
.loteria-results.loteria-skin-neon .loteria-ball{box-shadow:0 0 11px rgba(47,236,195,.42)}
.loteria-results.loteria-skin-cristal .loteria-card{backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.loteria-results.loteria-skin-oro .loteria-card{border-top:3px solid #ebc873}
.loteria-results.loteria-skin-minimal .loteria-ball{border:1px solid #8d9aaa;box-shadow:none}
.loteria-results.loteria-skin-minimal .loteria-card h3{font-weight:650}
.loteria-results.loteria-skin-boleto .loteria-card{border:2px dashed #a78a65}
.loteria-results.loteria-skin-boleto .loteria-card::before,.loteria-results.loteria-skin-boleto .loteria-card::after{
 content:"";position:absolute;top:65%;height:16px;width:9px;background:#fff;border:1px solid #a78a65;
}
.loteria-results.loteria-skin-boleto .loteria-card::before{left:-3px;border-radius:0 100% 100% 0;border-left:0}
.loteria-results.loteria-skin-boleto .loteria-card::after{right:-3px;border-radius:100% 0 0 100%;border-right:0}
.loteria-results.loteria-skin-boleto .loteria-ball{border-radius:5px}
.loteria-results.loteria-skin-retro .loteria-card h3{text-transform:uppercase;letter-spacing:.04em}
.loteria-results.loteria-skin-contraste .loteria-ball{border:1px solid #fff;box-shadow:none}
.loteria-results.loteria-skin-contraste .loteria-card h3{font-weight:900}
@media(prefers-reduced-motion:no-preference){
 .loteria-results[class*="loteria-skin-"]:not(.loteria-skin-clasico) .loteria-card{transition:box-shadow .18s ease,transform .18s ease}
 .loteria-results[class*="loteria-skin-"]:not(.loteria-skin-clasico) .loteria-card:hover{transform:translateY(-2px)}
}