/* LLOG Hero — hoja publica.
   El escudo de las dos primeras reglas evita que el tema (Avada) imponga
   su tipografia dentro del hero. Todo lo demas se declara con !important
   porque el comodin del escudo ya usa !important. */

.llh{
	--llh-red:#e2231a;
	--llh-red-2:#ff4b3f;
	--llh-shade:.62;
	--llh-min:460px;
	--llh-shot:330px;
	--llh-ink:#fff;
	--llh-ink-2:rgba(255,255,255,.74);
	--llh-ink-3:rgba(255,255,255,.48);
	--llh-line:rgba(255,255,255,.15);
	--llh-pad:clamp(18px,4vw,64px);
	position:relative!important;
	display:block!important;
	overflow:hidden!important;
	isolation:isolate;
	background:#07090c!important;
	color:var(--llh-ink)!important;
	font-family:"Archivo",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
	font-size:16px!important;
	font-weight:400!important;
	line-height:1.5!important;
	letter-spacing:normal!important;
	text-transform:none!important;
	text-decoration:none!important;
	box-sizing:border-box!important;
}
.llh *,.llh *::before,.llh *::after{
	font-family:inherit!important;
	font-size:inherit!important;
	font-weight:inherit!important;
	line-height:inherit!important;
	letter-spacing:inherit!important;
	text-transform:inherit!important;
	text-decoration:inherit!important;
	color:inherit!important;
	box-sizing:border-box!important;
	list-style:none!important;
	text-shadow:none!important;
	max-width:none;
}

.llh__bgwrap{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important}
.llh__bg{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 40%!important;display:block!important;border:0!important;border-radius:0!important}
.llh__shade{position:absolute!important;inset:0!important;display:block!important;
	background:
		linear-gradient(90deg,rgba(6,8,12,calc(var(--llh-shade) + .22)) 0%,rgba(6,8,12,var(--llh-shade)) 46%,rgba(6,8,12,calc(var(--llh-shade) * .45)) 100%),
		linear-gradient(180deg,rgba(6,8,12,.55) 0%,rgba(6,8,12,.05) 32%,rgba(6,8,12,.82) 100%)!important}

.llh__wrap{position:relative!important;z-index:2!important;max-width:1320px!important;margin:0 auto!important;
	padding:clamp(34px,6vw,74px) var(--llh-pad) clamp(24px,3.4vw,40px)!important}
.llh__grid{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr)!important;
	gap:clamp(20px,4vw,54px)!important;align-items:center!important;min-height:var(--llh-min)!important}

.llh__eyebrow{display:flex!important;align-items:center!important;gap:10px!important;
	margin:0 0 16px!important;padding:0!important;
	font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace!important;
	font-size:11px!important;font-weight:500!important;line-height:1!important;letter-spacing:.18em!important;
	text-transform:uppercase!important;color:var(--llh-ink-3)!important;min-height:11px}
.llh__eyebrow::before{content:""!important;display:block!important;width:26px!important;height:1px!important;
	background:var(--llh-red)!important;flex:none!important}

.llh__title{margin:0 0 18px!important;padding:0!important;
	font-size:clamp(31px,4.5vw,57px)!important;font-weight:800!important;line-height:1.05!important;
	letter-spacing:-.022em!important;color:var(--llh-ink)!important;text-wrap:balance}
.llh__sub{margin:0 0 26px!important;padding:0!important;max-width:46ch;
	font-size:clamp(15px,1.3vw,18px)!important;line-height:1.6!important;color:var(--llh-ink-2)!important}

.llh__cta{display:flex!important;flex-wrap:wrap!important;gap:12px!important}
.llh__btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;
	padding:15px 24px!important;margin:0!important;border-radius:10px!important;
	font-size:13px!important;font-weight:600!important;line-height:1!important;letter-spacing:.06em!important;
	text-transform:uppercase!important;text-decoration:none!important;
	transition:background .18s ease,border-color .18s ease,color .18s ease!important}
.llh__btn--1{background:var(--llh-red)!important;border:1px solid var(--llh-red)!important;color:#fff!important}
.llh__btn--1:hover,.llh__btn--1:focus{background:var(--llh-red-2)!important;border-color:var(--llh-red-2)!important;color:#fff!important}
.llh__btn--2{background:transparent!important;border:1px solid rgba(255,255,255,.34)!important;color:#fff!important}
.llh__btn--2:hover,.llh__btn--2:focus{background:rgba(255,255,255,.08)!important;border-color:#fff!important;color:#fff!important}
.llh__btn[hidden]{display:none!important}

.llh__side{position:relative!important}
.llh__stage{position:relative!important;display:grid!important;place-items:center!important;
	min-height:min(var(--llh-shot),58vh)!important}
.llh__glow{position:absolute!important;width:76%!important;aspect-ratio:1!important;border-radius:50%!important;
	background:radial-gradient(circle,rgba(226,35,26,.32) 0%,rgba(226,35,26,.09) 42%,rgba(226,35,26,0) 70%)!important;
	pointer-events:none!important}
.llh__slide{grid-area:1/1!important;margin:0!important;padding:0!important;position:relative!important;
	width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;
	opacity:0!important;visibility:hidden!important;transform:translateY(12px) scale(.985)!important;
	transition:opacity .35s ease,transform .35s ease,visibility .35s!important}
.llh__slide.is-on{opacity:1!important;visibility:visible!important;transform:none!important}
.llh__shot{display:block!important;width:auto!important;max-width:100%!important;
	max-height:min(var(--llh-shot),58vh)!important;
	height:auto!important;object-fit:contain!important;border:0!important;border-radius:0!important;
	filter:drop-shadow(0 26px 40px rgba(0,0,0,.55))!important}
.llh__badge{position:absolute!important;top:0!important;right:0!important;margin:0!important;
	padding:8px 13px!important;border-radius:6px!important;background:var(--llh-red)!important;color:#fff!important;
	font-size:11px!important;font-weight:700!important;line-height:1!important;letter-spacing:.14em!important;
	text-transform:uppercase!important}

.llh__nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
	margin-top:16px!important}
.llh__nav[hidden]{display:none!important}
.llh__dots{display:flex!important;align-items:center!important;gap:8px!important}
.llh__dot{width:26px!important;height:3px!important;padding:0!important;border:0!important;border-radius:2px!important;
	background:rgba(255,255,255,.26)!important;cursor:pointer!important;transition:width .2s ease,background .2s ease!important}
.llh__dot[aria-current="true"]{background:var(--llh-red)!important;width:40px!important}
.llh__arrow{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;
	padding:0!important;border:1px solid var(--llh-line)!important;border-radius:50%!important;background:transparent!important;
	color:#fff!important;font-size:15px!important;line-height:1!important;cursor:pointer!important}
.llh__arrow:hover{border-color:#fff!important;background:rgba(255,255,255,.08)!important}

.llh__methods{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
	margin:clamp(24px,3.4vw,42px) 0 0!important;padding:0!important;
	background:rgba(255,255,255,.055)!important;border:1px solid var(--llh-line)!important;border-radius:16px!important;
	overflow:hidden!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}
.llh__m{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;
	padding:20px 8px 18px!important;margin:0!important;border:0!important;border-right:1px solid var(--llh-line)!important;
	background:transparent!important;color:var(--llh-ink-2)!important;text-decoration:none!important;cursor:pointer!important;
	position:relative!important;transition:background .18s ease,color .18s ease!important}
.llh__m:last-child{border-right:0!important}
.llh__m:hover,.llh__m:focus-visible{background:rgba(255,255,255,.06)!important;color:#fff!important}
.llh__m[aria-pressed="true"]{background:rgba(226,35,26,.16)!important;color:#fff!important}
.llh__m[aria-pressed="true"]::after{content:""!important;position:absolute!important;left:14%!important;right:14%!important;
	bottom:0!important;height:2px!important;background:var(--llh-red)!important}
.llh__icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;line-height:0!important;flex:none!important}
.llh__icon svg{width:30px!important;height:30px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.5!important}
.llh__icon svg .llh-accent{stroke:var(--llh-red)!important}
/* Iconos solidos (silueta rellena) en vez de trazo. */
.llh__icon svg.llh-fill,.llh__icon svg.llh-fill *{fill:currentColor!important;stroke:none!important}
.llh__icon svg.llh-fill .llh-accent{fill:var(--llh-red)!important}
/* El icono de la mediateca se ajusta DENTRO del marco: nada de recortes,
   respeta su proporcion sea cuadrado o alargado. */
.llh__icon img,.llh__icon-img{display:block!important;width:auto!important;height:auto!important;
	max-width:34px!important;max-height:34px!important;object-fit:contain!important;
	border:0!important;border-radius:0!important;padding:0!important;margin:0!important;background:none!important;
	box-shadow:none!important}
.llh__mlabel{font-size:11px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:.08em!important;
	text-transform:uppercase!important;text-align:center!important}

.llh :focus-visible{outline:2px solid var(--llh-red-2)!important;outline-offset:3px!important}

@media (max-width:980px){
	.llh__grid{grid-template-columns:1fr!important;gap:26px!important}
	.llh__copy{order:1}
	.llh__side{order:2}
	.llh__sub{max-width:none}
	.llh__methods{grid-template-columns:repeat(3,minmax(0,1fr))!important}
	.llh__m:nth-child(3n){border-right:0!important}
	.llh__m:nth-child(-n+3){border-bottom:1px solid var(--llh-line)!important}
}
@media (max-width:520px){
	.llh__methods{grid-template-columns:repeat(2,minmax(0,1fr))!important}
	.llh__m{border-right:1px solid var(--llh-line)!important}
	.llh__m:nth-child(2n){border-right:0!important}
	.llh__m:nth-child(-n+4){border-bottom:1px solid var(--llh-line)!important}
	.llh__btn{width:100%!important}
}
@media (prefers-reduced-motion:reduce){
	.llh *{transition:none!important;animation:none!important}
}