.igpw-tl{--tl-line:rgba(12,11,16,.14);--tl-active:var(--igpw-accent,#ef2729);--tl-lw:2px;--tl-int:5000ms}
.igpw-tl__tabs{display:grid;grid-template-columns:repeat(var(--tl-n,4),minmax(0,1fr));border-top:var(--tl-lw) solid var(--tl-line)}
.igpw-tl__tab{position:relative;display:block;margin:0;padding:28px 20px 28px 0;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit;color:inherit}
.igpw-tl__tab::before{content:"";position:absolute;left:0;top:calc(var(--tl-lw) * -1);height:var(--tl-lw);width:0;background:var(--tl-active)}
.igpw-tl__tab.is-active::before{width:100%;transition:width .6s var(--igpw-ease,ease)}
.igpw-tl.is-auto .igpw-tl__tab.is-active::before{width:0;animation:igpwTl var(--tl-int) linear forwards}
@keyframes igpwTl{to{width:100%}}
.igpw-tl__n{display:block;margin-bottom:30px;font-size:13px;font-weight:800;color:#9a98a3;transition:color .3s}
.igpw-tl__l{display:block;font-size:clamp(24px,3vw,44px);font-weight:800;letter-spacing:-.04em;line-height:1;color:#b9b5ae;transition:color .4s}
.igpw-tl__tab:hover .igpw-tl__l,.igpw-tl__tab.is-active .igpw-tl__l{color:#0c0b10}
.igpw-tl__tab.is-active .igpw-tl__n{color:var(--tl-active)}
.igpw-tl__panels{margin-top:48px}
.igpw-tl__panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:36px}
.igpw-tl__title{margin:0;font-size:clamp(26px,2.6vw,38px);font-weight:800;line-height:1.1;letter-spacing:-.04em}
.igpw-tl__text{margin:16px 0 0;max-width:520px;font-size:19px;line-height:1.55;color:#4a4852}
.igpw-tl__list{margin:0;padding:0;list-style:none;display:grid;gap:12px;align-content:start}
.igpw-tl__list li{display:flex;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--tl-line);font-size:16px;font-weight:600}
.igpw-tl__list li::before{content:"→";color:var(--tl-active)}
/* con JavaScript: solo el panel activo */
.igpw-js .igpw-tl.is-ready .igpw-tl__panel{display:none;margin:0}
.igpw-js .igpw-tl.is-ready .igpw-tl__panel.is-active{display:grid;animation:igpwTlIn .6s var(--igpw-ease,ease) both}
@keyframes igpwTlIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* pestañas a la izquierda */
.igpw-tl--left{display:grid;grid-template-columns:minmax(200px,.5fr) 1fr;gap:60px;align-items:start}
.igpw-tl--left .igpw-tl__tabs{grid-template-columns:1fr;border-top:0;border-left:var(--tl-lw) solid var(--tl-line)}
.igpw-tl--left .igpw-tl__tab{padding:20px 20px 20px 28px}
.igpw-tl--left .igpw-tl__tab::before{left:calc(var(--tl-lw) * -1);top:0;width:var(--tl-lw);height:0}
.igpw-tl--left .igpw-tl__tab.is-active::before{width:var(--tl-lw);height:100%}
.igpw-tl--left.is-auto .igpw-tl__tab.is-active::before{height:0;width:var(--tl-lw);animation-name:igpwTlV}
@keyframes igpwTlV{to{height:100%}}
.igpw-tl--left .igpw-tl__n{margin-bottom:8px}
.igpw-tl--left .igpw-tl__panels{margin-top:0}
.igpw-tl--left .igpw-tl__panel{grid-template-columns:1fr}
@media(max-width:900px){
	.igpw-tl__panel{grid-template-columns:1fr;gap:24px}
	.igpw-tl--left{grid-template-columns:1fr;gap:30px}
	.igpw-tl__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
	.igpw-tl--left .igpw-tl__tabs{grid-template-columns:repeat(2,minmax(0,1fr));border-left:0;border-top:var(--tl-lw) solid var(--tl-line)}
	.igpw-tl--left .igpw-tl__tab{padding:20px 10px 20px 0}
	.igpw-tl--left .igpw-tl__tab::before{left:0;top:calc(var(--tl-lw) * -1);height:var(--tl-lw);width:0}
	.igpw-tl--left .igpw-tl__tab.is-active::before{width:100%;height:var(--tl-lw)}
}
@media (prefers-reduced-motion:reduce){.igpw-tl__tab::before{animation:none!important;width:0}.igpw-tl__tab.is-active::before{width:100%}}
