.elementor-16763 .elementor-element.elementor-element-e91d837{--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:space-between;--align-items:center;--gap:16px 47px;--row-gap:16px;--column-gap:47px;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#EEF2F6;--border-color:#EEF2F6;--padding-top:14px;--padding-bottom:14px;--padding-left:20px;--padding-right:20px;--z-index:99;}.elementor-16763 .elementor-element.elementor-element-e91d837:not(.elementor-motion-effects-element-type-background), .elementor-16763 .elementor-element.elementor-element-e91d837 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16763 .elementor-element.elementor-element-74d3ebd{--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;--align-items:center;--gap:0px 6px;--row-gap:0px;--column-gap:6px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16763 .elementor-element.elementor-element-c819f66{text-align:start;}.elementor-16763 .elementor-element.elementor-element-a9eff75{text-align:start;}.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-menu-toggle{margin-left:auto;}.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;}.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--main .elementor-item{color:#14263A;fill:#14263A;padding-left:0px;padding-right:0px;padding-top:8px;padding-bottom:8px;}.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--main .elementor-item:focus{color:#EC6A2C;fill:#EC6A2C;}.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#EC6A2C;}.elementor-16763 .elementor-element.elementor-element-6858506{--e-nav-menu-horizontal-menu-item-margin:calc( 48px / 2 );}.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:48px;}.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--dropdown a, .elementor-16763 .elementor-element.elementor-element-6858506 .elementor-menu-toggle{color:#14263A;fill:#14263A;}.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--dropdown a:hover,
					.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-menu-toggle:hover{color:#EC6A2C;}.elementor-16763 .elementor-element.elementor-element-6858506 div.elementor-menu-toggle{color:#14263A;}.elementor-16763 .elementor-element.elementor-element-6858506 div.elementor-menu-toggle svg{fill:#14263A;}.elementor-16763 .elementor-element.elementor-element-5d79583 .elementor-button{background-color:#EC6A2C;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:12px 22px 12px 22px;}.elementor-16763 .elementor-element.elementor-element-5d79583 .elementor-button:hover, .elementor-16763 .elementor-element.elementor-element-5d79583 .elementor-button:focus{background-color:#D45A20;color:#FFFFFF;}.elementor-16763 .elementor-element.elementor-element-5d79583 .elementor-button-content-wrapper{flex-direction:row;}.elementor-16763 .elementor-element.elementor-element-5d79583 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-16763 .elementor-element.elementor-element-5d79583 .elementor-button:hover svg, .elementor-16763 .elementor-element.elementor-element-5d79583 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-16763 .elementor-element.elementor-element-e91d837{--gap:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:nowrap;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-16763 .elementor-element.elementor-element-74d3ebd{--width:fit-content;}}@media(min-width:768px){.elementor-16763 .elementor-element.elementor-element-e91d837{--content-width:1240px;}.elementor-16763 .elementor-element.elementor-element-74d3ebd{--width:fit-content;}}/* Start custom CSS for container, class: .elementor-element-74d3ebd */.elementor-16763 .elementor-element.elementor-element-74d3ebd{flex:0 0 auto}
.elementor-16763 .elementor-element.elementor-element-74d3ebd > .elementor-widget{width:auto!important;flex:0 0 auto!important;margin:0!important}
.elementor-16763 .elementor-element.elementor-element-74d3ebd .gp-simbolo img{width:32px!important;height:32px!important;object-fit:contain!important;display:block}
.elementor-16763 .elementor-element.elementor-element-74d3ebd .gp-palabra img{width:107px!important;height:21px!important;object-fit:cover!important;object-position:center!important;display:block}
@media(max-width:767px){
 .elementor-16763 .elementor-element.elementor-element-74d3ebd .gp-simbolo img{width:26px!important;height:26px!important}
 .elementor-16763 .elementor-element.elementor-element-74d3ebd .gp-palabra img{width:88px!important;height:17px!important}
}
/* Pantallas muy estrechas (<=359px): logo completo + hamburguesa + CTA no caben en
   una fila. Se deja solo el isotipo; el CTA es lo que no puede perderse. */
@media(max-width:359px){
 .elementor-16763 .elementor-element.elementor-element-74d3ebd .gp-palabra{display:none}
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-6858506 *//* Desplegable de Soluciones: panel blanco redondeado, separadores finos y chevron a la derecha */
.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--dropdown{border-radius:16px;box-shadow:0 12px 34px rgba(20,38,58,.14);border:1px solid rgba(20,38,58,.06);overflow:hidden;padding:0}
/* El ancho minimo es SOLO para el panel de escritorio: este mismo .elementor-16763 .elementor-element.elementor-element-6858506 alcanza
   tambien al contenedor del menu movil de Elementor, que va en flujo dentro de la
   fila del header, y aunque este cerrado (max-height:0) sus 340px fijaban el ancho
   del widget y empujaban el CTA fuera del viewport -> scroll horizontal. */
@media(min-width:768px){
 .elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--dropdown{min-width:340px}
}
/* Franja de portatil (1025-1200px): con 5 items y 48px de separacion el menu no cabe
   y saltaba a dos lineas. */
@media(max-width:1200px){
 .elementor-16763 .elementor-element.elementor-element-6858506{--e-nav-menu-horizontal-menu-item-margin:calc( 36px / 2 )}
}
.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--dropdown li:not(:last-child) > a{border-bottom:1px solid #EEF2F6}
.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--dropdown a{display:flex!important;align-items:center;justify-content:space-between;padding:15px 20px!important;font-family:'Poppins',sans-serif;font-size:14.5px;font-weight:400;line-height:1.35;transition:background-color .18s ease}
/* El chevron va SOLO en los sub-items (.elementor-sub-item), no en cualquier <a>.
   En movil este mismo contenedor .elementor-nav-menu--dropdown envuelve tambien los
   items de primer nivel, y en esos Elementor ya usa el ::after para su indicador:
   se lo deja en position:absolute, left:20px y opacity:0. Al pintarle encima este
   chevron heredaba ese absolute y, en cuanto "Soluciones" se abria y subia la
   opacidad, salia superpuesto sobre el texto en vez de a la derecha. Ese item
   ademas ya tiene su propia flecha, el .sub-arrow que pone Elementor. */
.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--dropdown .elementor-sub-item::after{content:"";width:8px;height:8px;flex:0 0 auto;margin-left:18px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);opacity:.6}
.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--dropdown .elementor-sub-item:hover::after{opacity:1}
.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--dropdown a:hover,
.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--dropdown a:focus,
.elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#1B1E2D!important}
/* OJO: "Navidad" NO lleva color forzado. Usa los colores normales del widget:
   navy en reposo y naranja solo cuando es el item activo (o en hover), igual que
   el resto. Si se le pone un color fijo, se pierde la senal de pagina actual. */
/* Apertura por CLIC en vez de por hover. Solo en escritorio. La clase gp-abierto la
   pone el script del widget HTML del header; sin ese script esta regla dejaria el
   submenu inaccesible. */
@media(min-width:768px){
 .elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu > li > ul.elementor-nav-menu--dropdown{display:none!important}
 .elementor-16763 .elementor-element.elementor-element-6858506 .elementor-nav-menu > li.gp-abierto > ul.elementor-nav-menu--dropdown{display:block!important}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5d79583 *//* Icono propio (Asset-16-1.webp). El control de iconos de Elementor solo acepta
   Font Awesome o SVG, no .webp: se oculta el <i> y se pinta la imagen en el span. */
.elementor-16763 .elementor-element.elementor-element-5d79583 .elementor-button-icon i,
.elementor-16763 .elementor-element.elementor-element-5d79583 .elementor-button-icon svg{display:none!important}
.elementor-16763 .elementor-element.elementor-element-5d79583 .elementor-button-icon{display:inline-block;width:18px;height:16px;background:url('https://giftpoint.io/wp-content/uploads/2026/08/Asset-16-1.webp') center/contain no-repeat}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef519c9 *//* Panel oscuro de seleccion de pais, colgado del boton Comprar gift cards */
.elementor-16763 .elementor-element.elementor-element-ef519c9 .gp-paises{width:272px;background:#131A2C;border-radius:14px;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 44px rgba(11,19,33,.34);overflow:hidden;font-family:'Poppins',sans-serif}
.elementor-16763 .elementor-element.elementor-element-ef519c9 .gp-paises[hidden]{display:none}
.elementor-16763 .elementor-element.elementor-element-ef519c9 .gp-paises-tit{margin:0;padding:14px 16px;color:#FFFFFF;font-size:12px;font-weight:600;line-height:1.4;border-bottom:1px solid rgba(255,255,255,.12)}
.elementor-16763 .elementor-element.elementor-element-ef519c9 .gp-paises a{display:flex;align-items:center;gap:11px;padding:9px 16px;color:#FFFFFF;font-size:13.5px;font-weight:400;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.09);transition:background-color .16s ease}
.elementor-16763 .elementor-element.elementor-element-ef519c9 .gp-paises a:last-child{border-bottom:0}
.elementor-16763 .elementor-element.elementor-element-ef519c9 .gp-paises a:hover{background:#1B1E2D}
.elementor-16763 .elementor-element.elementor-element-ef519c9 .gp-paises img{width:26px;height:26px;object-fit:contain;flex:0 0 auto;display:block}
@media(max-width:767px){.elementor-16763 .elementor-element.elementor-element-ef519c9 .gp-paises{width:min(272px,calc(100vw - 28px))}}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e91d837 *//* Menu agrupado a la derecha junto al CTA: el margen automatico se come el espacio
   libre, dejando el logo a la izquierda. */
.elementor-16763 .elementor-element.elementor-element-e91d837 .elementor-widget-nav-menu{margin-left:auto}
/* El desplegable de paises se ancla al borde derecho del contenido, que es donde
   termina el boton. Se posiciona sobre .e-con-inner porque el header ocupa todo el
   ancho y el contenido va centrado a 1240px. */
.elementor-16763 .elementor-element.elementor-element-e91d837 > .e-con-inner{position:relative}
.elementor-16763 .elementor-element.elementor-element-e91d837 .elementor-widget-html{position:absolute;top:100%;right:0;margin-top:-6px;width:auto;z-index:130}
/* Franja de portatil: desde 1025px ya se ve el menu completo, pero con 5 items el ul
   mide ~656px y hasta ~1150px de viewport no cabe junto al logo y al CTA, y el menu
   saltaba a dos lineas. Se aprieta el gap y el boton en esa franja. */
@media(min-width:768px) and (max-width:1200px){
 .elementor-16763 .elementor-element.elementor-element-e91d837 > .e-con-inner{column-gap:24px}
 .elementor-16763 .elementor-element.elementor-element-e91d837 .elementor-widget-button .elementor-button{font-size:13px!important;padding:11px 14px!important;white-space:nowrap}
}
@media(max-width:767px){
 /* OJO: este contenedor es "boxed", asi que los hijos flex cuelgan de .e-con-inner,
    no del propio .elementor-16763 .elementor-element.elementor-element-e91d837. Las reglas antiguas usaban ".elementor-16763 .elementor-element.elementor-element-e91d837 > .elementor-widget"
    y no coincidian con nada: por eso el boton se comprimia y su contenido (nowrap)
    desbordaba el viewport y aparecia scroll horizontal. */
 .elementor-16763 .elementor-element.elementor-element-e91d837 > .e-con-inner > .elementor-widget{flex:0 0 auto;width:auto!important}
 .elementor-16763 .elementor-element.elementor-element-e91d837 .elementor-widget-button .elementor-button{font-size:12px!important;padding:9px 12px!important;white-space:nowrap}
 /* Orden en movil: logo | CTA | hamburguesa. El margin-left:auto pasa del menu al
    boton para que la pareja siga pegada al borde derecho. */
 .elementor-16763 .elementor-element.elementor-element-e91d837 > .e-con-inner > .elementor-widget-button{order:2;margin-left:auto}
 .elementor-16763 .elementor-element.elementor-element-e91d837 > .e-con-inner > .elementor-widget-nav-menu{order:3;margin-left:0;position:static}
 /* El panel del menu movil va EN FLUJO dentro del widget (columna flex): su ancho de
    contenido fijaba el ancho del widget aun estando cerrado. Se saca del flujo. El
    position:static de arriba es imprescindible: sin el, el panel se ancla a la
    hamburguesa (33px) y se sale por la izquierda. */
 .elementor-16763 .elementor-element.elementor-element-e91d837 nav.elementor-nav-menu--dropdown{position:absolute;top:100%;right:0;left:auto;margin-top:14px;width:min(320px,calc(100vw - 28px));z-index:120}
}/* End custom CSS */