:root{--DESKTOP_NAVBAR_HEIGHT: 118px;--DESKTOP_SECTION_SIZE: calc(100vh - var(--DESKTOP_NAVBAR_HEIGHT) - 2px);--DESKTOP_SECTION_MIN_SIZE: 500px;--BACKGROUND_COLOR: #181818}html,body{background-color:var(--BACKGROUND_COLOR);margin:0;scroll-behavior:smooth;scroll-snap-type:y proximity}section{scroll-margin-top:var(--DESKTOP_NAVBAR_HEIGHT);scroll-snap-align:start;scroll-snap-stop:always}#navbar{display:flex;position:sticky;align-items:center;top:0;left:0;height:var(--DESKTOP_NAVBAR_HEIGHT);padding:0 5%;background-color:#0100f4;border-bottom:2px solid black;z-index:999}#navbar #logo{display:flex;justify-content:start;width:30%;padding:0 1rem}#navbar #logo #logo-container{display:flex;width:min-content;transition:transform .3s;cursor:pointer}#navbar #logo #logo-container:hover{transform:scale(1.1)}#navbar #logo #logo-container img{height:13vh;min-height:66.55px;max-height:90px}#navbar #buttons{display:flex;align-items:center;justify-content:end;width:70%;height:calc(100% - 2rem);gap:3rem}#navbar #buttons button{position:relative;font-family:Alice,serif;font-size:28px;font-weight:bolder;letter-spacing:3px;padding:0 1rem;color:#fff;background-color:transparent;border:none;cursor:pointer}#navbar #buttons button:before{position:absolute;content:"";bottom:-6px;left:0;width:0;height:4px;background-size:100% 100%;transition:width .3s ease-in-out,background .3s}#navbar #buttons button[current]:before{width:100%;background-color:#ff9c01}#navbar #buttons button:hover:before{width:100%;background-color:#ff5100}#container{display:flex;flex-direction:column;justify-self:center;width:90%;margin-bottom:3rem;gap:2rem}#container #welcome{position:relative;min-height:var(--DESKTOP_SECTION_MIN_SIZE);height:var(--DESKTOP_SECTION_SIZE);overflow:hidden}#container #welcome #video{position:relative;width:100%;height:100%}#container #welcome #video video,#container #welcome #video img{position:absolute;top:70%;transform:translateY(-30%);width:100%}#container #welcome #content{display:flex;position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;background-color:#000a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);gap:1rem;z-index:1}#container #welcome #content #logo{display:flex;align-items:center;justify-content:center;height:100%;width:50%}#container #welcome #content #logo img{width:70%}#container #welcome #content #text{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:50%;padding:1rem}#container #welcome #content #text h1{font-family:Playfair Display,serif;font-size:40px;font-weight:900;text-align:center;letter-spacing:.08em;text-shadow:0px 10px 10px black}#container #welcome #content #text p{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:30px;text-align:center;text-shadow:0px 10px 10px black}#container #gallery{display:flex;min-height:var(--DESKTOP_SECTION_MIN_SIZE);height:var(--DESKTOP_SECTION_SIZE);gap:1rem;background:radial-gradient(circle 25vw at center,#ff9f00 0%,var(--BACKGROUND_COLOR) 100%)}#container #gallery #slider{display:flex;align-items:center;justify-content:center;position:relative;width:50%;height:100%}#container #gallery #slider .image-container{display:flex;position:absolute;align-items:center;justify-content:center;height:100%;opacity:0;transition:opacity 1s}#container #gallery #slider .image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 10px 10px var(--BACKGROUND_COLOR)}#container #gallery #slider .image-container img{width:auto;height:auto;max-width:100%;max-height:100%}#container #gallery #text{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;display:flex;align-items:center;justify-content:center;text-align:right;position:relative;width:50%;height:100%;color:#fff;text-shadow:5px 5px 5px #ff590091}#container #gallery #text .text-container{position:absolute;opacity:0;transition:opacity 1s}#container #gallery #text .text-container h1{font-size:42px;padding:0 2rem;margin-bottom:3rem}#container #gallery #text .text-container p{font-size:22px;font-style:italic;padding:0 2rem}#container #gallery #text-header-mobile,#container #gallery #text-footer-mobile{display:none}#container #services{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;display:flex;flex-direction:column;place-items:center;min-height:var(--DESKTOP_SECTION_SIZE);color:#fff;gap:1rem}#container #services #title{display:flex;flex-direction:column;justify-content:center;text-align:center;height:15%;width:100%}#container #services #title h1,#container #services #title h3{padding:0;margin:.5rem}#container #services #content{display:flex;justify-content:center;width:100%;gap:1rem}#container #services #content .planes{display:flex;flex-direction:column;align-items:center;width:calc(33% - 3rem);padding:1rem;border-radius:1.5rem;box-shadow:0 1px 5px #fff;gap:1rem}#container #services #content .planes #logo{height:15%;max-height:95px}#container #services #content .planes #plan-title{font-size:20px;text-align:center;width:100%;padding:.5rem 0}#container #services #content .planes ul{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:20px;margin:0}#container #services #content #plan1{background-color:#43bf81}#container #services #content #plan1 #plan-title{border-top:1px solid #e6fff8;border-bottom:1px solid #e6fff8}#container #services #content #plan2{background-color:#e978d4}#container #services #content #plan2 #plan-title{border-top:1px solid #fff4ff;border-bottom:1px solid #fff4ff}#container #services #content #plan3{background-color:#6d66c6}#container #services #content #plan3 #plan-title{border-top:1px solid #fcfcff;border-bottom:1px solid #fcfcff}#container #services #content #plan3 #album{display:flex;justify-content:end;height:100px;width:100%}#container #services #content #plan3 #album img{height:100%}#container #contact{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;display:flex;flex-direction:column;place-items:center;color:#fff;min-height:var(--DESKTOP_SECTION_MIN_SIZE);height:var(--DESKTOP_SECTION_SIZE)}#container #contact #inner-container{position:relative;width:100%;height:100%;color:#000}#container #contact #inner-container #line1{position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);transform:translate(-50%,-50%);width:80%;height:90%;border:10px solid;border-image-slice:1;border-image-source:linear-gradient(to right,#e2be68 0%,#856029 40%,#856029 60%,#e2be68 100%);z-index:1}#container #contact #inner-container #line2{position:absolute;top:calc(50% + 10px);left:calc(50% + 10px);transform:translate(-50%,-50%);width:80%;height:90%;border:10px solid;border-image-slice:1;border-image-source:linear-gradient(to right,#e2be68 0%,#856029 40%,#856029 60%,#e2be68 100%);z-index:2}#container #contact #inner-container #content{display:flex;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(80% - 19px);height:calc(90% - 19px);background-color:#f3e5f5;background-image:radial-gradient(at 0% 0%,hsla(253,16%,81%,1) 0px,transparent 50%),radial-gradient(at 100% 0%,hsla(225,39%,90%,1) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(339,49%,91%,1) 0px,transparent 50%),radial-gradient(at 0% 100%,hsla(210,30%,85%,1) 0px,transparent 50%);background-size:cover;z-index:3}#container #contact #inner-container #content #top-half{display:flex;height:calc(70% - 1rem - .5px);gap:2rem}#container #contact #inner-container #content #top-half #logo{display:flex;align-items:center;justify-content:center;width:50%}#container #contact #inner-container #content #top-half #logo img{width:auto;height:auto;max-width:70%;max-height:90%}#container #contact #inner-container #content #top-half #text{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;gap:1rem}#container #contact #inner-container #content #top-half #text h1{text-align:center;text-shadow:00px 5px 10px #00000055}#container #contact #inner-container #content #top-half #text button{font-size:min(28px,max(calc(calc(calc(100vw - 1024px) / 451) * 28),20px));width:90%;padding:1rem 2rem;color:#fff;background-color:#ff772e;border:1px solid #ffd28a;border-radius:2rem;box-shadow:5px 5px 20px #0006;transition:background .3s,border .3s,color .3s;cursor:pointer}#container #contact #inner-container #content #top-half #text button:hover{background-color:#278bfd;border:1px solid #ffd28a}#container #contact #inner-container #content #divisor{align-self:center;width:60%;margin:1rem 0;border:1px solid #00000066;border-radius:2rem}#container #contact #inner-container #content #bottom-half{display:flex;align-items:center;justify-content:center;height:calc(30% - 1rem - .5px);padding:0 1rem}#container #contact #inner-container #content #bottom-half h2{display:flex;align-items:center;justify-content:center;text-align:center;width:40%}#container #contact #inner-container #content #bottom-half #links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:60%;height:100%}#container #contact #inner-container #content #bottom-half #links .rrss{display:flex;align-items:center;justify-content:center;width:50%;height:50%}#container #contact #inner-container #content #bottom-half #links .rrss .button{display:flex;align-items:center;justify-content:center;height:70%;gap:.5rem;transition:transform .3s;cursor:pointer}#container #contact #inner-container #content #bottom-half #links .rrss .button:hover{transform:scale(1.1)}#container #contact #inner-container #content #bottom-half #links .rrss .button img{height:100%}#container #contact #inner-container #content #bottom-half #links .rrss .button p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px;white-space:pre}#container #contact #inner-container #content #bottom-half #links .rrss .button p#mobile{display:none}#footer{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:17px;position:relative;width:90%;height:200px;padding:0 5%;color:#fff;background-color:#6060624d}#footer #footer-logo{padding:2rem 5%}#footer #footer-logo img{height:100px}#footer #copyright{display:flex;position:absolute;width:90%;bottom:0}#footer #copyright #text{display:flex;width:70%;gap:1rem}#footer #copyright #author{justify-items:end;width:30%}#footer #copyright #author p{width:min-content;cursor:not-allowed;-webkit-user-select:none;user-select:none;transition:opacity .2s}#footer #copyright #author p:hover{opacity:0}@media(max-height:763px){:root{--DESKTOP_NAVBAR_HEIGHT: calc(16vh - 2px) }}@media(max-height:513px){:root{--DESKTOP_NAVBAR_HEIGHT: 80px}}@media(max-width:479px){#container #contact #inner-container #content #bottom-half #links .rrss .button p#mobile{display:block}#container #contact #inner-container #content #bottom-half #links .rrss .button p#desktop{display:none}}@media(max-width:1200px){#container{width:100%}}@media(max-width:919px){:root{--DESKTOP_NAVBAR_HEIGHT: 80px}#navbar{padding:0}#navbar #logo{display:none}#navbar #buttons{justify-content:center;width:100%;gap:1rem}#navbar #buttons button{padding:0 min(16px,max(calc((100vw - 375px)*.16),0px));font-size:min(28px,max(calc((100vw - 375px)*.28),20px))}#container #welcome #content{flex-direction:column;gap:0}#container #welcome #content #logo{height:50%;width:100%}#container #welcome #content #logo img{width:auto;max-width:70%;max-height:70%}#container #welcome #content #text{place-self:center;height:50%;width:90%;padding:0}#container #welcome #content #text h1{font-size:min(40px,max(calc(calc(calc(100vw - 400px) / 210) * 40),30px))}#container #welcome #content #text p{font-size:min(30px,max(calc(calc(calc(100vw - 400px) / 210) * 30),20px))}#container #gallery{flex-direction:column;background:radial-gradient(circle 50vw at center,#ff9f00 0%,var(--BACKGROUND_COLOR) 100%)}#container #gallery #slider{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:60%}#container #gallery #text{display:none}#container #gallery #text-header-mobile,#container #gallery #text-footer-mobile{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:20%;color:#fff;text-shadow:5px 5px 5px #ff590091}#container #gallery #text-header-mobile .text-container,#container #gallery #text-footer-mobile .text-container{position:absolute;opacity:0;width:100%;transition:opacity 1s}#container #gallery #text-header-mobile .text-container h1{font-size:min(38px,max(calc(calc(calc(100vw - 320px) / 319) * 38),22px));padding:0 1rem}#container #gallery #text-footer-mobile .text-container p{font-size:min(20px,max(calc(calc(calc(100vw - 320px) / 319) * 20),14px));padding:0 1rem}#container #services #title{margin:1rem 0}#container #services #title h3{font-size:min(19px,max(calc((100vw - 320px)/200*19),16px));padding:0 .5rem}#container #services #title h1{font-size:min(32px,max(calc((100vw - 320px)/200*32),26px));padding:0 .5rem}#container #services #content{flex-direction:column;align-items:center;justify-content:center;gap:2rem}#container #services #content .planes{width:80%;padding:1rem 1rem 2rem}#container #contact{height:auto;min-height:var(--DESKTOP_SECTION_SIZE)}#container #contact #title{margin:.5rem 0}#container #contact #title h1{font-size:min(32px,max(calc(calc(calc(100vw - 320px) / 330) * 32),20px));text-align:center;padding:0 .5rem}#container #contact #inner-container{display:flex;align-items:center;justify-content:center;position:relative;height:auto}#container #contact #inner-container #line1,#container #contact #inner-container #line2{display:none}#container #contact #inner-container #content{position:static;transform:none;width:90%;height:auto;padding-bottom:1rem;border:min(10px,max(calc(calc(calc(100vw - 320px) / 330) * 10),4px)) solid;border-image-slice:1;border-image-source:linear-gradient(to right,#e2be68 0%,#856029 40%,#856029 60%,#e2be68 100%);gap:1rem}#container #contact #inner-container #content #top-half{flex-direction:column;height:auto;gap:0}#container #contact #inner-container #content #top-half #logo{width:auto;height:auto;padding:1rem}#container #contact #inner-container #content #top-half #logo img{max-width:50%;max-height:151px}#container #contact #inner-container #content #top-half #text{width:100%;gap:0}#container #contact #inner-container #content #top-half #text h1{font-size:min(32px,max(calc(calc(calc(100vw - 320px) / 330) * 32),24px))}#container #contact #inner-container #content #top-half #text button{font-size:min(20px,max(calc(calc(calc(100vw - 320px) / 330) * 32),14px));width:auto}#container #contact #inner-container #content #divisor{width:80%}#container #contact #inner-container #content #bottom-half{flex-direction:column;height:auto;padding:0 1rem}#container #contact #inner-container #content #bottom-half h2{font-size:min(24px,max(calc(calc(calc(100vw - 320px) / 330) * 24),18px));margin:0 0 1rem;width:100%}#container #contact #inner-container #content #bottom-half #links{width:100%;height:auto}#container #contact #inner-container #content #bottom-half #links .rrss{flex:1 1 50%;flex-wrap:wrap;height:auto;width:auto;max-width:50%;min-width:200px}#container #contact #inner-container #content #bottom-half #links .rrss .button{width:auto;height:auto}#container #contact #inner-container #content #bottom-half #links .rrss .button img{max-height:48px}#footer{width:90%;height:auto}#footer #footer-logo{display:flex;align-items:center;justify-content:center;padding:1rem 5%}#footer #copyright{flex-direction:column;position:static;width:100%}#footer #copyright #text{flex-direction:column;text-align:center;width:100%;gap:0}#footer #copyright #text p{margin:0}#footer #copyright #author{justify-items:center;width:100%}}
