.elementor-506 .elementor-element.elementor-element-4090a2b{--display:flex;--margin-top:2.5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-506 .elementor-element.elementor-element-035e824{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#8B8B8BC9;--border-color:#8B8B8BC9;--border-radius:2rem 2rem 2rem 2rem;}.elementor-506 .elementor-element.elementor-element-035e824:not(.elementor-motion-effects-element-type-background), .elementor-506 .elementor-element.elementor-element-035e824 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFFBA 0%, #9494944A 100%);}.elementor-506 .elementor-element.elementor-element-eac796b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-506 .elementor-element.elementor-element-eac796b img{width:40%;max-width:40%;border-radius:100% 100% 100% 100%;}.elementor-506 .elementor-element.elementor-element-d08d7ad{text-align:center;}.elementor-506 .elementor-element.elementor-element-d08d7ad .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:25px;font-weight:500;color:#FFFFFF;}.elementor-506 .elementor-element.elementor-element-d08d7ad .elementor-heading-title a:hover, .elementor-506 .elementor-element.elementor-element-d08d7ad .elementor-heading-title a:focus{color:#FF2C01;}.elementor-506 .elementor-element.elementor-element-033961b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 20px 0px 20px;}@media(min-width:768px){.elementor-506 .elementor-element.elementor-element-4090a2b{--content-width:30%;}}/* Start custom CSS for html, class: .elementor-element-033961b */body {
  font-family: 'Red Hat Display', sans-serif;
}

/* O solo para tu componente */
.lista-redes,
.lista-redes * {
  font-family: 'Red Hat Display', sans-serif;
}

/* Contenedor */
.lista-redes {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Card */
.item-red {
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  align-items: center;
  background: #ffffff;
  border-radius: 14px;
  padding: 14px 18px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  transition: background 0.25s ease;
}

/* Link principal */
.red-link {
  display: contents;
  text-decoration: none;
  color: inherit;
}

/* Icono izquierda */
.icono {
  font-size: 22px;
  text-align: center;
  color: #FF2C01;
  transition: color 0.25s ease;
}

/* Texto */
.texto {
  max-width: 240px;
  margin: 0 auto;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  transition: color 0.25s ease;
}

/* Tres puntos */
.share {
  font-size: 18px;
  text-align: center;
  color: #FF2C01;
  opacity: 0.8;
  text-decoration: none;
  transition: color 0.25s ease, opacity 0.25s ease;
}

/* Hover */
.item-red:hover {
  background: #FF2C01;
}

.item-red:hover .texto,
.item-red:hover .icono,
.item-red:hover .share {
  color: #ffffff;
  opacity: 1;
}/* End custom CSS */