.FooterSection{background-color:var(--primary-color-dark);flex-direction:column;align-items:center;block-size:auto;inline-size:100%;padding-block:40px;padding-inline:20px;display:flex;position:relative;box-shadow:0 -3px 6px #0000003e}.FooterSection .LogoContainer{block-size:auto;inline-size:320px;margin-block-end:20px}.FooterSection .LogoContainer .Logo{background-color:var(--primary-color);block-size:200px;inline-size:100%;-webkit-mask-image:url(/icons/marca-logo.svg);mask-image:url(/icons/marca-logo.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.FooterSection .Slogan{color:#fff;text-align:center;margin-block-end:40px}.FooterSection .SocialMediaList{position:absolute;bottom:40px;left:calc(50vw - 48px)}.FooterSection .InfoContainer{flex-direction:column;align-items:center;gap:12px;inline-size:100%;margin-block-end:40px;display:flex}.FooterSection .Info{text-align:center;color:#e7eaeb;flex-direction:column;place-items:center;gap:4px;inline-size:100%;max-inline-size:280px;font-size:16px;display:flex}.FooterSection .Info .Icon{background-color:#c2c9cc;block-size:24px;inline-size:24px;display:inline-block;-webkit-mask-image:url(/icons/call-icon.svg);mask-image:url(/icons/call-icon.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.FooterSection .Phone .Icon{-webkit-mask-image:url(/icons/call-icon.svg);mask-image:url(/icons/call-icon.svg)}.FooterSection .Address .Icon{-webkit-mask-image:url(/icons/location-icon.svg);mask-image:url(/icons/location-icon.svg)}.FooterSection .Email .Icon{-webkit-mask-image:url(/icons/email-icon.svg);mask-image:url(/icons/email-icon.svg)}.FooterSection .Hour .Icon{-webkit-mask-image:url(/icons/hour-icon.svg);mask-image:url(/icons/hour-icon.svg)}.FooterSection .LocationFrame{border-radius:20px;inline-size:100%;margin-block:12px 40px}
@media (1024px<=width<1920px){.FooterSection{background-color:var(--primary-color-dark);flex-direction:row;justify-content:space-between;align-items:center;block-size:auto;inline-size:100%;padding-block:20px;padding-inline:20px;display:flex;position:relative;box-shadow:0 -3px 6px #0000003e}.FooterSection .LogoContainer{order:3;justify-content:center;align-items:center;block-size:auto;inline-size:140px;margin-block-end:0;display:flex;position:relative;left:0}.FooterSection .LogoContainer .Logo{background-color:var(--primary-color);block-size:140px;inline-size:140px;-webkit-mask-image:url(/icons/marca-logo.svg);mask-image:url(/icons/marca-logo.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.FooterSection .SloganContainer{flex-direction:column;order:2;justify-content:center;align-items:center;gap:8px;display:flex}.FooterSection .Slogan{color:#fff;text-align:center;margin-block-end:0;margin-inline-end:0;font-size:14px}.FooterSection .SocialMediaList{position:relative;bottom:0;left:0}.FooterSection .SocialMediaList .Icon{block-size:20px;inline-size:20px}.FooterSection .InfoContainer{flex-direction:row;align-items:center;gap:12px;inline-size:auto;margin-block-end:0;display:flex}.FooterSection .InfoContainer br{display:none}.FooterSection .InfoContainer .InfoContent{flex-direction:column;align-items:center;gap:12px;inline-size:auto;display:flex}.FooterSection .LocationFrame{border-radius:20px;block-size:132px;inline-size:200px;margin-block-end:0}.FooterSection .Info{text-align:left;color:#e7eaeb;flex-direction:row;place-items:center;gap:4px;inline-size:100%;max-inline-size:480px;font-size:14px;display:flex}.FooterSection .Info .Icon{block-size:18px;inline-size:18px;display:inline-block}}
:root{--primary-color:#00b7cd;--primary-color-dark:#03464f;--secondary-color:#c49a6c;--secondary-color-dark:#967755}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:DIN;src:url(/fonts/DIN_Medium.otf);weight:500}@keyframes fadeIn{0%{filter:blur(100px);opacity:0}to{filter:blur();opacity:1}}@keyframes fadeOut{0%{filter:blur();opacity:1}to{filter:blur(100px);opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translateY(500px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInSmall{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-500px)}}@keyframes slideOutSmall{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slideLeftIn{0%{opacity:0;transform:translate(500px)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftInSmall{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-500px)}}@keyframes slideLeftOutSmall{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100px)}}@keyframes slideRightIn{0%{opacity:0;transform:translate(-500px)}to{opacity:1;transform:translate(0)}}@keyframes slideRightInSmall{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideRightOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(500px)}}@keyframes slideRightOutSmall{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}@keyframes scalePending{0%{opacity:0;transform:scale(0)}to{opacity:0;transform:scale(0)}}@keyframes scaleInTop{0%{transform-origin:top;opacity:0;transform:scaleY(0)}to{transform-origin:top;opacity:1;transform:scale(1)}}@keyframes scaleOutTop{0%{transform-origin:top;opacity:1;transform:scale(1)}to{transform-origin:top;opacity:0;transform:scaleY(0)}}