#root{display:flex;flex-direction:column;min-height:100vh}.footer{width:100%;box-sizing:border-box;background-color:#f5f5f5;color:#000;font-size:14px;border-radius:10px;padding:15px;margin-top:auto}.footer_container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:25px}.footer_content{margin:0;text-align:left}.navbar_logo{width:110px;height:90px;mix-blend-mode:darken;flex-shrink:0}.navigation_items{padding-right:20px;cursor:pointer}.container_navigation_items{display:flex;gap:60px;flex-wrap:nowrap;white-space:nowrap}.top_btn_position{position:fixed;bottom:15px;right:20px;height:30px;width:30px;background-color:#fff;color:#3a2642;cursor:pointer;mix-blend-mode:darken}.container_portfolio{display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:20px}.portfolio_logo_div{flex:0 0 auto;margin-left:30px}.portfolio_logo{width:110px;height:90px;mix-blend-mode:darken;flex-shrink:0}.portfolio{position:absolute;left:50%;transform:translate(-50%);font-size:1.5rem;font-weight:700}.proyecto_card{width:300px;height:400px}.proyecto_ver_mas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#000000b3;padding:10px 20px;border:1px solid white;border-radius:4px;text-transform:uppercase;text-align:center;display:flex;flex-direction:column;justify-content:center;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.imageSliderContainer{width:100%;margin:0 auto}@media only screen and (max-width:299px){.imageSliderContainer{height:630px;width:800px}.portfolio_proyecto_image{height:230px}.proyecto_card{width:370px;height:600px}.proyectos_grid{justify-content:flex-start!important;display:flex!important;width:800px}.contact,.footer{width:800px}}@media only screen and (min-width:300px)and (max-width:399px){.imageSliderContainer{height:410px}.portfolio_proyecto_image{height:130px}.container_portfolio{position:relative;width:100%;height:80px}.portfolio_logo_div{position:absolute;left:20%;top:50%;transform:translate(-50%,-50%)}.portfolio{position:absolute;left:70%;top:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700}.proyecto_card{width:130px;height:250px}.proyecto_ver_mas{padding:5px 10px!important;font-size:.5rem!important;width:40px!important;line-height:1.1!important}}@media only screen and (min-width:400px)and (max-width:499px){.imageSliderContainer{height:430px}.portfolio_proyecto_image{height:150px}.container_portfolio{position:relative;width:100%;height:80px}.portfolio_logo_div{position:absolute;left:25%;top:50%;transform:translate(-50%,-50%)}.portfolio{position:absolute;left:70%;top:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700}.proyecto_card{width:180px;height:330px}.proyecto_ver_mas{padding:5px 10px;font-size:.7rem;width:50px;line-height:1.1}}@media only screen and (min-width:500px)and (max-width:599px){.imageSliderContainer{height:450px}.portfolio_proyecto_image{height:170px}.container_portfolio{position:relative;width:100%;height:80px}.portfolio_logo_div{position:absolute;left:25%;top:50%;transform:translate(-50%,-50%)}.portfolio{position:absolute;left:70%;top:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700}.proyecto_card{width:230px;height:350px}.proyecto_ver_mas{padding:5px 10px;font-size:.7rem;width:50px;line-height:1.1}}@media only screen and (min-width:600px)and (max-width:699px){.imageSliderContainer{height:470px}.portfolio_proyecto_image{height:170px}.container_portfolio{position:relative;width:100%;height:80px}.portfolio_logo_div{position:absolute;left:25%;top:50%;transform:translate(-50%,-50%)}.portfolio{position:absolute;left:70%;top:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700}.proyecto_card{width:280px;height:400px}.proyecto_ver_mas{padding:5px 10px;font-size:.7rem;width:50px;line-height:1.1}}@media only screen and (min-width:700px)and (max-width:799px){.imageSliderContainer{height:490px}.portfolio_proyecto_image{height:170px}.proyecto_card{width:155px;height:340px}.proyecto_ver_mas{padding:5px 10px;font-size:.7rem;width:50px;line-height:1.1}}@media only screen and (min-width:800px)and (max-width:899px){.imageSliderContainer{height:510px}.portfolio_proyecto_image{height:170px}.proyecto_card{width:180px;height:360px}.proyecto_ver_mas{padding:5px 10px;font-size:.7rem;width:50px;line-height:1.1}}@media only screen and (min-width:900px)and (max-width:999px){.imageSliderContainer{height:530px}.portfolio_proyecto_image{height:190px}.proyecto_card{width:205px;height:380px}.proyecto_ver_mas{padding:5px 10px;font-size:.7rem;width:50px;line-height:1.1}}@media only screen and (min-width:1000px)and (max-width:1099px){.imageSliderContainer{height:550px}.portfolio_proyecto_image{height:190px}.proyecto_card{width:230px;height:400px}.proyecto_ver_mas{padding:5px 10px;font-size:.7rem;width:50px;line-height:1.1}}@media only screen and (min-width:1100px)and (max-width:1199px){.imageSliderContainer{height:570px}.portfolio_proyecto_image{height:190px}.proyecto_card{width:255px;height:450px}.proyecto_ver_mas{padding:5px 10px;font-size:.7rem;width:50px;line-height:1.1}}@media only screen and (min-width:1200px)and (max-width:1299px){.imageSliderContainer{height:590px}.portfolio_proyecto_image{height:190px}.proyecto_card{width:280px;height:500px}}@media only screen and (min-width:1300px)and (max-width:1399px){.imageSliderContainer{height:610px}.portfolio_proyecto_image{height:210px}.proyecto_card{width:305px;height:550px}}@media only screen and (min-width:1400px)and (max-width:1499px){.imageSliderContainer{height:630px}.portfolio_proyecto_image{height:230px}.proyecto_card{width:330px;height:600px}}@media only screen and (min-width:1500px){.imageSliderContainer{height:650px}.portfolio_proyecto_image{height:250px}.proyecto_card{width:350px;height:600px}}@keyframes rectFill{0%{width:0%}to{width:100%}}.loading-rect-container{width:25px;height:10px;background-color:#3a264233;border-radius:6px;overflow:hidden;transition:all .3s ease}.loading-rect-filler{height:100%;background-color:#3a2642;width:0%;animation:rectFill 5s linear forwards}.static-dot{width:12px;height:12px;background-color:#3a2642;border-radius:50%;opacity:.3;transition:all .3s ease}.portfolio_image_wrapper{width:100%;position:relative;overflow:hidden;cursor:pointer;margin-bottom:20px}.portfolio_proyecto_image{width:100%;object-fit:cover;object-position:center;display:block}.image_base_grayscale{position:relative;filter:grayscale(100%);z-index:1}.image_top_color{position:absolute;top:0;left:0;filter:grayscale(0%);z-index:2;clip-path:inset(0 100% 0 0);transition:clip-path .5s ease}.project_title{position:absolute;bottom:5px;left:5px;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:3;background:linear-gradient(to right,#3a2642cc 0% 0%);padding:5px 10px;border-radius:5px;font-size:1rem;font-weight:700;background-size:0% 100%;background-repeat:no-repeat;transition:background-size .5s ease}.portfolio_image_wrapper:hover .image_top_color{clip-path:inset(0 0 0 0)}.portfolio_image_wrapper:hover .project_title{background-size:100% 100%}.proyecto_card_link{text-decoration:none;color:inherit;display:block;width:100%;height:100%}.proyecto_card_link:hover .proyecto_image_wrapper img{transform:scale(1.05)}.proyecto_card_link:hover .proyecto_ver_mas{opacity:1;transform:translate(-50%,-50%) scale(1.1);pointer-events:auto}.portfolio_card_link{text-decoration:none;color:inherit;display:block;width:100%;height:100%}.proyectos_grid{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;padding:20px 0}.proyecto_image_wrapper{position:relative;width:100%;height:100%;aspect-ratio:2 / 3;overflow:hidden;border-radius:8px;cursor:pointer}.proyecto_image_wrapper img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.proyecto_image_title{position:absolute;bottom:16px;left:16px;color:#fff;font-size:1.2rem;font-weight:600;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px 12px;border-radius:4px}.proyecto_ver_mas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#000000b3;padding:10px 20px;border:1px solid white;border-radius:4px;text-transform:uppercase;text-align:center;display:flex;flex-direction:column;justify-content:center;text-decoration:none;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.proyecto_image_wrapper:hover .proyecto_ver_mas{opacity:1;transform:translate(-50%,-50%) scale(1.1);pointer-events:auto}.proyectos_ver_mas_proyectos{font-size:18px;text-decoration:none;font-weight:600;display:block;padding:12px 32px;border-radius:50px;border:2px solid #3a2642;background-color:transparent;color:#3a2642;transition:all .4s cubic-bezier(.175,.885,.32,1.275);letter-spacing:.5px;width:fit-content;margin:10px auto 0}.proyectos_ver_mas_proyectos:hover{background-color:#3a2642;color:#fff;box-shadow:0 8px 15px #3a264233;transform:translateY(-2px)}.contact{display:flex;justify-content:center;align-items:center;min-height:35vh;background:#3a2642;border-radius:10px;margin-bottom:20px}.contact_form{max-width:600px;width:100%;background:#8b7394;padding:25px 25px 30px;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0003}.contact_form h2{font-size:30px;text-align:center}.contact_form .input-box{margin-top:20px}.input-box .field{width:100%;height:48px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;padding:12px;font-size:16px;transition:all .3s ease;box-sizing:border-box}.input-box label{display:block;margin-bottom:8px;font-size:15px;font-weight:700}.input-box .field:focus{color:#000;border-color:#3a2642;background-color:#fff;box-shadow:0 0 10px #3a264233;outline:none}.input-box .field::placeholder{color:#fff9}.input-box .field.mess{height:200px;resize:none;padding:12px}.contact_form button{cursor:pointer;font-size:18px;text-decoration:none;font-weight:600;display:block;padding:10px 25px;border-radius:10px;border:2px solid #3a2642;background-color:transparent;color:#3a2642;transition:all .4s cubic-bezier(.175,.885,.32,1.275);letter-spacing:.5px;width:fit-content;margin:10px auto 0}.contact_form button:hover{background-color:#3a2642;color:#fff;box-shadow:0 8px 15px #3a264233;transform:translateY(-2px)}.message_container{text-align:center;width:100%;margin:15px 0}.successMessage{color:green;font-size:large;background-color:#fff;padding:8px 20px;border-radius:8px;display:inline-block;font-weight:500;box-shadow:0 2px 5px #0000001a}.errorMessage{color:red;font-size:large;background-color:#fff;padding:8px 20px;border-radius:8px;display:inline-block;font-weight:500;box-shadow:0 2px 5px #0000001a}