.elementor .boton-scroll{width:50px;height:50px;position:fixed;inset-inline-end:clamp(20px, 9.68px + 2.4vw, 50px);inset-block-end:clamp(20px, 9.68px + 2.4vw, 50px);z-index:90;font-size:0px;color:var(--verde);line-height:0px;cursor:pointer;padding:0px;border-radius:50%;border-width:2.5px;border-color:var(--verde);border-style:solid;background-color:var(--amarillo);opacity:0%;transform:translate3d(0px, 12px, 0px);display:block;visibility: hidden; transition: opacity .3s ease, visibility .3s ease, transform .3s ease, background-color .3s ease, color .3s ease; &::before { content: ""; position: absolute; inset: 0; margin: auto; width: 40px; height: 40px; background: currentColor; -webkit-mask: var(--icono-arriba) center / contain no-repeat; mask: var(--icono-arriba) center / contain no-repeat; } &:hover, &:focus-visible { background-color: var(--verde); color: var(--amarillo); } &:focus-visible { outline: 2px solid var(--amarillo); outline-offset: 3px; }\n}.elementor .pie{width:100%;overflow:hidden;padding-block-start:clamp(40px, 19.36px + 4.8vw, 100px);padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;background-color:var(--amarillo);display:flex;flex-direction:column;gap:clamp(40px, 19.36px + 4.8vw, 100px);align-items:center;}.elementor .pie-legal{width:1440px;max-width:90%;position:relative;column-gap:20px;padding-block-start:22px;padding-block-end:20px;padding-inline-start:0px;padding-inline-end:0px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap: 12px; &::before { content: ""; position: absolute; top: 0; left: 0; right: auto; bottom: auto; width: calc(50% + 50vw); height: 0; border-top: 1px solid var(--verde); @media (max-width: 767px) { width: 100%; } }\n}.elementor .pie-texto{font-family:var(--fuente-texto);font-weight:400;font-size:16px;color:var(--verde);line-height:24px;margin:0px;font-feature-settings: "lnum" 1, "pnum" 1; & strong { font-weight: 600; }\n}.elementor .pie-direccion{text-align:center;& a { color: inherit; text-decoration: underline; text-underline-position: from-font; }\n}.elementor .pie-enlaces{& a { color: inherit; text-decoration: underline; text-underline-position: from-font; } & a + a { margin-left: 20px; } & a + a { @media (max-width: 767px) { margin-left: 0; } }\n}.elementor .pie-principal{width:1195px;max-width:90%;padding:0px;display:flex;flex-direction:column;gap:50px;align-items:center;& h2 { text-align: center; margin-bottom: -20px; @media (max-width: 767px) { margin-bottom: -20px; } }\n}.elementor .pie-contacto{width:100%;padding:0px;display:flex;flex-direction:column;gap:10px;align-items:center;}.elementor .pie-redes{width:956px;max-width:100%;padding-block-start:50px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;border-block-start-width:1px;border-block-end-width:0px;border-inline-start-width:0px;border-inline-end-width:0px;border-color:var(--verde);border-style:solid;display:flex;flex-direction:row;gap:15px;justify-content:center;align-items:center;}.elementor .red-social:hover,.elementor .red-social:focus-visible{color:var(--amarillo);background-color:var(--verde);}.elementor .red-social{width:65px;height:65px;color:var(--verde);padding:12.5px;border-width:1px;border-color:var(--verde);border-style:solid;display:block;&:is(a, div) { transition: background-color .3s ease, color .3s ease; } & svg, & svg * { fill: none; }\n}.elementor .email-copiar:hover,.elementor .email-copiar:focus-visible{color:var(--berenjena);background-color:transparent;}.elementor .email-copiar{position:relative;font-family:var(--fuente-texto);font-weight:600;font-size:20px;color:var(--verde);line-height:32px;text-decoration:underline;padding:0px;border-radius:0px;background-color:transparent;display:inline-flex;gap:3px;align-items:center;&::before { content: ""; width: 32px; height: 32px; flex-shrink: 0; background: var(--icono-copiar) center / contain no-repeat; @media (max-width: 767px) { width: 26px; height: 26px; } } &:is(a, button) { text-underline-position: from-font; }\n}.elementor .boton-flecha:hover,.elementor .boton-flecha:focus-visible{color:var(--verde);border-color:var(--amarillo);background-color:var(--amarillo);}.elementor .boton-flecha{width:400px;height:70px;max-width:100%;overflow:hidden;position:relative;font-family:var(--fuente-texto);font-weight:600;font-size:clamp(1.125rem, 0.996rem + 0.48vw, 1.5rem);color:var(--blanco);line-height:1.6667;text-align:center;padding-block-start:15px;padding-block-end:15px;padding-inline-start:0px;padding-inline-end:32px;border-radius:0px;border-width:1px;border-color:var(--blanco);border-style:solid;background-color:var(--verde);display:block;flex:0 0 auto;white-space: nowrap; font-feature-settings: "lnum" 1, "pnum" 1; &::before, &::after { content: ""; position: absolute; top: 50%; width: 24px; height: 24px; margin-top: -12px; background: currentColor; -webkit-mask: var(--icono-flecha) center / 11px no-repeat; mask: var(--icono-flecha) center / 11px no-repeat; transition: transform .45s cubic-bezier(.16, 1, .3, 1), opacity .3s ease; } &::after { left: 301px; @media (max-width: 767px) { position: static; margin-top: 0; } } &::before { left: 75px; opacity: 0; transform: translateX(-60px); @media (max-width: 767px) { display: none; } } &:hover::after { @media (min-width: 768px) { opacity: 0; transform: translateX(60px); } } &:hover::before { opacity: 1; transform: none; } &:hover:is(a, button) { @media (min-width: 768px) { padding-left: 32px; padding-right: 0px; } } &:is(a, button) { transition: background-color .35s ease, border-color .35s ease, color .35s ease, padding .45s cubic-bezier(.16, 1, .3, 1); } &::after { left: auto; right: var(--flecha-x, 75px); } &::before { left: var(--flecha-x, 75px); } &::after { right: var(--flecha-x, 73px); }\n}.elementor .boton-grande{&:is(a, button) { width: 460px; height: 82px; padding: 19px 35px 19px 0px; background: var(--verde); border-color: var(--verde); font-size: clamp(1.25rem, 1.078rem + 0.64vw, 1.75rem); line-height: 1.5714; @media (max-width: 767px) { width: 100%; height: auto; padding: 16px 60px; line-height: 1.6; } } &:is(a, button):hover { background: var(--berenjena); border-color: var(--berenjena); color: var(--blanco); @media (min-width: 768px) { padding-left: 35px; padding-right: 0px; } } &:is(a, button)::after { left: 334px; } &:is(a, button)::before { left: 26px; }\n}