/* Home hero - clean two-state system
   Desktop/tablet: one full background composition using desktop asset.
   Mobile: one full background composition using dedicated mobile asset.
   No floating thumbnails, no focal img element, no intermediate mini-state. */

.homeHeroSection{margin-bottom:32px}

.homeHero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:760px;
  padding:28px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(6,14,29,.84), rgba(6,14,29,.88)),
    radial-gradient(circle at 78% 44%, rgba(77,134,255,.16), transparent 34%),
    linear-gradient(90deg, rgba(5,11,24,.94) 0%, rgba(5,11,24,.84) 34%, rgba(5,11,24,.68) 56%, rgba(5,11,24,.88) 100%);
  box-shadow:0 24px 70px rgba(0,0,0,.32);
}

.homeHero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(6,14,29,.86) 0%, rgba(6,14,29,.72) 28%, rgba(6,14,29,.24) 50%, rgba(6,14,29,.48) 71%, rgba(6,14,29,.76) 100%),
    linear-gradient(180deg, rgba(6,14,29,.04) 0%, rgba(6,14,29,.14) 100%);
}

.homeHero__bg{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}

.homeHero__bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:url('/assets/images/hero-estudio-cabida-santiago.webp') 68% 50%/cover no-repeat;
  opacity:.50;
  transform:scale(1.02);
}

.homeHero__bg::after,
.homeHero__art{display:none !important}

.homeHero__inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0, 1.02fr) minmax(380px, .88fr);
  gap:24px;
  align-items:stretch;
  min-height:704px;
}

.homeHero__copy{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  max-width:680px;
  padding:18px 12px 12px;
}

.homeHero__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  padding:14px 22px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(7,15,29,.56);
  color:#fff;
  font-size:15px;
  font-weight:800;
  backdrop-filter:blur(12px);
}
.homeHero__kicker .dot{width:9px;height:9px;border-radius:999px;background:#5877ff;box-shadow:0 0 0 6px rgba(88,119,255,.16)}

.homeHero__copy h1{
  margin:22px 0 18px;
  font-size:clamp(56px,6.9vw,88px);
  line-height:.93;
  letter-spacing:-.055em;
  max-width:8.5ch;
  color:#fff;
}

.homeHero__lead{
  margin:0;
  max-width:32ch;
  color:rgba(247,249,252,.82);
  font-size:17px;
  line-height:1.72;
}

.homeHero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.homeHero__trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;max-width:700px}
.homeHero__trust span{
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(247,249,252,.78);
  font-size:13px;
  font-weight:700;
}
.homeHero__trust span:last-child{background:rgba(124,92,255,.12);border-color:rgba(124,92,255,.22);color:#fff}

.homeHero__panelWrap{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:18px 12px 12px;
}

.homeHero__badge{
  position:absolute;
  top:26px;
  right:38px;
  z-index:3;
  padding:12px 18px;
  border-radius:999px;
  background:rgba(7,15,29,.62);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  font-weight:800;
  box-shadow:0 18px 30px rgba(0,0,0,.22);
  backdrop-filter:blur(12px);
}

.homeHero__panel{
  position:relative;
  z-index:2;
  width:min(520px,100%);
  margin-top:150px;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(7,15,29,.82);
  box-shadow:0 26px 60px rgba(0,0,0,.28);
  backdrop-filter:blur(14px);
}
.homeHero__panelLabel{display:block;margin-bottom:10px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:rgba(247,249,252,.5)}
.homeHero__panelHead strong{display:block;color:#fff;font-size:30px;line-height:1.08;letter-spacing:-.045em;max-width:14ch}
.homeHero__panelGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.homeHeroCard{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03))}
.homeHeroCard--accent{background:linear-gradient(180deg, rgba(124,92,255,.18), rgba(69,163,255,.11));border-color:rgba(124,92,255,.28)}
.homeHeroCard__eyebrow{display:block;margin-bottom:10px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:rgba(247,249,252,.48)}
.homeHeroCard strong{display:block;color:#fff;font-size:18px;line-height:1.16;letter-spacing:-.035em;margin-bottom:8px}
.homeHeroCard p{margin:0;color:rgba(247,249,252,.64);font-size:14px;line-height:1.58}

@media (max-width: 1180px){
  .homeHero{min-height:720px;padding:24px}
  .homeHero__inner{grid-template-columns:minmax(0,1fr) minmax(340px,.84fr);min-height:660px}
  .homeHero__copy h1{font-size:clamp(48px,6.6vw,78px);max-width:8.8ch}
  .homeHero__panel{width:min(460px,100%);margin-top:138px}
}

/* Desktop/tablet keep the same full-background system. No separate mini asset state. */
@media (max-width: 980px){
  .homeHero{
    min-height:auto;
    padding:22px;
  }
  .homeHero::before{
    background:
      linear-gradient(90deg, rgba(6,14,29,.82) 0%, rgba(6,14,29,.66) 30%, rgba(6,14,29,.26) 54%, rgba(6,14,29,.48) 76%, rgba(6,14,29,.74) 100%),
      linear-gradient(180deg, rgba(6,14,29,.04) 0%, rgba(6,14,29,.12) 100%);
  }
  .homeHero__bg::before{
    background:url('/assets/images/hero-estudio-cabida-santiago.webp') 72% 48%/cover no-repeat;
    opacity:.46;
    transform:none;
  }
  .homeHero__inner{grid-template-columns:1fr;gap:18px;min-height:unset}
  .homeHero__copy{max-width:none;padding:8px 6px 0}
  .homeHero__copy h1{font-size:clamp(48px,7vw,76px);margin:18px 0 16px;max-width:9.2ch}
  .homeHero__lead{max-width:34ch;font-size:16px;line-height:1.68}
  .homeHero__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,460px);gap:12px}
  .homeHero__actions .btn{width:100%;justify-content:center}
  .homeHero__panelWrap{justify-content:center;padding:8px 0 0}
  .homeHero__badge{display:none}
  .homeHero__panel{margin-top:0;width:100%;max-width:none}
}

/* Mobile uses its own dedicated HD asset as a full background layer behind the text. */
@media (max-width: 767px){
  .homeHero{
    min-height:auto;
    padding:16px 14px 18px;
    border-radius:24px;
    background:    linear-gradient(180deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.38) 48%, rgba(0,0,0,.30) 100%),    linear-gradient(180deg, rgba(7,12,22,.07) 0%, rgba(7,12,22,.15) 62%, rgba(7,12,22,.29) 100%),    url('/assets/images/hero-estudio-cabida-mobile-gray-bg.webp') 64% 52%/cover no-repeat;
  }
  .homeHero::before{display:none}
  .homeHero__bg::before{display:none}
  .homeHero__copy{padding:2px 2px 0}
  .homeHero__kicker{padding:12px 14px;font-size:12px;line-height:1.2;max-width:100%}
  .homeHero__copy h1{max-width:7.8ch;font-size:clamp(34px,13.1vw,54px);line-height:.96;margin:18px 0 14px}
  .homeHero__lead{max-width:16ch;font-size:15px;line-height:1.62}
  .homeHero__actions{grid-template-columns:1fr;width:100%;max-width:none}
  .homeHero__trust{display:grid;grid-template-columns:1fr;gap:8px;max-width:none}
  .homeHero__panelWrap{padding:6px 2px 0}
  .homeHero__panel{padding:16px;border-radius:20px}
  .homeHero__panelGrid{grid-template-columns:1fr}
  .homeHeroCard{padding:15px;border-radius:18px}
}

@media (max-width: 420px){
  .homeHero{padding:14px 12px 18px;border-radius:22px;background:
    linear-gradient(180deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.38) 48%, rgba(0,0,0,.30) 100%),
    linear-gradient(180deg, rgba(7,12,22,.07) 0%, rgba(7,12,22,.15) 62%, rgba(7,12,22,.29) 100%),
    url('/assets/images/hero-estudio-cabida-mobile-gray-bg.webp') 64% 52%/cover no-repeat;}
  .homeHero__copy h1{font-size:clamp(32px,14.2vw,50px);max-width:7.4ch}
  .homeHero__lead{max-width:15ch}
}