body{font-family:Poppins,sans-serif;margin:0;padding:0;color:#333}.container{width:90%;max-width:1200px;margin:0 auto}h1,h2,h3{margin:0}a{text-decoration:none;color:inherit}.btn-cta,.btn-secondary{padding:10px 20px;border-radius:5px;display:inline-block}header{background-color:#333;color:white;padding:10px 0;width:100%}header .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}header .logo{width:150px}header .logo img{width:100%;height:auto}header .menu-toggle{display:none;background:none;border:none;cursor:pointer}header .menu-toggle .hamburger{display:block;width:25px;height:3px;background-color:white;position:relative}header .menu-toggle .hamburger:after,header .menu-toggle .hamburger:before{content:"";position:absolute;width:100%;height:100%;background-color:white}header .menu-toggle .hamburger:before{top:-8px}header .menu-toggle .hamburger:after{top:8px}header .nav-menu ul{list-style:none;padding:0;display:flex;gap:20px}header .nav-menu ul li a{color:white;text-decoration:none}@media (max-width:767px){header .logo{width:100px}header .menu-toggle{display:block}header .nav-menu{display:none;position:absolute;top:60px;left:0;background-color:#333;padding:20px}header .nav-menu.active{display:block}header .nav-menu ul{flex-direction:column;gap:10px}header .btn-cta{padding:8px 15px;font-size:14px}}@media (min-width:768px) and (max-width:1023px){header .logo{width:120px}header .btn-cta{padding:10px 15px;font-size:14px}}.hero{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:white}.hero,.video-background{height:100vh;overflow:hidden}.video-background{position:fixed;top:0;left:0;width:100vw;z-index:-1;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}#video-bg{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);transform-style:preserve-3d;pointer-events:none}@media (max-width:767px){#video-bg{width:100%;height:100%;object-fit:cover;object-position:center}}.hero-content{position:relative;z-index:1;max-width:800px;padding:20px;background-color:rgba(255,255,255,.8);border-radius:10px}.hero-content h1{font-size:36px;margin-bottom:20px;color:black}.hero-content p{font-size:18px;margin-bottom:30px;color:#333}.cta-buttons{display:flex;justify-content:center;gap:20px}.btn-cta,.btn-secondary{padding:10px 20px;border-radius:5px;text-decoration:none;font-size:16px;transition:background-color .3s ease}.btn-cta{background-color:#233E69;color:white}.btn-cta:hover{background-color:#448fe0}.btn-secondary{background-color:#333;color:white}.btn-secondary:hover{background-color:#555}@media (max-width:767px){.hero-content h1{font-size:28px}.hero-content p{font-size:16px}.cta-buttons{flex-direction:column;gap:10px}.video-background:before{background-position:50%}}@media (min-width:768px) and (max-width:1023px){.hero-content h1{font-size:32px}.hero-content p{font-size:18px}}.servicios{padding:60px 0;background-color:#f9f9f9;text-align:center}.servicios .container{max-width:1200px;margin:0 auto;padding:0 20px}.servicios h2{font-size:32px;margin-bottom:40px;color:#333}.servicios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px}.servicio{background-color:white;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.servicio:hover{transform:translateY(-10px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.servicio h3{font-size:24px;margin-bottom:15px;color:#333}.servicio p{font-size:16px;color:#666}@media (max-width:767px){.servicios h2{font-size:28px}.servicios-grid{grid-template-columns:1fr}.servicio{padding:15px}.servicio h3{font-size:20px}.servicio p{font-size:14px}}@media (min-width:768px) and (max-width:1023px){.servicios-grid{grid-template-columns:repeat(2,1fr)}}.nosotros{background-color:#333;color:white;text-align:center;padding:50px 0}.proyectos{padding:60px 0;background-color:#f9f9f9;text-align:center}.proyectos .container{max-width:1200px;margin:0 auto;padding:0 20px}.proyectos h2{font-size:32px;margin-bottom:40px;color:#333}.proyectos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-bottom:40px}.proyecto{cursor:pointer;overflow:hidden;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease;border:3px solid #233e69;display:flex;align-items:center;justify-content:center}.proyecto:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.2);border-color:#568ce2}.proyecto img{object-fit:cover}.modal,.proyecto img{width:100%;height:100%}.modal{position:fixed;top:0;left:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{max-width:90%;max-height:90%;border-radius:10px;overflow:hidden}.modal-content img{width:100%;height:auto;border-radius:10px}@media (max-width:767px){.proyectos h2{font-size:28px}.proyectos-grid{grid-template-columns:1fr}.modal-content{max-width:95%;max-height:95%}}@media (min-width:768px) and (max-width:1023px){.proyectos-grid{grid-template-columns:repeat(2,1fr)}}.contacto{padding:60px 0;background-color:#f9f9f9;text-align:center}.contacto .container{max-width:1200px;margin:0 auto;padding:0 20px}.contacto h2{font-size:32px;margin-bottom:40px;color:#333}.contacto-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px;text-align:left}.info-item{background-color:white;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.info-item h3{font-size:20px;margin-bottom:15px;color:#007BFF}.info-item p{font-size:16px;color:#666;line-height:1.6}.info-item a{color:#007BFF;text-decoration:none}.info-item a:hover{text-decoration:underline}@media (max-width:767px){.contacto h2{font-size:28px}.contacto-info{grid-template-columns:1fr}.info-item{padding:15px}.info-item h3{font-size:18px}.info-item p{font-size:14px}}@media (min-width:768px) and (max-width:1023px){.contacto-info{grid-template-columns:repeat(2,1fr)}}.contacto form{display:flex;flex-direction:column;gap:10px;max-width:500px;margin:0 auto}.contacto input,.contacto textarea{padding:10px;border-radius:5px;border:1px solid #ccc}footer{background-color:#333;color:white;text-align:center;padding:20px 0}.whatsapp-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background-color:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,.2);cursor:pointer;z-index:1000;transition:background-color .3s ease}.whatsapp-button:hover{background-color:#128c7e}.whatsapp-button img{width:40px;height:40px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.whatsapp-button{animation:pulse 2s infinite}.google-business{padding:60px 0;background-color:#f9f9f9;text-align:center}.google-business .container{max-width:1200px;margin:0 auto;padding:0 20px}.google-business h2{font-size:32px;margin-bottom:40px;color:#333}.map-container{margin-bottom:40px;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1)}.business-info{text-align:left;max-width:600px;margin:0 auto}.business-info h3{font-size:24px;margin-bottom:20px;color:#007BFF}.business-info p{font-size:16px;color:#666;margin-bottom:10px}.business-info .btn-cta{display:inline-block;margin-top:20px;padding:10px 20px;background-color:#233E69;color:white;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.business-info .btn-cta:hover{background-color:#0056b3}@media (max-width:767px){.google-business h2{font-size:28px}.business-info h3{font-size:20px}.business-info p{font-size:14px}}