/*
 * TIBOX Theme · Slider Home
 * Estructura mínima del componente dinámico.
 * El look puede sobrescribirse desde:
 * Apariencia → TIBOX Theme → CSS / JavaScript → Slider Home.
 */

.tbx-home-slider{
  --tbx-slider-bg:#020B26;
  --tbx-slider-surface:#0A1640;
  --tbx-slider-heading:#FFFFFF;
  --tbx-slider-text:#C7D0E8;
  --tbx-slider-muted:#9BA6C4;
  --tbx-slider-support:#00D1FF;
  --tbx-slider-cta:#FF4222;
  --tbx-slider-border:rgba(255,255,255,.12);
  position:relative;
  overflow:hidden;
  background:var(--tbx-slider-bg);
  color:var(--tbx-slider-text);
  border-bottom:1px solid var(--tbx-slider-border);
}
.tbx-home-slider__viewport{position:relative}
.tbx-home-slider__slide{position:relative;background:#020B26;color:var(--tbx-slider-text)}
.tbx-home-slider__slide.is-brand{background:#0026BB}
.tbx-home-slider__slide[hidden]{display:none!important}
.tbx-home-slider__inner{

  z-index:auto;
  width:min(calc(100% - 48px),1200px);
  min-height:clamp(540px,68vh,760px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  gap:clamp(36px,6vw,86px);
  align-items:center;
  padding:clamp(64px,8vw,110px) 0;
}
.tbx-home-slider__slide.align-center .tbx-home-slider__inner{
  grid-template-columns:minmax(0,860px);
  justify-content:center;
  text-align:center;
}
.tbx-home-slider__slide.align-center .tbx-home-slider__content{margin-inline:auto}
.tbx-home-slider__slide.align-center .tbx-home-slider__actions{justify-content:center}
.tbx-home-slider__content{position:relative;z-index:3;max-width:720px}
.tbx-home-slider__eyebrow{
  display:inline-flex;
  margin-bottom:18px;
  color:var(--tbx-slider-support);
  font-family:"IBM Plex Mono",monospace;
  font-size:.76rem;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.tbx-home-slider__title{
  margin:0;
  color:var(--tbx-slider-heading);
  font-family:"Titillium Web",system-ui,sans-serif;
  font-size:clamp(2.7rem,3.3vw,4.9rem);
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.025em;
}
.tbx-home-slider__description{
  max-width:650px;
  margin:24px 0 0;
  color:var(--tbx-slider-text);
  font-size:clamp(1rem,1.3vw,1.18rem);
  line-height:1.62;
}
.align-center .tbx-home-slider__description{margin-left:auto;margin-right:auto}
.tbx-home-slider__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.tbx-home-slider__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  gap:9px;
  padding:0 25px;
  border-radius:999px;
  font-weight:700;
  text-decoration:none;
  transition:filter .2s ease,transform .2s ease,background .2s ease,border-color .2s ease;
}
.tbx-home-slider__cta--primary{background:var(--tbx-slider-cta);color:#fff}
.tbx-home-slider__cta--primary:hover{color:#fff;filter:brightness(1.07);transform:translateY(-1px)}
.tbx-home-slider__cta--secondary{border:1px solid rgba(255,255,255,.32);color:#fff;background:transparent}
.tbx-home-slider__cta--secondary:hover{color:#fff;border-color:#fff;background:rgba(255,255,255,.06)}
.tbx-home-slider__media{
  position:relative;
  z-index:2;
  margin:0;
  min-width:0;
  border-radius:20px;
  overflow:hidden;
  background:var(--tbx-slider-surface);
  border:1px solid var(--tbx-slider-border);
}
.tbx-home-slider__media picture{display:block}
.tbx-home-slider__image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.tbx-home-slider__slide.is-photo .tbx-home-slider__media{
  position:absolute;
  inset:0;
  z-index:0;
  border:0;
  border-radius:0;
}
.tbx-home-slider__slide.is-photo .tbx-home-slider__media picture,
.tbx-home-slider__slide.is-photo .tbx-home-slider__image{width:100%;height:100%}
.tbx-home-slider__slide.is-photo .tbx-home-slider__image{aspect-ratio:auto;object-fit:cover}
.tbx-home-slider__slide.is-photo::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(2,11,38,.95) 0%,rgba(2,11,38,.78) 42%,rgba(2,11,38,.18) 74%,rgba(2,11,38,.12) 100%);
  pointer-events:none;
}
.tbx-home-slider__slide.is-photo.align-center::after{
  background:linear-gradient(180deg,rgba(2,11,38,.76),rgba(2,11,38,.62));
}
.tbx-home-slider__slide.is-photo .tbx-home-slider__inner{grid-template-columns:minmax(0,760px) minmax(0,1fr)}
.tbx-home-slider__slide.is-photo.align-center .tbx-home-slider__inner{grid-template-columns:minmax(0,850px)}
.tbx-home-slider__slide.is-photo .tbx-home-slider__content{z-index:3}
.tbx-home-slider__controls{
  position:absolute;
  z-index:8;
  left:50%;
  bottom:24px;
  width:min(calc(100% - 48px),1200px);
  transform:translateX(-50%);
  display:flex;
  justify-content:space-between;
  align-items:center;
  pointer-events:none;
}
.tbx-home-slider__arrows,.tbx-home-slider__dots{display:flex;align-items:center;gap:8px;pointer-events:auto}
.tbx-home-slider__arrow{
  width:42px;height:42px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  background:rgba(2,11,38,.58);
  color:#fff;
  cursor:pointer;
  backdrop-filter:blur(8px);
}
.tbx-home-slider__dot{
  width:9px;height:9px;
  padding:0;
  border:1px solid rgba(255,255,255,.55);
  border-radius:999px;
  background:transparent;
  cursor:pointer;
}
.tbx-home-slider__dot.is-active{width:28px;background:var(--tbx-slider-support);border-color:var(--tbx-slider-support)}
.tbx-home-slider a:focus-visible,
.tbx-home-slider button:focus-visible{outline:2px solid var(--tbx-slider-support);outline-offset:3px}

@media(max-width:820px){
  .tbx-home-slider__inner{
    width:min(calc(100% - 32px),1200px);
    min-height:auto;
    grid-template-columns:1fr;
    gap:34px;
    padding:58px 0 92px;
  }
  .tbx-home-slider__title{font-size:clamp(2.5rem,11vw,4rem)}
  .tbx-home-slider__media{order:-1;max-height:330px}
  .tbx-home-slider__image{aspect-ratio:16/10}
  .tbx-home-slider__slide.is-photo .tbx-home-slider__inner{grid-template-columns:1fr;min-height:620px;align-content:end}
  .tbx-home-slider__slide.is-photo .tbx-home-slider__media{order:initial;max-height:none}
  .tbx-home-slider__slide.is-photo::after{
    background:linear-gradient(180deg,rgba(2,11,38,.08) 15%,rgba(2,11,38,.6) 58%,rgba(2,11,38,.96) 100%);
  }
  .tbx-home-slider__controls{width:min(calc(100% - 32px),1200px);bottom:18px}
}
@media(max-width:520px){
  .tbx-home-slider__actions{flex-direction:column;align-items:stretch}
  .tbx-home-slider__cta{width:100%}
  .tbx-home-slider__arrows{display:none}
  .tbx-home-slider__controls{justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .tbx-home-slider *, .tbx-home-slider *::before, .tbx-home-slider *::after{transition:none!important;scroll-behavior:auto!important}
}