.elementor-262 .elementor-element.elementor-element-9329dac{--display:flex;--min-height:65px;--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-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:5px;--padding-left:50px;--padding-right:30px;}.elementor-262 .elementor-element.elementor-element-9329dac:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-9329dac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-262 .elementor-element.elementor-element-52211ed{--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:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-262 .elementor-element.elementor-element-52211ed.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-262 .elementor-element.elementor-element-9913638{text-align:left;}.elementor-262 .elementor-element.elementor-element-9913638 img{width:100%;}.elementor-262 .elementor-element.elementor-element-49f271b{--display:flex;--min-height:0px;--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-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-262 .elementor-element.elementor-element-49f271b.e-con{--align-self:center;}.elementor-262 .elementor-element.elementor-element-4da16e3{width:auto;max-width:auto;}.elementor-262 .elementor-element.elementor-element-4da16e3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-menu-container{height:34px;max-width:700px;border-radius:0px 0px 0px 0px;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav > li > a{font-family:"Lato", Sans-serif;font-size:16px;font-weight:500;color:#191F21;padding:5px 30px 0px 30px;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav > li > a:hover{color:#7B7E80;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav > li > a:focus{color:#7B7E80;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav > li > a:active{color:#7B7E80;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav > li:hover > a{color:#7B7E80;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#7B7E80;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#7B7E80;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#7B7E80;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#7B7E80;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav > li.current-menu-item > a{color:#707070;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#707070;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#707070;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#191F21;fill:#191F21;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#191F21;fill:#191F21;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;color:#000000;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#707070;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#707070;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#707070;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#707070;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-submenu-panel{padding:15px 0px 15px 0px;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav .elementskit-submenu-panel{border-style:double;border-radius:0px 0px 0px 0px;min-width:250px;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-menu-hamburger{float:right;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-menu-hamburger > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-menu-close{color:rgba(51, 51, 51, 1);}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}.elementor-262 .elementor-element.elementor-element-9b1f6c0{--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-end;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-262 .elementor-element.elementor-element-52211ed{--width:10%;}.elementor-262 .elementor-element.elementor-element-49f271b{--width:70%;}.elementor-262 .elementor-element.elementor-element-9b1f6c0{--width:15%;}}@media(max-width:1024px) and (min-width:768px){.elementor-262 .elementor-element.elementor-element-49f271b{--width:569.5px;}}@media(max-width:1024px){.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-menu-container{max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}}@media(max-width:767px){.elementor-262 .elementor-element.elementor-element-4da16e3 .elementskit-nav-logo > img{max-width:120px;max-height:50px;}}/* Start custom CSS for html, class: .elementor-element-49df880 *//* Contenedor del buscador dentro del header */
#custom-search-container {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 0 10px;
}

/* Caja del input de búsqueda */
#custom-search-container input[type="search"] {
  flex: 1;
  padding: 8px 12px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Botón de cerrar */
#close-search.close-btn {
  font-size: 20px;
  cursor: pointer;
  background: none;
  border: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b1f6c0 *//* Ocultar el icono de Elementor si el widget HTML está en una columna */
.elementor-column .elementor-widget-container {
    overflow: visible !important; /* Asegura que el buscador pueda expandirse */
}

/* Contenedor principal del buscador */
.dlink-search-container {
    position: relative;
    display: inline-flex; /* Para alinear lupa y formulario */
    align-items: center;
    vertical-align: middle;
    cursor: pointer;
    z-index: 9999; /* Alto z-index para que esté por encima de todo */
    height: 100%; /* Para que la altura coincida con la del header */
}

/* Icono de Lupa */
.dlink-search-icon {
    font-size: 20px;
    padding: 0 10px; /* Ajusta el padding para que se vea bien */
    color: #555; /* Color de la lupa */
    display: flex;
    align-items: center;
    height: 100%;
}

/* Contenedor del formulario de búsqueda (inicialmente oculto/comprimido) */
.dlink-search-form-wrap {
    position: absolute;
    top: 0;
    right: 0; /* Empieza pegado a la derecha */
    width: 100%; /* Ocupará el 100% del ancho del 'dlink-search-container' */
    height: 100%; /* Altura completa del header */
    background: #fff; /* Fondo blanco al expandirse (ajusta a tu color de header) */
    opacity: 0;
    visibility: hidden;
    transform: scaleX(0); /* Empieza comprimido horizontalmente */
    transform-origin: right; /* Se expande desde la derecha */
    transition: all 0.3s ease-in-out; /* Animación suave */
    display: flex; /* Para centrar el input y la X */
    align-items: center;
    justify-content: space-between;
    padding: 0 15px; /* Relleno interior */
    box-sizing: border-box; /* Incluye padding en el ancho */
    border-bottom: 1px solid #ccc; /* Línea inferior como en D-Link */
}

/* Clase "active" para mostrar el formulario (añadida por JS) */
.dlink-search-container.active .dlink-search-form-wrap {
    opacity: 1;
    visibility: visible;
    transform: scaleX(1); /* Se expande */
    left: 0; /* Se mueve a la izquierda para ocupar todo el espacio */
}

.dlink-search-container.active .dlink-search-icon {
    display: none; /* Oculta la lupa cuando el formulario está activo */
}

/* Estilo del campo de entrada de texto */
.dlink-search-input {
    flex-grow: 1; /* Ocupa el espacio disponible */
    border: none;
    outline: none;
    padding: 5px 0;
    font-size: 16px;
    background: transparent;
    color: #333;
}

.dlink-search-input::placeholder {
    color: #999; /* Color del texto del placeholder */
}

/* Icono de cerrar (X) */
.dlink-close-icon {
    font-size: 20px;
    color: #555;
    cursor: pointer;
    margin-left: 15px;
}

/* Asegurar que el contenedor del header no tenga overflow: hidden */
/* Necesitarás ajustar el .elementor-262 .elementor-element.elementor-element-9b1f6c0 a la sección/contenedor real de tu header en Elementor */
.elementor-top-section, .elementor-container, .e-flex.e-con { /* Añade el .elementor-262 .elementor-element.elementor-element-9b1f6c0 correcto de tu header */
    overflow: visible !important;
}/* End custom CSS */