.elementor-2533 .elementor-element.elementor-element-35699b7a{--display:flex;--min-height:62px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:15px 15px 30px 5px rgba(0, 0, 0, 0.04);--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:96;}.elementor-2533 .elementor-element.elementor-element-35699b7a:not(.elementor-motion-effects-element-type-background), .elementor-2533 .elementor-element.elementor-element-35699b7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#104067;}.elementor-2533 .elementor-element.elementor-element-909ba6e .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-2533 .elementor-element.elementor-element-909ba6e .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-2533 .elementor-element.elementor-element-909ba6e{--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-2533 .elementor-element.elementor-element-909ba6e .elementor-icon-list-icon{padding-inline-end:8px;}.elementor-2533 .elementor-element.elementor-element-909ba6e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2533 .elementor-element.elementor-element-909ba6e .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-2533 .elementor-element.elementor-element-909ba6e .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-2533 .elementor-element.elementor-element-1db2e8c3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;color:#FFFFFF;}.elementor-2533 .elementor-element.elementor-element-27013a4{--grid-template-columns:repeat(0, auto);--icon-size:25px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-2533 .elementor-element.elementor-element-27013a4 .elementor-widget-container{text-align:center;}.elementor-2533 .elementor-element.elementor-element-66d74916{--display:flex;--min-height:60px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:95;}.elementor-2533 .elementor-element.elementor-element-66d74916:not(.elementor-motion-effects-element-type-background), .elementor-2533 .elementor-element.elementor-element-66d74916 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFF2FF;background-image:url("https://realidad-docente.com/wp-content/uploads/2025/09/Banner-para-Linkedin-desarrollador-web-moderno-azul-verde.png");}.elementor-2533 .elementor-element.elementor-element-f7a8a46{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-end;}.elementor-2533 .elementor-element.elementor-element-f7a8a46.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2533 .elementor-element.elementor-element-d943b5c{width:var( --container-widget-width, 9.966% );max-width:9.966%;--container-widget-width:9.966%;--container-widget-flex-grow:0;}.elementor-2533 .elementor-element.elementor-element-d943b5c > .elementor-widget-container{margin:10px 0px 0px 12px;}.elementor-2533 .elementor-element.elementor-element-d943b5c.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-2533 .elementor-element.elementor-element-d943b5c img{width:180px;height:100%;}.elementor-2533 .elementor-element.elementor-element-90fc0d5{width:var( --container-widget-width, 28.848% );max-width:28.848%;--container-widget-width:28.848%;--container-widget-flex-grow:0;}.elementor-2533 .elementor-element.elementor-element-90fc0d5.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-2533 .elementor-element.elementor-element-90fc0d5 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;color:#F90A08;}.elementor-2533 .elementor-element.elementor-element-2644640{--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;}.elementor-2533 .elementor-element.elementor-element-2644640.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2533 .elementor-element.elementor-element-cc53a9d .elementor-menu-toggle{margin:0 auto;}.elementor-2533 .elementor-element.elementor-element-cc53a9d .elementor-nav-menu .elementor-item{font-family:"Open Sans", Sans-serif;font-size:20px;}.elementor-2533 .elementor-element.elementor-element-cc53a9d .elementor-nav-menu--main .elementor-item{color:#104067;fill:#104067;}.elementor-2533 .elementor-element.elementor-element-cc53a9d .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2533 .elementor-element.elementor-element-cc53a9d .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2533 .elementor-element.elementor-element-cc53a9d .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2533 .elementor-element.elementor-element-cc53a9d .elementor-nav-menu--main .elementor-item:focus{color:#018BFF;fill:#018BFF;}.elementor-2533 .elementor-element.elementor-element-cc53a9d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-2533 .elementor-element.elementor-element-cc53a9d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#F90A08;}.elementor-2533 .elementor-element.elementor-element-cc53a9d .e--pointer-framed .elementor-item:before,
					.elementor-2533 .elementor-element.elementor-element-cc53a9d .e--pointer-framed .elementor-item:after{border-color:#F90A08;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-2533 .elementor-element.elementor-element-f7a8a46{--width:109.448%;}.elementor-2533 .elementor-element.elementor-element-2644640{--width:110.113%;}}@media(max-width:1024px){.elementor-2533 .elementor-element.elementor-element-35699b7a{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-2533 .elementor-element.elementor-element-909ba6e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2533 .elementor-element.elementor-element-909ba6e .elementor-icon-list-item > a{font-size:14px;}.elementor-2533 .elementor-element.elementor-element-1db2e8c3 .elementor-heading-title{font-size:14px;}.elementor-2533 .elementor-element.elementor-element-66d74916{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-2533 .elementor-element.elementor-element-d943b5c img{width:140px;}}@media(max-width:767px){.elementor-2533 .elementor-element.elementor-element-35699b7a{--min-height:50px;--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;--justify-content:center;}.elementor-2533 .elementor-element.elementor-element-909ba6e{--e-icon-list-icon-size:12px;}.elementor-2533 .elementor-element.elementor-element-1db2e8c3{text-align:center;}.elementor-2533 .elementor-element.elementor-element-66d74916{--min-height:50px;}.elementor-2533 .elementor-element.elementor-element-d943b5c img{width:110px;}}/* Start custom CSS for social-icons, class: .elementor-element-27013a4 *//* ================================================================
   HEADER · ICONOS SOCIALES  (widget con clase: rd-header-social)
   - Tamaños y alineación iguales para todos.
   - LinkedIn: azul corporativo, hover invertido.
   - Discord: lavanda más visible (fondo marcado).
   ================================================================ */

/* Base / reset para todos los iconos del widget */
.rd-header-social .elementor-social-icon{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  line-height: 1 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 10px !important;   /* mismo radio para todos */
}

/* Tamaño del pictograma (FontAwesome o SVG) */
.rd-header-social .elementor-social-icon i,
.rd-header-social .elementor-social-icon svg{
  font-size: 22px !important;
  width: 1em !important;
  height: 1em !important;
}

/* ---------- LinkedIn ---------- */
.rd-header-social .elementor-social-icon-linkedin{
  background: #0A66C2 !important;   /* azul oficial */
  color: #FFFFFF !important;
}
.rd-header-social .elementor-social-icon-linkedin i,
.rd-header-social .elementor-social-icon-linkedin svg{
  color: #FFFFFF !important;
  fill:  #FFFFFF !important;
}
.rd-header-social .elementor-social-icon-linkedin:hover{
  background: #FFFFFF !important;
  color: #0A66C2 !important;
}

/* ---------- Discord (fondo más notorio) ---------- */
/* Override por si había reglas previas en transparente */
.rd-header-social.rd-header-social .elementor-social-icon-discord,
.rd-header-social.rd-header-social .elementor-social-icon-discord:hover{
  background:       #D9E2FF !important;   /* lavanda visible */
  background-color: #D9E2FF !important;
  border-color:     #D9E2FF !important;
}
.rd-header-social .elementor-social-icon-discord{
  color: #5865F2 !important;              /* morado Discord */
  border-radius: 10px !important;
}
.rd-header-social .elementor-social-icon-discord i,
.rd-header-social .elementor-social-icon-discord svg{
  color: #5865F2 !important;
  fill:  #5865F2 !important;
}
/* Hover un poco más marcado */
.rd-header-social .elementor-social-icon-discord:hover{
  background:       #C7D4FF !important;   /* un tono más intenso al pasar */
  background-color: #C7D4FF !important;
}

/* ---------- Responsive (opcional) ---------- */
@media (max-width: 1024px){
  .rd-header-social .elementor-social-icon{
    width: 40px !important;
    height: 40px !important;
  }
  .rd-header-social .elementor-social-icon i,
  .rd-header-social .elementor-social-icon svg{
    font-size: 20px !important;
  }
}
@media (max-width: 767px){
  .rd-header-social .elementor-social-icon{
    width: 36px !important;
    height: 36px !important;
  }
  .rd-header-social .elementor-social-icon i,
  .rd-header-social .elementor-social-icon svg{
    font-size: 18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for theme-site-logo, class: .elementor-element-d943b5c *//* === LOGO · Solo este widget =================================== */
/* Quita límites de ancho que pueda heredar el widget/enlace/imagen */
..elementor-2533 .elementor-element.elementor-element-d943b5c,
..elementor-2533 .elementor-element.elementor-element-d943b5c .elementor-widget-container,
..elementor-2533 .elementor-element.elementor-element-d943b5c a,
..elementor-2533 .elementor-element.elementor-element-d943b5c img{
  max-width: none !important;
}

/* Evita alturas raras por line-height del contenedor del widget */
..elementor-2533 .elementor-element.elementor-element-d943b5c{ line-height: 0 !important; }

/* Tamaño del logo (ajusta los valores a tu gusto) */
..elementor-2533 .elementor-element.elementor-element-d943b5c img{
  width: 300px !important;     /* Escritorio: 260–320px suele ir bien */
  height: auto !important;
  display: block;
  object-fit: contain;
}

/* Responsive */
@media (max-width: 1024px){
  ..elementor-2533 .elementor-element.elementor-element-d943b5c img{ width: 240px !important; }  /* Tablet */
}
@media (max-width: 767px){
  ..elementor-2533 .elementor-element.elementor-element-d943b5c img{ width: 190px !important; }  /* Móvil */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7a8a46 *//* === CONTENEDOR: LOGO + TÍTULO === */
..elementor-2533 .elementor-element.elementor-element-f7a8a46{
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;          /* o center si lo prefieres */
  gap: 12px;                      /* separación entre logo y título */
  margin: 0 !important;
  padding: 0 !important;
}

/* Quitar márgenes de los widgets internos */
..elementor-2533 .elementor-element.elementor-element-f7a8a46 .elementor-widget-image,
..elementor-2533 .elementor-element.elementor-element-f7a8a46 .elementor-widget-heading{
  margin: 0 !important;
  padding: 0 !important;
}

/* === RESERVA DE ANCHO PARA EL LOGO ===
   Sube/baja 240px (220–280) hasta que te encaje */
..elementor-2533 .elementor-element.elementor-element-f7a8a46 > .elementor-widget-theme-site-logo,
..elementor-2533 .elementor-element.elementor-element-f7a8a46 > .elementor-widget-image{
  flex: 0 0 240px;                /* <-- ancho fijo para el logo */
  min-width: 240px;               /* evita que se encoja */
}

/* El TÍTULO ocupa el resto del ancho */
..elementor-2533 .elementor-element.elementor-element-f7a8a46 > .elementor-widget-heading{
  flex: 1 1 auto;
  min-width: 0;                   /* evita saltos de línea raros */
}

/* El LOGO se adapta al ancho reservado manteniendo proporción */
..elementor-2533 .elementor-element.elementor-element-f7a8a46 > .elementor-widget-theme-site-logo img,
..elementor-2533 .elementor-element.elementor-element-f7a8a46 > .elementor-widget-image img{
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  line-height: 1 !important;
  max-height: 90px;               /* altura máxima opcional; ajusta 84–100 */
}

/* === Responsive (ajusta si quieres) === */
@media (max-width: 1024px){
  ..elementor-2533 .elementor-element.elementor-element-f7a8a46 > .elementor-widget-theme-site-logo,
  ..elementor-2533 .elementor-element.elementor-element-f7a8a46 > .elementor-widget-image{
    flex-basis: 200px; min-width: 200px;
  }
  ..elementor-2533 .elementor-element.elementor-element-f7a8a46 > .elementor-widget-theme-site-logo img,
  ..elementor-2533 .elementor-element.elementor-element-f7a8a46 > .elementor-widget-image img{
    max-height: 72px;
  }
}
@media (max-width: 767px){
  ..elementor-2533 .elementor-element.elementor-element-f7a8a46{ gap: 8px; }
  ..elementor-2533 .elementor-element.elementor-element-f7a8a46 > .elementor-widget-theme-site-logo,
  ..elementor-2533 .elementor-element.elementor-element-f7a8a46 > .elementor-widget-image{
    flex-basis: 280px; min-width: 160px;
  }
  ..elementor-2533 .elementor-element.elementor-element-f7a8a46 > .elementor-widget-theme-site-logo img,
  ..elementor-2533 .elementor-element.elementor-element-f7a8a46 > .elementor-widget-image img{
    max-height: 96px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2644640 *//* === MENÚ (solo este contenedor) === */
/* Fila del menú: alinea a la derecha con 1 cm y en una sola fila */
.elementor-2533 .elementor-element.elementor-element-2644640{
  display: flex !important;
  justify-content: flex-end !important;  /* menú pegado a la derecha */
  align-items: center !important;
  padding-right: 76px;                    /* ≈ 1 cm (37.8px ≈ 1 cm) */
  gap: 0;
}

/* Menú en fila horizontal (sin salto) */
.elementor-2533 .elementor-element.elementor-element-2644640 .elementor-nav-menu{
  display: flex !important;
  flex-wrap: nowrap !important;           /* no bajes a otra línea en desktop */
  justify-content: flex-end !important;
  align-items: center !important;
  margin: 0 !important;
  gap: 20px;                              /* espacio entre opciones del menú */
}

/* Enlaces del menú: sin márgenes/paddings raros */
.elementor-2533 .elementor-element.elementor-element-2644640 .elementor-nav-menu a{
  margin: 0 !important;
  padding: 0 8px;                         /* ajusta si quieres más aire */
  text-decoration: none;
}

/* Opcional: reduce margen derecho en pantallas más pequeñas */
@media (max-width: 1024px){
  .elementor-2533 .elementor-element.elementor-element-2644640{ padding-right: 40px; }
}
@media (max-width: 768px){
  .elementor-2533 .elementor-element.elementor-element-2644640{ padding-right: 16px; }
}

/* Quita el padding interno “oculto” del contenedor y deja un borde pequeño */
.elementor-2533 .elementor-element.elementor-element-2644640,
.elementor-2533 .elementor-element.elementor-element-2644640 > .e-con-inner,
.elementor-2533 .elementor-element.elementor-element-2644640 .elementor-container{
  padding-right: 8px !important;         /* ajusta 8px a tu gusto: 0–12px */
}

/* A veces Elementor usa variables internas para el padding */
.elementor-2533 .elementor-element.elementor-element-2644640{
  --padding-inline-end: 8px;              /* mismo valor que arriba */
}

/* El menú no debe añadir margen propio a la derecha */
.elementor-2533 .elementor-element.elementor-element-2644640 .elementor-nav-menu{
  margin-right: 0 !important;
}/* End custom CSS */