.elementor .menu-email{display:none;&::before { content: ""; width: 24px; height: 24px; flex-shrink: 0; background: var(--icono-copiar) center / contain no-repeat; } &:is(a, button) { text-underline-position: from-font; }\n}.elementor .cabecera{width:100%;min-height:90px;position:sticky;inset-block-start:0px;z-index:100;padding-block-start:15px;padding-block-end:15px;padding-inline-start:max(5%, calc((100% - 1440px) / 2));padding-inline-end:max(5%, calc((100% - 1440px) / 2));background-color:var(--amarillo);display:flex;flex-direction:row;gap:20px;justify-content:space-between;align-items:center;&::after { content: ""; position: fixed; inset: 0; z-index: 1; background: rgba(10, 42, 43, 0.4); opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s; }\n}.elementor .cabecera-logo{width:141px;height:50px;display:block;flex:0 0 auto;}.elementor .menu-logo-panel{display:none;order:-1;}.elementor .menu-principal{width:auto;padding:0px;display:flex;flex-direction:row;gap:clamp(1.25rem, -1.066rem + 3.614vw, 2.1875rem);align-items:center;&::before, &::after { @media (max-width: 1024px) { content: ""; position: static; display: block; width: auto; height: 0px; flex-shrink: 0; border-top: 1px solid rgba(10, 42, 43, 0.2); } } &::before { @media (max-width: 1024px) { order: 0; margin: 22px 0px; } } &::after { @media (max-width: 1024px) { order: 9; margin-top: 22px; } } &:is(div, nav) { @media (max-width: 1024px) { clip-path: inset(0 0 0 100%); transition: clip-path .5s cubic-bezier(.16, 1, .3, 1), visibility .5s; } }\n}.elementor .menu-desplegable{width:auto;position:relative;padding:0px;display:flex;flex-direction:column;gap:0px;align-items:flex-start;&::after { content: ""; position: absolute; top: 100%; left: 0; width: 237px; height: 22px; @media (max-width: 1024px) { display: none; } }\n}.elementor .menu-submenu{width:237px;overflow:hidden;position:absolute;inset-block-start:calc(100% + 17px);inset-inline-start:0px;z-index:5;padding:0px;border-radius:12px;background-color:var(--blanco);opacity:0%;transform:translate3d(0px, -8px, 0px);display:flex;flex-direction:column;gap:0px;visibility: hidden; &:is(div, nav) { transition: opacity .3s ease, transform .4s cubic-bezier(.16, 1, .3, 1), visibility .3s; }\n}.elementor .menu-enlace:hover,.elementor .menu-enlace:focus-visible{color:var(--verde);border-color:rgba(10, 42, 43, 0.8);background-color:transparent;}.elementor .menu-enlace{font-family:var(--fuente-texto);font-weight:600;font-size:16px;color:var(--verde);line-height:24px;padding-block-start:0px;padding-block-end:5px;padding-inline-start:0px;padding-inline-end:0px;border-radius:0px;border-block-start-width:0px;border-block-end-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:transparent;border-style:solid;background-color:transparent;display:inline-flex;gap:5px;align-items:center;text-align: left; white-space: nowrap; font-feature-settings: "lnum" 1, "pnum" 1; & em { @media (max-width: 1024px) { font-size: 28px; line-height: 32px; } } &:is(a, button) { transition: border-color .3s ease; }\n}.elementor .menu-subenlace:hover,.elementor .menu-subenlace:focus-visible{color:var(--verde);text-decoration:underline;background-color:var(--fondo-gris);}.elementor .menu-subenlace{width:100%;font-family:var(--fuente-texto);font-weight:400;font-size:16px;color:var(--verde);line-height:24px;padding-block-start:12px;padding-block-end:12px;padding-inline-start:20px;padding-inline-end:20px;border-radius:0px;border-block-start-width:0px;border-block-end-width:0.5px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:rgba(10, 42, 43, 0.2);border-style:solid;background-color:var(--blanco);display:block;text-align: left; white-space: nowrap; font-feature-settings: "lnum" 1, "pnum" 1;\n}.elementor .menu-hamburguesa{display:none;&::before { content: ""; position: absolute; inset: 0; margin: auto; width: 44px; height: 44px; background: var(--verde); -webkit-mask: var(--icono-hamburguesa) center / contain no-repeat; mask: var(--icono-hamburguesa) center / contain no-repeat; } &[aria-expanded="true"] { position: fixed; top: calc(30px + var(--wp-admin--admin-bar--height, 0px)); right: 30px; width: 35px; height: 35px; border-radius: 50%; background: var(--magenta); } &[aria-expanded="true"]::before { width: 24.7px; height: 24.7px; background: var(--blanco); -webkit-mask-image: var(--icono-cerrar); mask-image: var(--icono-cerrar); } &[aria-expanded="true"] { top: calc(30px + var(--panel-top, 0px)); right: 30px; }\n}.elementor .boton-hablemos:hover,.elementor .boton-hablemos:focus-visible{color:var(--blanco);background-color:var(--berenjena);}.elementor .boton-hablemos{width:180px;height:56px;overflow:hidden;position:relative;font-family:var(--fuente-texto);font-weight:600;font-size:16px;color:var(--blanco);line-height:24px;padding-block-start:16px;padding-block-end:16px;padding-inline-start:38px;padding-inline-end:0px;border-radius:0px;background-color:var(--verde);display:block;flex:0 0 auto;text-align: left; white-space: nowrap; font-feature-settings: "lnum" 1, "pnum" 1; &::before, &::after { content: ""; position: absolute; top: 17.5px; width: 21px; height: 21px; background: var(--amarillo); -webkit-mask: var(--icono-flecha) center / 9.625px no-repeat; mask: var(--icono-flecha) center / 9.625px no-repeat; transition: transform .45s cubic-bezier(.16, 1, .3, 1), opacity .3s ease; } &::after { left: 128px; @media (max-width: 1024px) { position: static; display: inline-block; vertical-align: -5px; width: 24px; height: 24px; margin-left: 8px; -webkit-mask-size: 11px; mask-size: 11px; } } &::before { left: 32px; opacity: 0; transform: translateX(-53px); @media (max-width: 1024px) { display: none; } } &:hover::after { @media (min-width: 1025px) { opacity: 0; transform: translateX(56px); } } &:hover::before { opacity: 1; transform: none; } &:is(a, button) { transition: background-color .35s ease, text-indent .45s cubic-bezier(.16, 1, .3, 1); } &:hover:is(a, button) { @media (min-width: 1025px) { text-indent: 29px; } }\n}.elementor .menu-toggle{&::after { content: ""; width: 20px; height: 20px; flex-shrink: 0; background: currentColor; -webkit-mask: var(--icono-chevron) center / contain no-repeat; mask: var(--icono-chevron) center / contain no-repeat; transform: rotate(90deg); transition: transform .3s ease; @media (max-width: 1024px) { width: 32px; height: 32px; -webkit-mask-image: var(--icono-chevron-movil); mask-image: var(--icono-chevron-movil); } }\n}