/* PATCH 2026-02-19: Home EXACTO (Wayback / videos)
   - Buscador: misma proporción + overlay oscuro + iconos debajo (no watermark)
   - Cursos: sección con fondo lined paper + flexslider carousel original
   - No toca animaciones WOW ni formularios
*/

/* =====================
   BUSCADOR (HOME)
   ===================== */
.ab-home-search{
  position:relative;
  padding:35px 0 28px;
}
/* oscurece levemente la foto del fondo como el original */
.ab-home-search:before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.28);
  pointer-events:none;
}
.ab-home-search .container{ position:relative; z-index:2; }

/* Form centrado y con sombra */
.ab-home-search .form-search{
  width:82%;
  margin:0 auto 18px;
  box-shadow:0 1px 4px rgba(0,0,0,.35);
}
.ab-home-search .form-search .form-control{ border:0; }
.ab-home-search .input-group-lg>.form-control,
.ab-home-search .input-group-lg>.input-group-btn>.btn{
  border-radius:0;
}

/* Iconos debajo (visibles) */
.ab-home-search .buscar-icons{ margin-top:14px; }
.ab-home-search .buscar-icons i{
  display:inline-block;
  width:86px;
  height:58px;
  line-height:58px;
  font-size:34px;
  color:#fff;
  background:rgba(0,0,0,.45);
  box-shadow:0 3px 12px rgba(0,0,0,.55);
  margin:0 28px;
}

/* Desactivar los estilos anteriores de watermark (si quedaron en cache) */
.ab-buscador:after{ content:none !important; }
.ab-buscador .buscar-icons{ display:block !important; position:static !important; transform:none !important; opacity:1 !important; }

/* =====================
   CURSOS (HOME)
   ===================== */
.ab-home-courses{
  padding:32px 0 42px;
}
.ab-home-courses .flexslider{
  margin:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.ab-home-courses .flexslider .slides img{
  width:100%;
  display:block;
}

/* Mantener hover original (curso-informacion ya está en appbusiness.css) */

/* Flechas un poco más visibles (similar al original) */
.flex-direction-nav a{
  text-shadow:none;
}

/* =====================
   Ajuste: 3er servicio full width
   ===================== */
.item.item-wide{ text-align:left; }

/* =====================
   CURSO overlay (Wayback/video)
   - Evita que el texto quede "debajo" de la imagen
   - Overlay negro semitransparente en hover / tap
   ===================== */
.ab-home-courses li.curso{ position:relative; }
.ab-home-courses li.curso > a{ display:block; position:relative; text-decoration:none; }
.ab-home-courses li.curso img{ display:block; width:100%; }

.ab-home-courses .curso-informacion{
  position:absolute;
  top:0; left:0; right:0; bottom:0;
  background:rgba(0,0,0,.62);
  color:#fff;
  opacity:0;
  visibility:hidden;
  transition:opacity .25s ease;
  padding:18px 18px 14px;
  box-sizing:border-box;
}
.ab-home-courses .curso-informacion h3{
  margin:0 0 8px;
  font-size:24px;
  line-height:1.1;
  color:#fff;
}
.ab-home-courses .curso-informacion p{
  margin:0;
  font-size:14px;
  color:#fff;
  opacity:.92;
  max-height:3.2em;
  overflow:hidden;
}
.ab-home-courses li.curso:hover .curso-informacion,
.ab-home-courses li.curso.ab-touch-open .curso-informacion{
  opacity:1;
  visibility:visible;
}

/* El texto "debajo" se quita: si algún CSS viejo forzaba height o float, normalizamos */
.ab-home-courses .flexslider .slides > li{ margin-right:3px; }

/* Fondo buscador siempre cover */
.bg-slider{ background-size:cover !important; background-position:center !important; }