.elementor-33 .elementor-element.elementor-element-c6e4199{--display:flex;--min-height:31vh;--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-33 .elementor-element.elementor-element-c6e4199:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-c6e4199 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#720BCF00;background-image:url("https://ataraxiapi.com/wp-content/uploads/2026/03/header.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-33 .elementor-element.elementor-element-c6e4199 > .elementor-shape-bottom .elementor-shape-fill, .elementor-33 .elementor-element.elementor-element-c6e4199 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#E3B177;}.elementor-33 .elementor-element.elementor-element-c6e4199 > .elementor-shape-bottom svg, .elementor-33 .elementor-element.elementor-element-c6e4199 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:23px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-33 .elementor-element.elementor-element-96cd24a{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:center;}.elementor-33 .elementor-element.elementor-element-96cd24a img{width:59%;transition-duration:0.3s;}.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-33 .elementor-element.elementor-element-5f89835{width:var( --container-widget-width, 70% );max-width:70%;margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 14px) 0px;padding:0px 0px 0px 0px;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-33 .elementor-element.elementor-element-5f89835 .elementor-nav-menu .elementor-item{font-family:"Patrick Hand", Sans-serif;font-weight:600;}.elementor-33 .elementor-element.elementor-element-5f89835 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-33 .elementor-element.elementor-element-5f89835 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-33 .elementor-element.elementor-element-5f89835 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-33 .elementor-element.elementor-element-5f89835 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-33 .elementor-element.elementor-element-5f89835 .elementor-nav-menu--main .elementor-item:focus{color:#E3B177;fill:#E3B177;}.elementor-33 .elementor-element.elementor-element-5f89835 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#E3B177;}.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-33 .elementor-element.elementor-element-c6e4199{--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;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--padding-top:015px;--padding-bottom:26px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-33 .elementor-element.elementor-element-c6e4199 > .elementor-shape-bottom svg, .elementor-33 .elementor-element.elementor-element-c6e4199 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:28px;}.elementor-33 .elementor-element.elementor-element-96cd24a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;z-index:999;text-align:start;}.elementor-33 .elementor-element.elementor-element-96cd24a img{width:100%;}.elementor-33 .elementor-element.elementor-element-5f89835{width:100%;max-width:100%;--e-nav-menu-horizontal-menu-item-margin:calc( -18px / 2 );}.elementor-33 .elementor-element.elementor-element-5f89835 .elementor-nav-menu .elementor-item{font-size:16px;}.elementor-33 .elementor-element.elementor-element-5f89835 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-33 .elementor-element.elementor-element-5f89835 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:-18px;}}/* Start custom CSS for container, class: .elementor-element-c6e4199 *//* 1. EL CONTENEDOR PRINCIPAL DEL BOTÓN */
.elementor-33 .elementor-element.elementor-element-c6e4199 .elementor-nav-menu a {
    /* Quitamos los fondos base para no crear conflictos */
    background: transparent !important; 
    color: #000000 !important;
   
    /* El espacio interior para empujar el texto. 
       Añadí más a la izquierda/derecha para que respire */
    padding: 0px 0px 6px 0px !important; 
    margin: 0px;
    
    /* Aplicamos tu marco dibujado */
    border-style: solid;
    border-width: 25px; 
    border-color: transparent; 
    border-image-source: url('https://ataraxiapi.com/wp-content/uploads/2026/03/bordebotonfondoblanco.webp');
    
    /* IMPORTANTE: Quitamos la palabra "fill" de aquí para evitar que manche por fuera */
    border-image-slice: fill 170; 
    border-image-repeat: stretch;
    border-image-outset: 0px; 
    
    /* Configuración para contener el fondo falso que crearemos abajo */
    position: relative;
    z-index: 100;
    box-shadow: none !important;
    transition: all 0.2s;
}

/* 2. EL FONDO BLANCO "FALSO" DETRÁS DEL BORDE (TÉCNICA AVANZADA) */
.elementor-33 .elementor-element.elementor-element-c6e4199 .elementor-nav-menu a::before {
    content: '';
    position: absolute;
    
    /* Estas coordenadas (top, bottom, etc.) controlan exactamente hasta dónde llega el color. 
       Si el color blanco sobresale un poco del marco, sube estos números a 4px o 5px */
    top: 0px; 
    bottom: 5px; 
    left: -15px; 
    right: -15px;
   
    
    /* El color base blanco (puedes poner un crema si prefieres) */
    background-color: #E3B177important;
    
    /* Manda el fondo blanco por detrás del texto y del marco */
    z-index: -1; 
    
    /* Redondeamos un pelín el fondo blanco por si se asoma por las esquinas del trazo */
    border-radius: 20px; 
    transition: all 0.2s;
}

/* 3. EL TEXTO */
.elementor-33 .elementor-element.elementor-element-c6e4199 .elementor-nav-menu a .elementor-item {
    position: relative;
    z-index: 9999; /* Asegura que el texto siempre esté encima del fondo */
     }

/* 4. EFECTOS AL PASAR EL RATÓN (HOVER) */
.elementor-33 .elementor-element.elementor-element-c6e4199 .elementor-nav-menu a:hover::before {
    /* Cambia el color del "fondo falso" al amarillo al pasar el ratón */
    background-color: #E3B177;
}

.elementor-33 .elementor-element.elementor-element-c6e4199 .elementor-nav-menu a:hover {
    transform: scale(1.05) rotate(-2deg);
}

/* 5. COLOR PARA LA PÁGINA ACTUAL (ACTIVA) */
.elementor-33 .elementor-element.elementor-element-c6e4199 .elementor-nav-menu .current-menu-item a::before {
    background-color: #E3B177;
}


/* AUMENTAR 50% EL TAMAÑO DEL MENU EN ESCRITORIO */
@media (min-width: 1025px) {

.elementor-33 .elementor-element.elementor-element-c6e4199 .elementor-nav-menu a{
    font-size: 1.5em !important;
    padding: 0px 0px 9px 0px !important; /* aumentamos también un poco el espacio */
}

}/* End custom CSS */