@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";:root{--blue-light: #cce7ff;--blue-primary: #007bff;--blue-dark: #0056b3;--blue-darker: #003d80;--blue-accent: #00aaff;--font-primary: "Poppins", sans-serif;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.5rem;--font-size-p: 1rem}html{scroll-behavior:smooth}*{margin:0;padding:0;text-decoration:none;list-style:none;box-sizing:border-box}h2{font-size:40px;font-weight:800}body{font-family:var(--font-primary);background-color:#fff;overflow-x:hidden}.container{margin:0 auto;width:1200px}.btn-1{display:inline-block;padding:11px 35px;background-color:#ce967b;color:#f9fafc;text-transform:uppercase}.btn-1:hover{background-color:#ebad8d}.btn-whats i{font-size:50px;position:fixed;bottom:0;right:0;padding:10px 15px;animation:fadeIn 2s ease-in-out forwards;color:#509419}@media (max-width: 991px){.btn-whats{font-size:50px}}.main{display:flex;flex-direction:column;align-items:center;gap:30px;padding:20px}.main-text{display:flex;flex-direction:column;padding:20px 20px 0;max-width:1200px;gap:20px}.main-text h2,.main-text p{text-align:center}.proyectos{display:flex;flex-direction:column;align-items:center}.message-proyects{color:red;font-weight:600}@media (max-width: 991px){.proyectos{flex-direction:column}.main{padding:30px;margin-top:0;flex-direction:column;text-align:center}}.proyects-main{display:flex;justify-content:center}.projects-container{display:flex;gap:50px;align-items:center;padding:20px}.options{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:15px;margin-bottom:20px;width:300px;height:500px;background-color:#000;padding:30px;border-radius:30px}.option{padding:10px 15px;cursor:pointer;color:#fff;font-weight:700;transition:all .3s ease-in-out;font-size:15px}.option:hover{color:#000;background-color:#fff;border-radius:15px}.option.selected{border-bottom:3px solid rgb(255,13,13);transform:scale(1.1);color:#000;background-color:#fff;border-radius:15px}.flip-card-container{--hue: 150;--primary: hsl(var(--hue), 50%, 50%);--white-1: hsl(0, 0%, 90%);--white-2: hsl(0, 0%, 80%);--dark: hsl(var(--hue), 25%, 10%);--grey: hsl(0, 0%, 50%);width:330px;height:540px;display:flex;gap:20px;perspective:1000px}.flip-card{width:inherit;height:inherit;position:relative;transform-style:preserve-3d;transition:.6s .1s}.flip-card-container:hover .flip-card,.flip-card-container:focus-within .flip-card{transform:rotateY(180deg)}.card-front,.card-back{width:100%;height:100%;border-radius:24px;background:var(--dark);position:absolute;top:0;left:0;overflow:hidden;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;border:2px black solid}.card-front{transform:rotateY(0);z-index:2}.card-front p{text-align:justify}.card-back{transform:rotateY(180deg);z-index:1}.flip-card figure{z-index:-1}.flip-card figure,.img-bg{position:absolute;width:115%;height:100%}.card-front img{height:100%;border-radius:24px}.flip-card figcaption{display:block;width:auto;margin-right:20px;padding:8px 22px;font-weight:700;line-height:1.6;letter-spacing:2px;word-spacing:6px;text-align:right;position:absolute;top:10px;right:12px;color:var(--white-1);background:hsla(var(--hue),25%,10%,.5);border-radius:10px}.img-bg{background:hsla(var(--hue),25%,10%,.5)}.card-front .img-bg:before{content:"";position:absolute;top:34%;left:50%;transform:translate(-50%,-50%) rotate(18deg);width:100%;height:6px;border:1px solid var(--primary);border-left-color:transparent;border-right-color:transparent;transition:.1s}.card-back .img-bg{clip-path:polygon(0 0,100% 0,100% 80%,0 60%)}.flip-card-container:hover .card-front .img-bg:before{width:6px;border-left-color:var(--primary);border-right-color:var(--primary)}.card-back ul{width:90%;height:100%;padding:20px 0;list-style:none;color:var(--white-1);font-size:16px;display:flex;justify-content:space-between;text-align:center;flex-direction:column}.card-front li{width:100%;margin-top:12px;padding-bottom:12px;font-size:14px;text-align:center;position:relative}.flip-card li:nth-child(2n){color:var(--white-2)}.flip-card li:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;opacity:.2}button{font-family:inherit;font-weight:700;color:var(--white-1);letter-spacing:2px;padding:9px 20px;border:1px solid var(--grey);border-radius:1000px;background:transparent;transition:.3s;cursor:pointer}button:hover,button:focus{color:var(--primary);background:hsla(var(--hue),25%,10%,.2);border-color:currentColor}button:active{transform:translate(2px)}button:hover+.design-container,button:active+.design-container,button:focus+.design-container{--tr: 20;--op: .7}.abs-site-link{position:fixed;bottom:20px;left:20px;color:#fff9;font-size:16px;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}.card-icons{display:flex;flex-direction:column;align-items:center;gap:80px;padding:20px;width:300px;height:500px;background-color:#000;border-radius:30px}.card-icons i{color:#fff;font-size:100px}@media (max-width: 991px){.card-icons{flex-direction:row;gap:50px}.card-icons i{font-size:50px}.projects-container{display:flex;flex-direction:column;text-align:center;gap:20px}.options{gap:10px}}.choose-main{display:flex;justify-content:center}.choose-container{margin:40px 20px;padding:20px;max-width:1200px;border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 10px #0000001a}.choose-title{font-size:40px;font-weight:700;color:#000;margin-bottom:20px}.choose-list{list-style:none;padding:0}.choose-list li{font-size:18px;color:#000;margin-bottom:10px;text-align:left;position:relative;padding-left:25px}.choose-list li:before{content:"✔";position:absolute;left:0;color:#27ae60;font-weight:700}.choose-icons{padding:20px;display:flex;justify-content:center;gap:200px}.choose-icons i{font-size:150px;color:#000}@media (max-width: 991px){.choose-icons{gap:10px}.choose-icons i{font-size:50px}}.youtube-container{position:relative;width:100%;max-width:1200px;margin:auto;overflow:hidden;box-shadow:0 4px 20px #0003}.youtube-container iframe{width:100%;height:675px;border:none}.mute-button{position:absolute;bottom:15px;left:15px;background-color:#252525;border:none;font-size:24px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.mute-button:hover{background-color:#f0f0f0}@media (max-width: 991px){.youtube-container iframe{height:200px}.mute-button{font-size:16px;padding:6px 10px}}.landing-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center;background-color:#fff;opacity:1;transition:opacity 1s ease-in-out}.landing-container.fade-out{opacity:0}.landing-title{font-size:70px;font-weight:700;color:#000}.landing-subtitle{font-size:40px;color:gray;margin-top:10px}@media (max-width:991px){.landing-title{font-size:50px}.landing-subtitle{font-size:30px}}.footer a{color:#fff}.footer{padding:50px 0;background-color:#1f1f1f;display:flex;text-align:center;justify-content:center;width:100%}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px;width:100%}.footer-info{display:flex;gap:20px}.footer p{color:#fff}.indicador-footer{width:90%;margin:0 auto;border:1px white solid}.link h3{font-size:18px;color:#f9fafc;margin-bottom:15px}.link a{font-size:16px;color:#c5c5c5;display:block;margin-bottom:15px}.networks{display:flex;justify-content:center;gap:30px}.networks a{font-size:30px}.footer a{transition:all .3s ease-in-out;cursor:pointer}.footer a:hover{color:#27ae60;transform:scale(1.05)}@media (max-width: 991px){.footer{padding:30px}.footer-content{flex-direction:column;text-align:center}.footer-info{flex-direction:column}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px}.modal-content{background:#fff;padding:30px;border-radius:10px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 0 20px #0006}.modal-text{font-size:16px;line-height:1.6;text-align:start;display:flex;flex-direction:column;gap:10px}.modal-text h3{font-size:25px}.modal-text p{color:#000;font-size:20px}.modal-text li{list-style:disc;margin-left:20px;font-size:20px}.close-button{position:absolute;top:15px;right:20px;background:none;border:none;font-size:22px;cursor:pointer;color:#333}.close-button:hover{color:#e74c3c}.general{display:flex}.general-1{width:50%;height:700px;padding:0 50px;display:flex;flex-direction:column;justify-content:center;gap:30px}.general-1 h2{text-align:center;font-size:30px}.general-1 p{text-align:center}.general-2{background-image:url(https://images.pexels.com/photos/834892/pexels-photo-834892.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);background-position:center center;background-repeat:no-repeat;background-size:cover;width:50%}.general-3{background-image:url(https://images.pexels.com/photos/27928761/pexels-photo-27928761/free-photo-of-hombre-tecnologia-poder-energia.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);background-position:center center;background-repeat:no-repeat;background-size:cover;width:50%}.general-4{background-image:url(https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);background-position:center center;background-repeat:no-repeat;background-size:cover;width:50%}.general-5{background-image:url(https://images.pexels.com/photos/6693656/pexels-photo-6693656.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);background-position:center center;background-repeat:no-repeat;background-size:cover;width:50%}.services-caracteristicas ul{display:flex;flex-direction:column;gap:10px;color:#fff;align-items:center}.services-caracteristicas ul li{background-color:#2c2c2c;padding:10px 15px;border-radius:15px;transition:ease-in-out .2s}.services-caracteristicas ul li:hover{box-shadow:0 5px 5px #888;transform:scale(1.05)}.services-caracteristicas ul li p{text-align:center;font-size:15px}.services-message{display:flex;flex-direction:column;text-align:center;align-items:center;max-width:1200px;padding:20px;margin:20px auto 0;color:red;font-weight:700;font-size:20px}@media (max-width: 991px){.general{flex-direction:column}.general-1{padding:20px;width:100%;height:800px}.general-1 h2{text-align:center}.general-2,.general-3,.general-4,.general-5{width:100%;height:400px}.general:nth-child(1) .general-1{order:2}.general:nth-child(1) .general-2{order:1}.general:nth-child(2) .general-3{order:1}.general:nth-child(2) .general-1{order:2}.general:nth-child(3) .general-1{order:2}.general:nth-child(3) .general-4{order:1}.general:nth-child(4) .general-5{order:1}.general:nth-child(4) .general-1{order:2}}.header{background-image:linear-gradient(#000000b3,#000000b3),url(https://i.postimg.cc/rpNGVNKs/freepik-the-style-is-candid-image-photography-with-natural-48096.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;height:100vh;display:flex;align-items:center;opacity:0;animation:fadeInBg 2s ease-in-out forwards}.header-content{padding:10px 20px 50px;margin-top:70px;display:flex;flex-direction:column;align-items:start;gap:30px;animation:fadeIn 2s ease-in-out forwards}.header h1,.header h2,.header p{color:#fff}.header-content h1{font-size:50px}.header-content h2{font-size:40px}.header-content p{text-align:justify;line-height:2}.fade-slide{opacity:0;transform:translate(50px);animation:slideIn .5s ease-in-out forwards;display:flex;flex-direction:column;align-items:start;gap:20px}.fade-slide a{animation:none}.navigate{color:#000;background-color:#ffffffab;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0;padding:10px 20px;font-size:20px;margin-top:10px;transition:color .1s ease;position:relative;overflow:hidden}.navigate:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a;transform:translate(-100%);transition:transform .1s ease-in-out;z-index:-1}.navigate:hover{color:#838383}.navigate:hover:before{transform:translate(0)}@keyframes slideIn{0%{opacity:0;transform:translate(1000px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInBg{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{to{opacity:1;transform:scale(1)}0%{opacity:0;transform:scale(.2)}}@media (max-width: 991px){.header-content h1{font-size:25px}.header-content h2{font-size:20px}.header-content p{line-height:1.5}.fade-slide{gap:10px}}.menu{display:flex;justify-content:space-between;padding:20px 20px 20px 40px;position:absolute;top:0;width:100%;align-items:center}.navbar{display:flex;transition:ease-in-out .5s}.navbar li{padding:10px 20px;transition:ease .3s}.navbar li:hover{border-radius:10px}.navbar li a{color:#fff;cursor:pointer;font-size:18px;transition:ease .3s;position:relative}.navbar li:hover a{color:#838383}.navbar li a:after{content:"";position:absolute;top:30px;left:0;height:3px;width:0%;background-color:#27ae60;transition:width .3s ease,left .3s ease}.navbar li a.active:after{width:100%}.navbar li a:hover:after{width:100%}.menu i{color:#fff;font-size:30px}.icon-menu{display:none}@media (max-width: 991px){.icon-menu{display:flex;justify-content:end;z-index:10}.navbar{position:absolute;flex-direction:column;top:80%;right:0;width:100%;background-color:#ffffff9d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;align-items:center;justify-content:center;z-index:10;gap:20px}.navbar li a{color:#000;font-size:20px}.navbar li a:after{top:40px}.navbar.show{display:flex}}.consultation-container{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:40px auto;padding:20px}.consultation-main{display:flex;flex-direction:column;gap:20px}.consultation-title{font-size:40px;font-weight:700;color:#000;text-align:center}.consultation-description{font-size:20px;color:#000;display:flex;flex-direction:column;gap:20px}.consultation-description ul{padding-left:40px}.consultation-description li{list-style:disc;margin-bottom:10px}.important-message{color:red;font-weight:700;text-align:center}.quote-container{max-width:1200px;margin:40px auto;padding:20px;background-color:#111;border-radius:12px}.quote-container h2{text-align:center;margin-bottom:20px;color:#fff}.quote-container form{display:flex;flex-direction:column;gap:20px}.quote-container label{display:flex;flex-direction:column;font-weight:700;color:#fff;font-size:20px}.quote-container input,.quote-container select{padding:8px;border:1px solid #ccc;border-radius:6px;margin-top:5px;font-size:20px;background-color:#fff;color:#000}.quote-container button{padding:12px;background-color:#2d89ef;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:20px;transition:ease .3s}.quote-container button:hover{background-color:#1b5fad}.quote-result{margin-top:20px;font-size:18px;text-align:center;font-weight:700;color:#fff}.projects{padding:80px 20px;text-align:center}.projects h2{font-size:2.2rem;margin-bottom:10px}.projects p{opacity:.8;margin-bottom:40px}.projects-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.project-card{cursor:pointer;transition:transform .3s}.project-card:hover{transform:translateY(-5px)}.image-container{position:relative;overflow:hidden;border:1px solid black;border-radius:10px}.image-container img{width:100%;height:580px;object-fit:cover;transition:transform .4s}.project-card:hover img{transform:scale(1.1)}.overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(20px);background:#000000b3;padding:10px 20px;border-radius:20px;color:#fff;opacity:0;transition:.3s}.project-card:hover .overlay{opacity:1;transform:translate(-50%,-50%) translateY(0)}.project-card h3{margin-top:10px;font-size:1rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;padding:20px}.modal-content{background:#fff;color:#000;max-width:500px;width:100%;border-radius:12px;padding:20px;text-align:center}.modal-content img{width:100%;border-radius:10px;margin-bottom:15px}.modal-info{display:flex;justify-content:space-around;margin:10px 0;font-size:.9rem;opacity:.7}.modal-content button{margin-top:10px;padding:8px 15px;border:none;border-radius:20px;background:#2d2d2d;color:#fff;cursor:pointer}@media (max-width: 1200px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.projects-grid{grid-template-columns:repeat(2,1fr)}.image-container img{height:180px}}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr}}.contacts{padding:80px 20px}.contacts-container{max-width:1200px;display:flex;justify-content:space-between;margin:auto;gap:40px}.contacts h2{font-size:2.2rem;margin-bottom:20px;text-align:center}.contacts h3{font-size:1.8rem;margin-bottom:15px;text-align:center}.contacts p{max-width:700px;margin:0 auto 30px;opacity:.8}.contacts-info{margin-bottom:30px}.info-item{margin:8px;padding:10px 18px;background:#2d2d2d;border-radius:20px;font-size:.9rem;color:#fff}.contacts-extra{margin-top:20px;font-size:.9rem;opacity:.8}.contacts-form{max-width:600px;margin:auto}.contacts-form input,.contacts-form select,.contacts-form textarea{width:100%;padding:12px;margin-bottom:12px;border-radius:10px;border:none;outline:none;background:#f2f2f2}.buttons,.buttons a{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;color:#fff}.buttons button{padding:10px 18px;border-radius:20px;border:none;background:#2d2d2d;color:#fff;cursor:pointer;transition:.3s}.buttons button:hover{opacity:.8}@media (max-width: 768px){.contacts-container{flex-direction:column;gap:40px}.contacts h2{font-size:1.8rem}.contacts p{font-size:.95rem}.contacts-form{width:100%}.buttons{flex-direction:column}.buttons button{width:100%}}