.elementor-8062 .elementor-element.elementor-element-9c4b609{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 80px;--row-gap:0px;--column-gap:80px;}.elementor-8062 .elementor-element.elementor-element-fb44e06{--display:flex;--min-height:0px;--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-8062 .elementor-element.elementor-element-fb44e06.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8062 .elementor-element.elementor-element-44ecc53{width:var( --container-widget-width, 111.221% );max-width:111.221%;--container-widget-width:111.221%;--container-widget-flex-grow:0;}.elementor-8062 .elementor-element.elementor-element-44ecc53.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-8062 .elementor-element.elementor-element-43a600b{--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-8062 .elementor-element.elementor-element-43a600b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8062 .elementor-element.elementor-element-f397d24.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8062 .elementor-element.elementor-element-786e414{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-8062 .elementor-element.elementor-element-80bb229{--grid-template-columns:repeat(1, auto);width:var( --container-widget-width, 65% );max-width:65%;background-color:#00000057;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:65%;--container-widget-flex-grow:0;border-radius:9px 9px 9px 9px;--icon-size:25px;--grid-column-gap:6px;--grid-row-gap:0px;}.elementor-8062 .elementor-element.elementor-element-80bb229.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-8062 .elementor-element.elementor-element-80bb229 .elementor-social-icon{background-color:#00000000;--icon-padding:0.3em;}@media(max-width:767px){.elementor-8062 .elementor-element.elementor-element-786e414{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-8062 .elementor-element.elementor-element-9c4b609{--content-width:1108px;}.elementor-8062 .elementor-element.elementor-element-fb44e06{--width:17.903%;}.elementor-8062 .elementor-element.elementor-element-43a600b{--width:77%;}.elementor-8062 .elementor-element.elementor-element-786e414{--content-width:791px;}}.elementor-8062 .elementor-element.elementor-element-786e414 { position:fixed;
top: 50%;
}
/* Start custom CSS for container, class: .elementor-element-786e414 *//* Aplica esto al CONTENEDOR del widget de iconos sociales */
.mi-menu-lateral {
  position: fixed;
  top: 0;
  right: 0%;              /* ahora se queda en el lado derecho */
  height: 100vh;         /* ocupa toda la altura */
  width: 80px;           /* ajusta según el tamaño que necesites */
  z-index: 9999;         /* que quede encima de todo */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;             /* separación entre íconos */
  transition: transform 0.3s ease-in-out;
}

/* Estado oculto en móviles */
.mi-menu-lateral.oculto {
  transform: translateX(100%);
}

/* Cuando está visible */
.mi-menu-lateral.visible {
  transform: translateX(0);
}/* End custom CSS */