.elementor-252 .elementor-element.elementor-element-7f6032c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d5de0d8 */.elementor-252 .elementor-element.elementor-element-7f6032c{
    padding: 0px !important;
}


.canales-section{
  padding:110px 20px;
  background:linear-gradient(180deg,#ffffff 0%, #f4f8ff 100%);
  font-family:Arial;
}

.canales-container{
  max-width:1200px;
  margin:auto;
}

/* HEADER */
.canales-header{
  text-align:center;
  margin-bottom:70px;
  opacity:0;
  transform:translateY(40px);
  transition:.8s;
}

.canales-header.active{
  opacity:1;
  transform:translateY(0);
}

.canales-badge{
  background:linear-gradient(135deg,#0f67d0,#003C87);
  color:#fff;
  padding:10px 20px;
  border-radius:30px;
  font-weight:700;
}

.canales-header h2{
  font-size:40px;
  color:#003C87;
  margin:20px 0;
  font-weight:800;
}

.canales-header p{
  color:#5b6e86;
}

/* GRID */
.canales-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:25px;
}

/* CARD */
.canal-card{
  background:#fff;
  border-radius:20px;
  padding:30px 20px;
  text-align:center;

  box-shadow:0 10px 30px rgba(0,0,0,0.06);
  transition:.4s;

  position:relative;
  overflow:hidden;

  opacity:0;
  transform:translateY(30px);
}

.canal-card.active{
  opacity:1;
  transform:translateY(0);
}

/* línea top */
.canal-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#0f67d0,#ff7a18);
}

/* ICONO */
.canal-card i{
  font-size:32px;
  margin-bottom:15px;
  color:#003C87;
  transition:.3s;
}

/* hover */
.canal-card:hover{
  transform:translateY(-10px);
  box-shadow:0 25px 60px rgba(0,0,0,0.12);
}

.canal-card:hover i{
  transform:scale(1.2);
  color:#ff7a18;
}

/* TEXTO */
.canal-card h3{
  color:#003C87;
  margin-bottom:8px;
  font-weight:800;
}

.canal-card p{
  color:#5b6e86;
  font-size:14px;
  margin-bottom:20px;
}

/* BOTÓN FULL */
.canal-card a{
  display:block;
  width:100%;
  padding:14px;
  border-radius:12px;
  font-weight:800;
  text-decoration:none;

  background:linear-gradient(135deg,#0f67d0,#003C87);
  color:#fff;

  transition:.3s;
}

.canal-card a:hover{
  background:linear-gradient(135deg,#ff7a18,#ffb347);
}

/* RESPONSIVE */
@media(max-width:900px){
  .canales-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:600px){
  .canales-grid{
    grid-template-columns:1fr;
  }
}


.canal-card.featured{
background:linear-gradient(135deg,#003C87,#0f67d0);
color:#fff;
transform:scale(1.02);
}

.canal-card.featured h3,
.canal-card.featured p{
color:#fff;
}

.canal-card.featured i{
color:#FF8728;
}

.canal-card.featured a{
background:#FF8728;
color:#fff;
}/* End custom CSS */