/* LumiFix Studio · Promociones patrocinadas (v9)
   Los colores, la tipografía y el redondeo los pone ads-widget.js leyendo la página (variables --lx-*); aquí hay valores de respaldo. */
.lx-sponsored,.lx-ad-corner{--lx-bg:#fff;--lx-bg2:#f3f5f8;--lx-fg:#172033;--lx-mut:rgba(23,32,51,.66);--lx-line:rgba(23,32,51,.11);--lx-ac:#176f5d;--lx-ac2:#0f5a4a;--lx-acsoft:rgba(23,111,93,.12);--lx-acfg:#fff;--lx-r:16px;--lx-font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--lx-shadow:0 18px 44px rgba(15,23,42,.18)}

/* Aislamiento: el bloque se ve igual aunque la página tenga estilos globales para h3, p, a o button */
.lx-ad,.lx-ad *,.lx-sponsored,.lx-sponsored *{box-sizing:border-box;font-family:var(--lx-font);font-style:normal;text-align:left;text-transform:none;letter-spacing:normal;text-shadow:none;float:none}
.lx-ad h3,.lx-ad p,.lx-ad small,.lx-ad em,.lx-ad b,.lx-ad strong,.lx-ad span{margin:0;padding:0;max-width:none;width:auto;opacity:1}

/* ---------- Tarjeta ---------- */
.lx-ad{position:relative;overflow:hidden;color:var(--lx-fg);background:var(--lx-bg);border:1px solid var(--lx-line);border-radius:var(--lx-r);line-height:1.4;font-weight:400;transition:transform .25s ease,box-shadow .25s ease,opacity .35s ease,max-height .38s ease,margin .38s ease}
.lx-ad .lx-ad-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;background:none;border:0;padding:0;margin:0}
.lx-ad .lx-ad-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--lx-bg2)}
.lx-ad .lx-ad-media img{display:block;width:100%;height:100%;max-width:none;min-height:0;object-fit:cover;border-radius:0;transition:transform .6s ease}
.lx-ad .lx-ad-media:after{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(to top,rgba(0,0,0,.28),transparent);pointer-events:none}
.lx-ad .lx-ad-link:hover .lx-ad-media img{transform:scale(1.05)}
.lx-ad .lx-ad-body{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:14px 16px 16px;min-width:0;flex:1}
.lx-ad .lx-ad-top{display:flex;align-items:center;gap:8px;width:100%;min-width:0;padding-right:30px}
.lx-ad .lx-ad-av{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--lx-ac);color:var(--lx-acfg);font-size:11px;font-weight:800}
.lx-ad .lx-ad-brand{flex:1;min-width:0;font-size:12px;font-weight:650;color:var(--lx-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-ad .lx-ad-pill{flex:none;font-size:9.5px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--lx-mut);border:1px solid var(--lx-line);border-radius:999px;padding:3px 8px}
.lx-ad h3{font-size:16.5px;line-height:1.28;font-weight:750;color:var(--lx-fg);letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lx-ad p{font-size:13px;line-height:1.5;color:var(--lx-mut);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lx-ad .lx-ad-chip{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 10px;width:100%;padding:9px 12px;border-radius:calc(var(--lx-r) - 6px);background:var(--lx-bg2);border:1px solid var(--lx-line)}
.lx-ad .lx-ad-chip span{font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--lx-mut)}
.lx-ad .lx-ad-chip b{font-size:12.5px;font-weight:700;color:var(--lx-fg);overflow-wrap:anywhere}
.lx-ad .lx-ad-chip strong{margin-left:auto;font-size:14.5px;font-weight:800;color:var(--lx-ac);letter-spacing:-.01em}
.lx-ad .lx-ad-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:auto;padding:10px 16px;border-radius:999px;background:var(--lx-ac);color:var(--lx-acfg);font-size:13px;font-weight:700;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.lx-ad .lx-ad-link:hover .lx-ad-cta{background:var(--lx-ac2);box-shadow:0 8px 18px -8px var(--lx-ac)}
.lx-ad .lx-ad-link:hover .lx-ad-cta svg{transform:translate(2px,-2px)}
.lx-ad .lx-ad-cta svg{transition:transform .2s ease}
.lx-ad .lx-ad-link:focus-visible{outline:2px solid var(--lx-ac);outline-offset:-2px}
.lx-ad button.lx-ad-x{position:absolute;top:10px;right:10px;z-index:3;display:grid;place-items:center;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(15,23,42,.55);color:#fff;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s ease,transform .2s ease;box-shadow:none;min-width:0;min-height:0}
.lx-ad button.lx-ad-x:hover{background:rgba(15,23,42,.8);transform:scale(1.08)}
.lx-ad button.lx-ad-x:focus-visible{outline:2px solid #fff;outline-offset:2px}
.lx-ad:not(.has-img) button.lx-ad-x{background:var(--lx-bg2);color:var(--lx-mut);backdrop-filter:none}
.lx-ad:not(.has-img) button.lx-ad-x:hover{background:var(--lx-line);color:var(--lx-fg)}
.lx-ad.has-img .lx-ad-top{padding-right:0}

/* ---------- Esquina flotante: aparece un rato y se va sola ---------- */
.lx-ad-corner{position:fixed;z-index:2147483000;width:min(372px,calc(100vw - 24px));pointer-events:none;opacity:0;transition:opacity .38s ease,transform .5s cubic-bezier(.2,.9,.25,1.05)}
.lx-ad-corner .lx-ad{pointer-events:auto;box-shadow:var(--lx-shadow)}
.lx-ad-corner[data-pos="br"]{right:18px;bottom:calc(88px + env(safe-area-inset-bottom,0px));transform:translate3d(28px,18px,0) scale(.97)}
.lx-ad-corner[data-pos="bl"]{left:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translate3d(-28px,18px,0) scale(.97)}
.lx-ad-corner[data-pos="tr"]{right:18px;top:86px;transform:translate3d(28px,-18px,0) scale(.97)}
.lx-ad-corner.in{opacity:1;transform:none}
.lx-ad-corner.out{opacity:0}
.lx-ad-corner .lx-ad:hover{transform:translateY(-2px)}
/* Barra de tiempo: indica cuánto le queda; se detiene si la persona la mira */
.lx-ad-corner .lx-ad-bar{position:absolute;left:0;right:0;bottom:0;height:3px;margin:0 0 0 0;background:var(--lx-ac);transform-origin:left center;border-radius:0 0 var(--lx-r) var(--lx-r);pointer-events:none;opacity:0}
.lx-ad-corner.in .lx-ad-bar{opacity:.9;animation:lxbar var(--lx-dur,15000ms) linear forwards}
.lx-ad-corner:hover .lx-ad-bar,.lx-ad-corner:focus-within .lx-ad-bar{animation-play-state:paused}
@keyframes lxbar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.lx-ad-corner .lx-ad .lx-ad-body{padding:13px 15px 15px}
.lx-ad-corner .lx-ad .lx-ad-media{aspect-ratio:16/8}

/* ---------- Integrada en listados ---------- */
.lx-sponsored{grid-column:1/-1;width:100%;min-width:0;margin:20px auto 26px;padding:0 18px;color:var(--lx-fg);position:relative;z-index:1}
.lx-sponsored-inner{max-width:1240px;margin:auto;width:100%}
.lx-sponsored-top{display:flex;align-items:center;gap:12px;margin:0 2px 12px;color:var(--lx-mut);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.lx-sponsored-top:after{content:"";flex:1;height:1px;background:var(--lx-line)}
.lx-sponsored-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;align-items:start}
.lx-ad--inline .lx-ad-media{aspect-ratio:auto;height:176px}
.lx-ad--inline .lx-ad-link{height:auto}
.lx-sponsored-grid[data-n="1"]{grid-template-columns:minmax(0,1fr)}
.lx-ad--inline:hover{transform:translateY(-3px);box-shadow:0 16px 34px -14px rgba(15,23,42,.28)}
.lx-ad--inline.gone{opacity:0;transform:scale(.97);max-height:0!important;margin:0;border-width:0}
/* Un solo anuncio: tarjeta ancha en horizontal */
@media(min-width:720px){
  .lx-sponsored-grid[data-n="1"] .lx-ad--inline .lx-ad-link{flex-direction:row}
  .lx-sponsored-grid[data-n="1"] .lx-ad--inline .lx-ad-media{height:auto;width:36%;max-width:380px;min-height:190px}
  .lx-sponsored-grid[data-n="1"] .lx-ad--inline .lx-ad-body{justify-content:center;padding:22px 28px;gap:11px}
  .lx-sponsored-grid[data-n="1"] .lx-ad--inline h3{font-size:21px}
  .lx-sponsored-grid[data-n="1"] .lx-ad--inline p{font-size:14px;max-width:62ch}
  .lx-sponsored-grid[data-n="1"] .lx-ad--inline .lx-ad-cta{margin-top:4px}
  .lx-sponsored-grid[data-n="1"] .lx-ad--inline .lx-ad-chip{width:auto;max-width:100%}
}

/* ---------- Móvil ---------- */
@media(max-width:560px){
  .lx-ad-corner{width:auto;left:10px!important;right:10px!important}
  .lx-ad-corner[data-pos="br"],.lx-ad-corner[data-pos="bl"]{bottom:calc(10px + env(safe-area-inset-bottom,0px));top:auto}
  .lx-ad-corner[data-pos="br"]{bottom:calc(78px + env(safe-area-inset-bottom,0px))}
  .lx-ad-corner[data-pos="tr"]{top:68px}
  .lx-ad-corner .lx-ad .lx-ad-media{aspect-ratio:16/7}
  .lx-sponsored{padding:0 12px}
}
@media(prefers-reduced-motion:reduce){.lx-ad-corner,.lx-ad,.lx-ad *{transition:none!important}.lx-ad-corner{transform:none!important}.lx-ad-corner.in .lx-ad-bar{animation-duration:var(--lx-dur,15000ms)}}
@media print{.lx-ad-corner,.lx-sponsored{display:none!important}}

/* ============ Diseño personalizado (data-lxd): lo define el administrador en Centro de Publicidad → Diseño de tarjeta ============ */
[data-lxd] .lx-ad{background:var(--lx-fill,var(--lx-bg));border-width:var(--lx-bw,1px);border-style:solid}
[data-lxd] .lx-ad .lx-ad-body{padding:var(--lx-pad,14px 16px 16px)}
[data-lxd] .lx-ad h3{font-size:var(--lx-tsize,16.5px);font-weight:var(--lx-tweight,750);-webkit-line-clamp:var(--lx-tlines,2)}
[data-lxd] .lx-ad p{font-size:var(--lx-psize,13px);-webkit-line-clamp:var(--lx-plines,2)}
[data-lxd][data-shadow="none"] .lx-ad,[data-lxd][data-shadow="none"] .lx-ad:hover{box-shadow:none}
[data-lxd]:not([data-shadow="auto"]) .lx-ad{box-shadow:var(--lx-shadow)}
[data-lxd][data-hover="none"] .lx-ad,[data-lxd][data-hover="none"] .lx-ad:hover,[data-lxd][data-hover="none"] .lx-ad-corner .lx-ad:hover{transform:none}
[data-lxd][data-hover="none"] .lx-ad .lx-ad-link:hover .lx-ad-media img{transform:none}
.lx-ad-corner[data-lxd]{width:min(var(--lx-w,372px),calc(100vw - 24px))}

/* Alineación */
[data-lxd][data-align="center"] .lx-ad .lx-ad-body{align-items:center;text-align:center}
[data-lxd][data-align="center"] .lx-ad h3,[data-lxd][data-align="center"] .lx-ad p{text-align:center}
[data-lxd][data-align="center"] .lx-ad .lx-ad-chip{justify-content:center;text-align:center}
[data-lxd][data-align="center"] .lx-ad .lx-ad-chip strong{margin-left:0}

/* Franja de color arriba */
[data-lxd][data-bar="1"] .lx-ad:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--lx-ac);z-index:2}

/* Imagen: proporción y colocación */
[data-lxd] .lx-ad .lx-ad-media{aspect-ratio:var(--lx-ratio,16/9)}
[data-lxd] .lx-ad--inline .lx-ad-media,[data-lxd] .lx-ad-corner .lx-ad .lx-ad-media{height:auto}
[data-lxd][data-layout="top"] .lx-sponsored-grid[data-n="1"] .lx-ad--inline .lx-ad-link{flex-direction:column}
[data-lxd][data-layout="top"] .lx-sponsored-grid[data-n="1"] .lx-ad--inline .lx-ad-media{width:auto;max-width:none;min-height:0}
@media(min-width:720px){
  [data-lxd][data-layout="side"] .lx-ad .lx-ad-link{flex-direction:row}
  [data-lxd][data-layout="side"] .lx-ad .lx-ad-media{width:38%;max-width:380px;aspect-ratio:auto;min-height:170px;flex:none}
  [data-lxd][data-layout="side"] .lx-ad .lx-ad-body{justify-content:center}
}
[data-lxd][data-layout="overlay"] .lx-ad.has-img .lx-ad-link{position:relative;min-height:230px;justify-content:flex-end}
[data-lxd][data-layout="overlay"] .lx-ad.has-img .lx-ad-media{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;max-width:none}
[data-lxd][data-layout="overlay"] .lx-ad.has-img .lx-ad-media:after{height:100%;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.25) 65%,rgba(0,0,0,.1))}
[data-lxd][data-layout="overlay"] .lx-ad.has-img .lx-ad-body{position:relative;z-index:1;flex:none;color:#fff;margin-top:auto}
[data-lxd][data-layout="overlay"] .lx-ad.has-img h3{color:#fff}
[data-lxd][data-layout="overlay"] .lx-ad.has-img p,[data-lxd][data-layout="overlay"] .lx-ad.has-img .lx-ad-brand{color:rgba(255,255,255,.86)}
[data-lxd][data-layout="overlay"] .lx-ad.has-img .lx-ad-pill{color:#fff;border-color:rgba(255,255,255,.45)}
[data-lxd][data-layout="overlay"] .lx-ad.has-img .lx-ad-chip{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);backdrop-filter:blur(6px)}
[data-lxd][data-layout="overlay"] .lx-ad.has-img .lx-ad-chip span,[data-lxd][data-layout="overlay"] .lx-ad.has-img .lx-ad-chip b{color:#fff}

/* Botón */
[data-lxd] .lx-ad .lx-ad-cta{border:1.5px solid transparent}
[data-lxd][data-cta-shape="round"] .lx-ad .lx-ad-cta{border-radius:10px}
[data-lxd][data-cta-shape="square"] .lx-ad .lx-ad-cta{border-radius:3px}
[data-lxd][data-cta-full="1"] .lx-ad .lx-ad-cta{align-self:stretch}
[data-lxd][data-cta="soft"] .lx-ad .lx-ad-cta{background:var(--lx-acsoft);color:var(--lx-ac)}
[data-lxd][data-cta="soft"] .lx-ad .lx-ad-link:hover .lx-ad-cta{background:var(--lx-ac);color:var(--lx-acfg);box-shadow:none}
[data-lxd][data-cta="outline"] .lx-ad .lx-ad-cta{background:transparent;color:var(--lx-ac);border-color:var(--lx-ac)}
[data-lxd][data-cta="outline"] .lx-ad .lx-ad-link:hover .lx-ad-cta{background:var(--lx-ac);color:var(--lx-acfg);box-shadow:none}
[data-lxd][data-cta="link"] .lx-ad .lx-ad-cta{background:none;color:var(--lx-ac);padding:4px 0;justify-content:flex-start;box-shadow:none}
[data-lxd][data-cta="link"] .lx-ad .lx-ad-link:hover .lx-ad-cta{background:none;box-shadow:none;text-decoration:underline}
[data-lxd][data-cta="link"][data-align="center"] .lx-ad .lx-ad-cta{justify-content:center}

/* Tarjeta flotante: forma de entrada y barra de tiempo */
.lx-ad-corner[data-anim="fade"]{transform:none!important}
.lx-ad-corner[data-anim="pop"][data-pos]{transform:scale(.82)}
.lx-ad-corner[data-anim="pop"].in{transform:none}
.lx-ad-corner[data-fbar="0"] .lx-ad-bar{display:none}
@media(prefers-reduced-motion:reduce){.lx-ad-corner[data-anim]{transform:none!important}}
@media(min-width:720px){
  [data-lxd] .lx-sponsored-grid[data-n="1"] .lx-ad--inline h3{font-size:calc(var(--lx-tsize,17px)*1.2)}
  [data-lxd] .lx-sponsored-grid[data-n="1"] .lx-ad--inline p{font-size:calc(var(--lx-psize,13px) + 1px)}
}
[data-lxd][data-layout="overlay"] .lx-sponsored-grid[data-n] .lx-ad--inline.has-img .lx-ad-link{flex-direction:column}
[data-lxd][data-layout="overlay"] .lx-sponsored-grid[data-n="1"] .lx-ad--inline.has-img .lx-ad-body{padding:28px 32px;max-width:640px}

/* ===== Botón cerrar: X redonda semitransparente, solo CSS (sin letras ni iconos) ===== */
.lx-ad button.lx-ad-x,
.lx-ad:not(.has-img) button.lx-ad-x{position:relative;display:block;flex:none;width:28px;height:28px;min-width:0;min-height:0;padding:0;margin:0;border:0;border-radius:50%;background:rgba(15,23,42,.45);color:transparent;font-size:0;line-height:0;cursor:pointer;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s ease,transform .2s ease;position:absolute;top:10px;right:10px;z-index:3;}
.lx-ad button.lx-ad-x>*,
.lx-ad:not(.has-img) button.lx-ad-x>*{display:none}
.lx-ad button.lx-ad-x::before,
.lx-ad:not(.has-img) button.lx-ad-x::before,
.lx-ad button.lx-ad-x::after,
.lx-ad:not(.has-img) button.lx-ad-x::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:2px;background:rgba(255,255,255,.8);transform:translate(-50%,-50%) rotate(45deg);transition:background .2s ease}
.lx-ad button.lx-ad-x::after,
.lx-ad:not(.has-img) button.lx-ad-x::after{transform:translate(-50%,-50%) rotate(-45deg)}
.lx-ad button.lx-ad-x:hover,
.lx-ad:not(.has-img) button.lx-ad-x:hover{background:rgba(15,23,42,.7);transform:scale(1.08)}
.lx-ad button.lx-ad-x:hover::before,
.lx-ad:not(.has-img) button.lx-ad-x:hover::before,
.lx-ad button.lx-ad-x:hover::after,
.lx-ad:not(.has-img) button.lx-ad-x:hover::after{background:rgba(255,255,255,.98)}
.lx-ad:not(.has-img) button.lx-ad-x{background:rgba(15,23,42,.08);backdrop-filter:none;-webkit-backdrop-filter:none}
.lx-ad:not(.has-img) button.lx-ad-x::before,.lx-ad:not(.has-img) button.lx-ad-x::after{background:rgba(23,32,51,.5)}
.lx-ad:not(.has-img) button.lx-ad-x:hover{background:rgba(15,23,42,.16)}
.lx-ad:not(.has-img) button.lx-ad-x:hover::before,.lx-ad:not(.has-img) button.lx-ad-x:hover::after{background:rgba(23,32,51,.85)}