/* Estilos mínimos para usar los widgets con un tema que no sea La Clave. */

:root{
	--lc-bg:#f3f4f6;--lc-surface:#fff;--lc-surface-2:#f7f8fa;
	--lc-ink:#14151a;--lc-ink-2:#697280;--lc-border:#e3e6ea;
	--lc-radius:6px;--lc-accent:#e2141a;--lc-accent-ink:#fff;
	--lc-accent-soft:rgba(226,20,26,.1);
	--lc-font-head:inherit;--lc-title-scale:1;
	--lc-shadow-lg:0 18px 40px rgba(18,20,28,.12);
}

.lc-grid{display:grid;gap:26px}
.lc-grid--1{grid-template-columns:minmax(0,1fr)}
.lc-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lc-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lc-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lc-stack{display:flex;flex-direction:column;gap:22px}

.lc-thumb{position:relative;margin:0;overflow:hidden;border-radius:var(--lc-radius);background:var(--lc-surface-2)}
.lc-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.lc-card:hover .lc-thumb img{transform:scale(1.05)}

.lc-card{margin:0}
.lc-card__title{margin:0 0 8px;font-size:calc(19px * var(--lc-title-scale));line-height:1.3;font-family:var(--lc-font-head);font-weight:800}
.lc-card__title a{color:inherit;text-decoration:none}
.lc-card__title a:hover{color:var(--lc-accent)}
.lc-card--grid{background:var(--lc-surface);border:1px solid var(--lc-border);border-radius:var(--lc-radius);overflow:hidden}
.lc-card--grid .lc-thumb{border-radius:0;aspect-ratio:16/10}
.lc-card--grid .lc-card__body{padding:16px 18px 18px}
.lc-card--list{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}
.lc-card--list .lc-thumb{aspect-ratio:4/3}
.lc-card--mini{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--lc-border)}
.lc-card--mini .lc-thumb{aspect-ratio:4/3}
.lc-card--mini .lc-card__title{font-size:15.5px}
.lc-card--overlay{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:240px;border-radius:var(--lc-radius);overflow:hidden;color:#fff}
.lc-card--overlay .lc-thumb{position:absolute;inset:0;border-radius:0;height:100%}
.lc-card--overlay .lc-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,9,12,.92),rgba(8,9,12,.5) 45%,rgba(8,9,12,.08))}
.lc-card--overlay .lc-card__body{position:relative;z-index:2;padding:22px}
.lc-card--overlay .lc-card__title a{color:#fff}
.lc-card--tall{min-height:340px}
.lc-card__index{display:block;font-weight:900;font-size:24px;color:var(--lc-accent);opacity:.35;line-height:1}

.lc-cats{display:flex;gap:6px;margin-bottom:8px}
.lc-cat{display:inline-block;padding:3px 9px;border-radius:3px;background:var(--lc-accent);color:var(--lc-accent-ink);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;text-decoration:none}
.lc-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--lc-ink-2);font-size:12.5px}
.lc-meta__item+.lc-meta__item::before{content:"•";margin-right:8px;opacity:.5}
.lc-excerpt{color:var(--lc-ink-2);font-size:14.5px;margin:0 0 10px}

.lc-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;border-bottom:2px solid var(--lc-border)}
.lc-section-head__title{margin:0;font-size:17px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;font-family:var(--lc-font-head)}
.lc-section-head__title span{display:inline-block;padding-bottom:10px;border-bottom:2px solid var(--lc-accent);margin-bottom:-2px}
.lc-section-head__more{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;text-transform:uppercase;color:var(--lc-ink-2);text-decoration:none;padding-bottom:10px}
.lc-section-head__more:hover{color:var(--lc-accent)}

.lc-split{display:grid;grid-template-columns:1.15fr 1fr;gap:26px;align-items:start}

.lc-hero__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:16px}
.lc-hero__item--lead{grid-column:span 2;grid-row:span 2}
.lc-hero__item--lead .lc-card__title{font-size:calc(32px * var(--lc-title-scale))}

.lc-ticker{background:var(--lc-surface);border-block:1px solid var(--lc-border)}
.lc-ticker__inner{display:flex;align-items:center;gap:16px;height:46px;overflow:hidden}
.lc-ticker__label{display:inline-flex;align-items:center;gap:8px;flex:none;height:100%;padding:0 16px;background:var(--lc-accent);color:var(--lc-accent-ink);font-weight:800;font-size:12.5px;text-transform:uppercase;letter-spacing:.08em}
.lc-ticker__viewport{overflow:hidden;flex:1;height:100%}
.lc-ticker__track{display:flex;align-items:center;height:100%;gap:34px;width:max-content;animation:lc-marquee 40s linear infinite}
.lc-ticker:hover .lc-ticker__track{animation-play-state:paused}
.lc-ticker__item{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:14.5px;font-weight:600;text-decoration:none;color:inherit}
.lc-ticker__dot{width:5px;height:5px;border-radius:50%;background:var(--lc-accent)}
@keyframes lc-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.lc-slider{position:relative;overflow:hidden;border-radius:var(--lc-radius)}
.lc-slider__track{display:flex;transition:transform .55s cubic-bezier(.4,.1,.2,1)}
.lc-slide{flex:0 0 100%;min-height:440px;position:relative}
.lc-slider__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border:0;border-radius:50%;background:rgba(12,13,16,.5);color:#fff;display:flex;align-items:center;justify-content:center}
.lc-slider__nav:hover{background:var(--lc-accent)}
.lc-slider__nav--prev{left:16px}
.lc-slider__nav--next{right:16px}
.lc-slider__dots{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:5}
.lc-slider__dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45)}
.lc-slider__dots button.is-active{background:#fff;width:26px;border-radius:100px}

.lc-pulse{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:lc-pulse 1.8s infinite}
@keyframes lc-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}

@media (max-width:860px){
	.lc-grid--3,.lc-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
	.lc-hero__grid{grid-template-columns:repeat(2,1fr)}
	.lc-split{grid-template-columns:1fr}
}
@media (max-width:600px){
	.lc-grid--2,.lc-grid--3,.lc-grid--4{grid-template-columns:minmax(0,1fr)}
	.lc-card--list{grid-template-columns:130px minmax(0,1fr);gap:14px}
	.lc-hero__grid{grid-template-columns:1fr;grid-auto-rows:auto}
	.lc-hero__item{min-height:220px}
}
