.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-282 .elementor-element.elementor-element-5f9a2502.elementor-element{--align-self:center;}.elementor-282 .elementor-element.elementor-element-5f9a2502 .elementor-icon-wrapper{text-align:center;}.elementor-282 .elementor-element.elementor-element-5f9a2502.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-282 .elementor-element.elementor-element-5f9a2502.elementor-view-framed .elementor-icon, .elementor-282 .elementor-element.elementor-element-5f9a2502.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-282 .elementor-element.elementor-element-5f9a2502.elementor-view-framed .elementor-icon, .elementor-282 .elementor-element.elementor-element-5f9a2502.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-282 .elementor-element.elementor-element-5f9a2502 .elementor-icon{font-size:20px;}.elementor-282 .elementor-element.elementor-element-5f9a2502 .elementor-icon svg{height:20px;}.elementor-282 .elementor-element.elementor-element-45edea2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-282 .elementor-element.elementor-element-45edea2b.elementor-element{--align-self:center;}.elementor-282 .elementor-element.elementor-element-45edea2b .elementor-icon-wrapper{text-align:center;}.elementor-282 .elementor-element.elementor-element-45edea2b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-282 .elementor-element.elementor-element-45edea2b.elementor-view-framed .elementor-icon, .elementor-282 .elementor-element.elementor-element-45edea2b.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-282 .elementor-element.elementor-element-45edea2b.elementor-view-framed .elementor-icon, .elementor-282 .elementor-element.elementor-element-45edea2b.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-282 .elementor-element.elementor-element-45edea2b .elementor-icon{font-size:20px;}.elementor-282 .elementor-element.elementor-element-45edea2b .elementor-icon svg{height:20px;}.elementor-282 .elementor-element.elementor-element-5563c757 .elementor-repeater-item-0fb8df9.elementor-social-icon i{color:#FFFFFF;}.elementor-282 .elementor-element.elementor-element-5563c757 .elementor-repeater-item-0fb8df9.elementor-social-icon svg{fill:#FFFFFF;}.elementor-282 .elementor-element.elementor-element-5563c757 .elementor-repeater-item-180d873.elementor-social-icon{background-color:#000000;}.elementor-282 .elementor-element.elementor-element-5563c757 .elementor-repeater-item-180d873.elementor-social-icon i{color:#FFFFFF;}.elementor-282 .elementor-element.elementor-element-5563c757 .elementor-repeater-item-180d873.elementor-social-icon svg{fill:#FFFFFF;}.elementor-282 .elementor-element.elementor-element-5563c757{--grid-template-columns:repeat(3, auto);text-align:right;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--icon-size:15px;--grid-column-gap:5px;}.elementor-282 .elementor-element.elementor-element-e4f0a5d .elementor-icon-wrapper{text-align:center;}.elementor-282 .elementor-element.elementor-element-e4f0a5d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-282 .elementor-element.elementor-element-e4f0a5d.elementor-view-framed .elementor-icon, .elementor-282 .elementor-element.elementor-element-e4f0a5d.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-282 .elementor-element.elementor-element-e4f0a5d.elementor-view-framed .elementor-icon, .elementor-282 .elementor-element.elementor-element-e4f0a5d.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-282 .elementor-element.elementor-element-e4f0a5d .elementor-icon{font-size:20px;}.elementor-282 .elementor-element.elementor-element-e4f0a5d .elementor-icon svg{height:20px;}.elementor-282 .elementor-element.elementor-element-6a5ca7b7 .elementor-icon-wrapper{text-align:center;}.elementor-282 .elementor-element.elementor-element-6a5ca7b7.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-282 .elementor-element.elementor-element-6a5ca7b7.elementor-view-framed .elementor-icon, .elementor-282 .elementor-element.elementor-element-6a5ca7b7.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-282 .elementor-element.elementor-element-6a5ca7b7.elementor-view-framed .elementor-icon, .elementor-282 .elementor-element.elementor-element-6a5ca7b7.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-282 .elementor-element.elementor-element-6a5ca7b7 .elementor-icon{font-size:20px;}.elementor-282 .elementor-element.elementor-element-6a5ca7b7 .elementor-icon svg{height:20px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-282 .elementor-element.elementor-element-51a7a08c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-282 .elementor-element.elementor-element-51a7a08c .elementor-menu-toggle{margin:0 auto;}.elementor-282 .elementor-element.elementor-element-51a7a08c .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-282 .elementor-element.elementor-element-51a7a08c .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;}.elementor-282 .elementor-element.elementor-element-51a7a08c .elementor-nav-menu--dropdown a, .elementor-282 .elementor-element.elementor-element-51a7a08c .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-282 .elementor-element.elementor-element-51a7a08c .elementor-nav-menu--dropdown .elementor-item, .elementor-282 .elementor-element.elementor-element-51a7a08c .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-282 .elementor-element.elementor-element-6b501d9 .elementor-button{background-color:#FAF2EA;font-family:"Roboto", Sans-serif;font-weight:500;fill:#000000;color:#000000;border-radius:14px 14px 14px 14px;}.elementor-282 .elementor-element.elementor-element-6b501d9{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-282 .elementor-element.elementor-element-63f9a88d{padding:20px 0px 0px 0px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;letter-spacing:1.6px;color:#444444;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-282 .elementor-element.elementor-element-1c23119{padding:20px 0px 0px 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-282 .elementor-element.elementor-element-1c23119 .elementor-icon-list-icon i{color:#444444;transition:color 0.3s;}.elementor-282 .elementor-element.elementor-element-1c23119 .elementor-icon-list-icon svg{fill:#444444;transition:fill 0.3s;}.elementor-282 .elementor-element.elementor-element-1c23119 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-282 .elementor-element.elementor-element-1c23119 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;letter-spacing:10px;}.elementor-282 .elementor-element.elementor-element-1c23119 .elementor-icon-list-text{color:#444444;transition:color 0.3s;}@media(max-width:1024px){.elementor-282 .elementor-element.elementor-element-5563c757{--icon-size:14px;--grid-column-gap:21px;}}@media(max-width:767px){.elementor-282 .elementor-element.elementor-element-51a7a08c{width:var( --container-widget-width, 316px );max-width:316px;--container-widget-width:316px;--container-widget-flex-grow:0;}.elementor-282 .elementor-element.elementor-element-63f9a88d{text-align:start;letter-spacing:1px;}.elementor-282 .elementor-element.elementor-element-1c23119 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-282 .elementor-element.elementor-element-1c23119 .elementor-icon-list-item > a{letter-spacing:0px;}}/* Start custom CSS for html, class: .elementor-element-5b5c2c56 */#darkModeImg {
  display: none;
}

#darkToggle {
  cursor: pointer;
}

/* Fondo del modo claro */
body:not(.dark) {
  background-color: #F4F5F7;
}

/* Fondo y texto del modo oscuro */
body.dark {
  color: #ffffff;
  background-color: #333333;

  --e-global-color-primary: #ffffff;
  --e-global-color-secondary: #ffffff;
  --e-global-color-text: #ffffff;
  --e-global-color-accent: #ffffff;
}

body.dark .headerbg {
  background-color: #5D9CC7;
}

.wickylogo {
  fill: #333333;
}

body.dark .wickylogo {
  fill: #ffffff;
}

/* Títulos blancos solo en modo oscuro */
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4 {
  color: #ffffff;
}

body.dark .elementor-button {
  background-color: #F9C059;
}

body.dark .elementor-button:hover {
  background-color: #F9C059;
}

body.dark .elementor-field {
  background-color: #ffffff;
}

body.dark .bottomfooter {
  background-color: #5D9CC7 !important;
}

body.dark .footerright div {
  background-color: #333333 !important;
}

body.dark i {
  color: #ffffff;
}


@media (max-width: 767px) {

  /* Bloque completo */
  #cabecera-principal {
    position: relative !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  /* Banner: solo título y subtítulo */
  #cabecera-banner {
    position: static !important;
    box-sizing: border-box;
    width: 100% !important;
    height: 120px !important;
    min-height: 120px !important;
    padding: 16px !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
    border-radius: 16px 16px 0 0 !important;
  }

  #titulo-cabecera {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
  }

  /* Barra inferior */
  #barra-menu {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 56px !important;
    padding: 6px 12px !important;
    margin: 0 !important;
    border-radius: 0 0 16px 16px !important;
    overflow: visible !important;
  }

  /* Liberar las rayitas y la lupa de su grupo */
  #controles-izquierda {
    display: contents !important;
  }

  #icono-autor,
  #icono-busqueda {
    position: absolute !important;
    top: 120px !important;
    width: 44px !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 20;
  }

  #icono-autor {
    left: 12px !important;
  }

  #icono-busqueda {
    right: 56px !important;
  }

  /* Grupo del cambio de modo */
  #controles-derecha {
    position: absolute !important;
    top: 120px !important;
    right: 100px !important;
    width: 44px !important;
    height: 56px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    z-index: 20;
  }

  #controles-derecha div {
    min-height: 0 !important;
  }

  #controles-derecha :has(#darkToggle) {
    position: static !important;
  }

  #darkToggle {
    position: absolute !important;
    inset: 0 !important;
    width: 44px !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Ocultar redes, divisor y espacio del código */
  #controles-derecha .elementor-widget-social-icons,
  #divisor-redes,
  #controles-derecha .elementor-widget-html {
    display: none !important;
  }

  /* Botón del menú a la derecha */
  #barra-menu .elementor-widget-nav-menu {
    width: 100% !important;
  }

  #barra-menu .elementor-menu-toggle {
    width: 44px;
    margin-left: auto !important;
    margin-right: 0 !important;
  }

  /* Iconos oscuros sobre la barra clara */
  #icono-autor .elementor-icon,
  #icono-busqueda .elementor-icon,
  #darkToggle .elementor-icon {
    color: #333333 !important;
  }

  #icono-autor .elementor-icon svg,
  #icono-busqueda .elementor-icon svg,
  #darkToggle .elementor-icon svg {
    fill: currentColor !important;
  }
}

@media (max-width: 767px) {
  #barra-menu {
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 12px !important;
    display: flex !important;
    justify-content: center !important;
  }

  #barra-menu .elementor-menu-toggle {
    box-sizing: border-box;
    height: 56px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}


@media (max-width: 767px) {

  #barra-menu {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    align-items: center !important;
  }

  #icono-autor,
  #icono-busqueda,
  #controles-derecha,
  #darkToggle,
  #barra-menu .elementor-menu-toggle {
    height: 44px !important;
    min-height: 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #icono-autor > .elementor-widget-container,
  #icono-busqueda > .elementor-widget-container,
  #darkToggle .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #icono-autor .elementor-icon,
  #icono-busqueda .elementor-icon,
  #darkToggle .elementor-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }

  #barra-menu .elementor-widget-nav-menu,
  #barra-menu .elementor-widget-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}


@media (max-width: 767px) {
  #icono-autor .elementor-icon,
  #icono-busqueda .elementor-icon,
  #darkToggle .elementor-icon,
  #barra-menu .elementor-menu-toggle {
    transform: translateY(8px) !important;
  }
}


@media (max-width: 767px) {

  #barra-menu {
    position: relative !important;
    overflow: visible !important;
    z-index: 30;
  }

  #barra-menu .elementor-widget-nav-menu,
  #barra-menu .elementor-widget-nav-menu > .elementor-widget-container {
    position: relative !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  #barra-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    position: absolute !important;
    top: 44px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 50;
  }

  #barra-menu .elementor-nav-menu--dropdown a {
    font-size: 16px !important;
    padding: 14px 20px !important;
  }
}

@media (max-width: 767px) {
  #barra-menu {
    z-index: auto !important;
  }
}

@media (max-width: 767px) {
  #barra-menu .elementor-menu-toggle {
    transform: none !important;
  }
}

@media (max-width: 767px) {
  #barra-menu .elementor-menu-toggle svg,
  #barra-menu .elementor-menu-toggle i {
    transform: translateY(-6px) !important;
  }
}

@media (max-width: 1024px) {
  #barra-menu .elementor-nav-menu--dropdown,
  #barra-menu .elementor-nav-menu--dropdown a {
    background-color: #ffffff !important;
    color: #333333 !important;
  }

  #barra-menu .elementor-nav-menu--dropdown a:hover,
  #barra-menu .elementor-nav-menu--dropdown a:focus,
  #barra-menu .elementor-nav-menu--dropdown a.elementor-item-active {
    background-color: #f4f5f7 !important;
    color: #333333 !important;
  }
}

body.dark p,
body.dark .elementor-widget-text-editor,
body.dark .elementor-widget-text-editor p {
  color: #ffffff !important;
}

body .texto-panel,
body .texto-panel p,
body .texto-panel span {
  color: #333333 !important;
}

body.dark #texto-panel,
body.dark #texto-panel * {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
}

body.dark .texto-panel,
body.dark .texto-panel * {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-63f9a88d */.elementor-282 .elementor-element.elementor-element-63f9a88d,
.elementor-282 .elementor-element.elementor-element-63f9a88d * {
  color: #444444 !important;
  -webkit-text-fill-color: #444444 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.elementor-282 .elementor-element.elementor-element-63f9a88d .elementor-widget-container,
.elementor-282 .elementor-element.elementor-element-63f9a88d .elementor-text-editor,
.elementor-282 .elementor-element.elementor-element-63f9a88d p {
  display: block !important;
}/* End custom CSS */
/* Start custom CSS */#about-intro,
#about-mission,
#about-topics,
#about-closing,
#aboutpie-closing,
#aboutpies-closing {
  box-sizing: border-box;
  width: calc(100% - 20px) !important;
  max-width: calc(100% - 20px) !important;
  min-width: 0 !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
}


/* Texto oscuro en los bloques claros */
#about-intro,
#about-intro *,
#about-topics,
#about-topics *,
#about-closing,
#about-closing *,
#aboutpie-closing,
#aboutpie-closing * {
  color: #202B3B !important;
  -webkit-text-fill-color: #202B3B !important;
}

/* Texto blanco en misión y copyright */
#about-mission,
#about-mission *,
#aboutpies-closing,
#aboutpies-closing * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

#about-closing,
#about-closing * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Texto oscuro dentro del botón claro */
#about-closing a,
#about-closing a * {
  color: #202B3B !important;
  -webkit-text-fill-color: #202B3B !important;
}/* End custom CSS */