.elementor-655 .elementor-element.elementor-element-13ce5bf{--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;}.elementor-655 .elementor-element.elementor-element-ef3aa96{text-align:center;}.elementor-655 .elementor-element.elementor-element-ef3aa96 .elementor-heading-title{-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-655 .elementor-element.elementor-element-020c736{--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;}.elementor-655 .elementor-element.elementor-element-3bb2b1b{--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;}.elementor-655 .elementor-element.elementor-element-bb02bee{text-align:center;}.elementor-655 .elementor-element.elementor-element-bb02bee .elementor-heading-title{font-family:"Red Hat Display", Sans-serif;font-size:26px;font-weight:700;color:#D62F77;}.elementor-655 .elementor-element.elementor-element-c946d28{--display:flex;--margin-top:2.5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-655 .elementor-element.elementor-element-48df7bf{--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-655 .elementor-element.elementor-element-48df7bf:not(.elementor-motion-effects-element-type-background), .elementor-655 .elementor-element.elementor-element-48df7bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFFBA 0%, #9494944A 100%);}.elementor-655 .elementor-element.elementor-element-764e4e3 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-655 .elementor-element.elementor-element-764e4e3 img{width:50%;max-width:50%;border-radius:100% 100% 100% 100%;}.elementor-655 .elementor-element.elementor-element-c677752 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 20px 0px 20px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-655 .elementor-element.elementor-element-c946d28{--content-width:30%;}}@media(max-width:767px){.elementor-655 .elementor-element.elementor-element-ef3aa96 .elementor-heading-title{font-size:24px;-webkit-text-stroke-width:0px;stroke-width:0px;}.elementor-655 .elementor-element.elementor-element-bb02bee .elementor-heading-title{font-size:20px;}}/* Start custom CSS for html, class: .elementor-element-c677752 */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: #D62F77;
  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: #D62F77;
  opacity: 0.8;
  text-decoration: none;
  transition: color 0.25s ease, opacity 0.25s ease;
}

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

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