/* sections.css — secciones de páginas (home y otras). */

/* ====== Hero (home) — adaptado de Neuros home-2 ======
   El bg/overlay/radio/alto van en settings nativos del container (hero.json).
   El container no toma clase custom → se referencia por su ID de Elementor. */
.elementor-element-f0e1d2c3{ position:relative; }

.bw-hero__title{
  color:#fff !important;
  max-width:16ch;
  margin:0;
  text-shadow:0 2px 40px rgba(0,0,0,.35);
}

/* el HTML widget de controles no debe crear su propio contexto de posición */
.elementor-element-d2c3b4a5,
.elementor-element-d2c3b4a5 .elementor-widget-container{ position:static; }

/* flechas del slider (notches en los bordes) */
.bw-hero__nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:52px; height:88px;
  display:grid; place-items:center;
  background:var(--paper); color:var(--ink); border:0;
  border-radius:18px; font-size:26px; line-height:1; cursor:pointer;
  box-shadow:var(--sh-light);
  transition:background-color .25s var(--eo), color .25s var(--eo);
  z-index:3;
}
.bw-hero__nav--prev{ left:18px; }
.bw-hero__nav--next{ right:18px; }
.bw-hero__nav:hover{ background:var(--red); color:var(--paper); }

/* watch video */
.bw-hero__video{
  position:absolute; right:18px; bottom:18px;
  display:inline-flex; align-items:center; gap:12px;
  background:var(--paper); color:var(--ink);
  padding:14px 22px; border-radius:18px;
  font-family:var(--font-body); font-weight:600; font-size:14px;
  text-decoration:none; box-shadow:var(--sh-light);
  transition:transform .25s var(--eo);
  z-index:3;
}
.bw-hero__video:hover{ transform:translateY(-2px); }
.bw-hero__play{
  display:grid; place-items:center;
  width:30px; height:30px; border-radius:50%;
  background:var(--red); color:#fff; font-size:10px; padding-left:2px;
}

@media (max-width:768px){
  .bw-hero__nav{ display:none; }
  .bw-hero__title{ max-width:none; }
}

/* ====== Servicios (home) — link "Conocé más →" de cada tarjeta ====== */
.bw-service__link{
  display:inline-flex; align-items:center; gap:.5em;
  font-family:var(--font-body); font-weight:600; font-size:14px;
  color:var(--red); text-decoration:none;
  transition:gap .25s var(--eo), color .25s var(--eo);
}
.bw-service__link span{ transition:transform .25s var(--eo); }
.bw-service__link:hover{ color:var(--red-deep); }
.bw-service__link:hover span{ transform:translateX(.35em); }