/* HERO */
.taller-hero{
  text-align:center;
  padding:60px 20px;
  max-width:900px;
  margin:auto;
}

.pretitle{
  color:#666;
  margin-bottom:10px;
  font-size:0.9rem;
}

.taller-hero h1{
  font-size:2.2rem;
  margin-bottom:30px;
}

.video-wrapper{
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
  border-radius:12px;
}

.video-wrapper iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/* SECCIONES */
.taller-section{
  padding:60px 20px;
  max-width:900px;
  margin:auto;
}

.taller-section h2{
  text-align:center;
  margin-bottom:30px;
}

/* ACCORDION */
.accordion-item{
  border-bottom:1px solid #ddd;
}

.accordion-item button{
  width:100%;
  text-align:left;
  background:none;
  border:none;
  padding:15px;
  font-size:1rem;
  cursor:pointer;
  position:relative;
}

/* ICONO */
.accordion-item button::after{
  content:"+";
  position:absolute;
  right:10px;
  transition:0.3s;
}

.accordion-item.active button::after{
  content:"–";
}

/* CONTENIDO ANIMADO */
.accordion-item .content{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.4s ease;
  padding:0 15px;
  color:#555;
}

/* ACTIVO */
.accordion-item.active .content{
  padding:0 15px 15px;
}

/* CTA */
.taller-cta{
  background:#000;
  color:#fff;
  text-align:center;
  padding:60px 20px;
}

.cta-sub{
  margin:10px 0 30px;
  color:#ccc;
}

.taller-form{
  display:flex;
  flex-direction:column;
  gap:15px;
  max-width:400px;
  margin:auto;
}

.taller-form input{
  padding:12px;
  border:none;
  border-radius:5px;
}

.taller-form button{
  padding:12px;
  border:none;
  background:#fff;
  color:#000;
  cursor:pointer;
  font-weight:bold;
  border-radius:5px;
  transition:0.3s;
}

.taller-form button:hover{
  background:#ddd;
}

/* NAV CTA */
.nav-cta{
  background:#000;
  color:#fff;
  padding:8px 15px;
  border-radius:5px;
}

.nav-cta:hover{
  background:#333;
}
.btn-bik{
  display:inline-block;
  margin-top:20px;
  padding:14px 26px;
  background:#ff00aa;
  color:#fff;
  font-weight:bold;
  text-decoration:none;
  border-radius:8px;
  transition:0.3s;
}

.btn-bik:hover{
  background:#fff;
  color:#000;
}
/* RESPONSIVE */
@media(max-width:768px){
  .taller-hero h1{
    font-size:1.8rem;
  }
}