@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap";.navbar{position:fixed;top:0;left:0;width:100%;padding:1rem 0;background-color:transparent;transition:all .3s ease;z-index:1000}.navbar.scrolled{background-color:#fffffff2;padding:.5rem 0;box-shadow:0 2px 5px #0000001a}.navbar-container{display:flex;margin-top:-20px!important;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.navbar-logo img{height:125px;width:auto;transition:transform .3s ease}.navbar-logo:hover img{transform:scale(1.1)}.navbar-menu{display:flex;list-style:none}.navbar-menu li{margin-left:2rem;position:relative}.navbar-menu a{color:#fff;font-size:.9rem;font-weight:600;text-transform:uppercase;transition:color .3s ease}.navbar.scrolled .navbar-menu a{color:#333}.navbar-menu a:after{content:"";position:absolute;width:100%;height:2px;bottom:-5px;left:0;background-color:#4caf50;visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out}.navbar-menu a:hover:after{visibility:visible;transform:scaleX(1)}.menu-icon{display:none;flex-direction:column;cursor:pointer}.menu-icon span{display:block;width:25px;height:3px;background-color:#fff;margin-bottom:5px;transition:all .3s ease}.navbar.scrolled .menu-icon span{background-color:#333}@media screen and (max-width: 768px){.navbar-menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:#fffffff2;padding:1rem 0;box-shadow:0 5px 5px #0000001a;transform:translateY(-10px);opacity:0;transition:all .3s ease}.navbar.menu-open .navbar-menu{display:flex;transform:translateY(0);opacity:1}.navbar-menu li{margin:.5rem 0}.navbar-menu a{color:#333}.menu-icon{display:flex}.navbar.menu-open .navbar-menu li a{margin-left:10px}.navbar.menu-open .menu-icon span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar.menu-open .menu-icon span:nth-child(2){opacity:0}.navbar.menu-open .menu-icon span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}html{scroll-behavior:smooth}.hero{height:100vh;width:100%;position:relative;overflow:hidden}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease-in-out,transform 1s ease-in-out;display:flex;align-items:center;justify-content:center;transform:scale(1.1)}.hero-slide:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;opacity:0;transition:opacity 1s ease-in-out}.hero-slide.active{opacity:1;transform:scale(1)}.hero-slide.active:before{opacity:1}.hero-slide.next{opacity:1;transform:scale(1.1)}.hero-content{text-align:center;color:#fff;z-index:1;width:100%;padding:0 2rem;opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.hero-slide.active .hero-content{opacity:1;transform:translateY(0)}.hero.initial-load .hero-slide:first-child,.hero.initial-load .hero-slide:first-child .hero-content{opacity:1;transform:translate(0)}.hero.initial-load .hero-slide,.hero.initial-load .hero-content{transition:opacity 1s ease-out,transform 1s ease-out}.hero.initial-load .hero-slide{transform:translate(-100%)}.hero.initial-load .hero-content{transform:translate(100%)}.hero h1{font-size:3.5rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}.hero p{font-size:1.2rem;margin-bottom:2rem}.cta-button{display:inline-block;padding:.8rem 1.5rem;background-color:#4caf50;color:#fff;border-radius:30px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:background-color .3s ease,transform .3s ease}.cta-button:hover{background-color:#45a049;transform:translateY(-3px)}.whatsapp-logo{position:fixed;bottom:60px;left:1370px;width:140px;height:140px;z-index:1000;animation:jump 1s infinite}@media (max-width: 1366px){.whatsapp-logo{left:800px;width:120px;height:120px}}@media (max-width: 1280px){.whatsapp-logo{left:1100px;width:120px;height:120px}}@media (max-width: 1024px){.whatsapp-logo{left:900px;width:100px;height:100px}}@media (max-width: 768px){.whatsapp-logo{left:80%;width:100px;height:100px;bottom:55px}}@media (max-width: 480px){.whatsapp-logo{left:75%;width:90px;height:90px;bottom:50px}}@keyframes jump{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.quienes-somos{padding:4rem 2rem;background-color:#f9f9f9;overflow:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem}.quienes-somos-content{max-width:800px;text-align:left;opacity:0;transform:translateY(50px);transition:opacity 1s ease,transform 1s ease;flex:1}.quienes-somos.animate .quienes-somos-content{opacity:1;transform:translateY(0)}.quienes-somos h2{color:#4caf50;margin-bottom:2rem;font-size:2.5rem;position:relative;display:inline-block}.quienes-somos h2:after{content:"";position:absolute;width:50%;height:2px;bottom:-10px;left:25%;background-color:#4caf50;transform:scaleX(0);transition:transform .5s ease .5s}.quienes-somos.animate h2:after{transform:scaleX(1)}.quienes-somos p{margin-bottom:1rem;font-size:1rem;line-height:1.6;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.quienes-somos.animate p:nth-child(2){transition-delay:.2s}.quienes-somos.animate p:nth-child(3){transition-delay:.4s}.quienes-somos.animate p{opacity:1;transform:translateY(0)}.quienes-somos-image{flex:1;display:flex;justify-content:center;align-items:center}.quienes-somos-image img{max-width:50%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a}@media screen and (max-width: 768px){.quienes-somos{flex-direction:column;text-align:center}.quienes-somos h2{font-size:2rem}.quienes-somos p{font-size:.9rem}.quienes-somos-image{margin-top:2rem}.quienes-somos-image img{max-width:80%}}.cesped-types{padding:4rem 2rem;background-color:#fff;display:flex;flex-direction:column;align-items:center}.cesped-types h2{text-align:center;color:#4caf50;margin-bottom:2rem;font-size:2.5rem;animation:slideUp 1s ease-out}.cesped-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:900px;margin:0 auto}.cesped-card{background-color:#f9f9f9;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;animation:fadeIn 1s ease-out}.cesped-card:hover{transform:translateY(-10px);box-shadow:0 6px 12px #00000026}.image-slider{position:relative;height:200px;overflow:hidden}.image-slider img{position:relative;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-slider img.active{opacity:1}.cesped-card h3{padding:1rem;font-size:1.4rem;color:#4caf50;text-align:center}.cesped-description{padding:0 1rem 1rem;font-size:1rem;color:#666;text-align:center}.cesped-card.active{transform:translateY(-10px);box-shadow:0 6px 12px #00000026}.cesped-details{padding:1rem;background-color:#fff;animation:slideUp .3s ease-out}.cesped-details h4{color:#4caf50;margin-top:1rem;margin-bottom:.5rem;animation:fadeInLeft .5s ease-out}.cesped-details ul{list-style-type:none;padding-left:1rem}.cesped-details li{margin-bottom:.5rem;position:relative;animation:fadeInRight .5s ease-out;animation-fill-mode:both}.cesped-details li:before{content:"•";color:#4caf50;position:absolute;left:-1rem}@media screen and (max-width: 1024px){.cesped-grid{grid-template-columns:1fr}}@media screen and (max-width: 480px){.cesped-types{padding:2rem 1rem}.cesped-grid{gap:1rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.cesped-details p{animation:fadeIn .5s ease-out}.cesped-details li:nth-child(odd){animation-delay:.1s}.cesped-details li:nth-child(2n){animation-delay:.2s}.cesped-card.active .cesped-details{background:linear-gradient(135deg,#f0f8f0,#fff);transition:background .3s ease}.cesped-card.active h3{color:#45a049;transition:color .3s ease}.cesped-card.active .cesped-description{color:#333;transition:color .3s ease}.que-cesped-elegir{padding:4rem 2rem;background-color:#f0f8f0;text-align:center}.opacity{opacity:0;height:0px;background-color:#4caf50}.que-cesped-elegir h2{color:#4caf50;margin-bottom:2rem;font-size:2.5rem;animation:slideUp 1s ease-out}.cesped-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto 2rem}.guide-item{background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.guide-item:hover{transform:translateY(-5px)}.guide-item h3{color:#4caf50;margin-bottom:1rem}.guide-item p{color:#666}.guide-cta{font-size:1.2rem;font-weight:600;cursor:pointer;color:#4caf50;margin-top:2rem;animation:pulse 2s infinite}@media screen and (max-width: 768px){.que-cesped-elegir h2{font-size:2rem}.guide-item{padding:1.5rem}}.obras-section{padding:4rem 2rem;background-color:#f5f5f5;scroll-margin-top:80px}.obras-title{text-align:center;color:#4caf50;margin-bottom:2rem;font-size:3rem;font-weight:700}.obras-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.obra-card{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;cursor:pointer;position:relative}.obra-card:hover{transform:translateY(-10px);box-shadow:0 6px 12px #00000026}.image-carousel{position:relative;width:100%;height:300px;overflow:hidden}.image-carousel img{width:100%;height:100%;object-fit:cover}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;padding:10px;cursor:pointer;transition:background-color .3s ease}.carousel-button:hover{background-color:#000c}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}.obra-title{padding:1rem;font-size:1.8rem;color:#4caf50;text-align:center}.obra-description{padding:0 1rem;overflow:hidden}.expand-button{position:absolute;bottom:10px;right:10px;background:none;border:none;color:#4caf50;cursor:pointer;transition:transform .3s ease}.expanded .expand-button{transform:rotate(180deg)}@media screen and (max-width: 768px){.obras-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 480px){.obras-title{font-size:2rem}.obras-grid{grid-template-columns:1fr}}@media screen and (max-width: 900px){.obras-grid{grid-template-columns:1fr}}.contact-form{padding:4rem 2rem;background-color:#fff}.contact-form h2{text-align:center;color:#4caf50;margin-bottom:2rem;animation:slideUp 1s ease-out}form{max-width:600px;margin:0 auto;display:flex;flex-direction:column}input,textarea{margin-bottom:1rem;padding:.8rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}input:focus,textarea:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}textarea{min-height:150px;resize:vertical}button[type=submit]{background-color:#4caf50;color:#fff;border:none;padding:1rem;font-size:1rem;font-weight:600;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;animation:slideUp 1s ease-out}button[type=submit]:hover{background-color:#45a049;transform:translateY(-3px)}@media screen and (max-width: 480px){form{padding:0 1rem}}.footer{background:linear-gradient(to right,#4caf50,#45a049);color:#fff;padding:2rem 0}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.footer-info h3{margin-bottom:.5rem;font-size:1.5rem}.footer-info p{margin-bottom:.25rem;font-size:.9rem}.footer-social{display:flex;gap:1rem}.social-icon{display:inline-block;animation:bounce 2s infinite}.icon-image{width:60px;height:60px;border-radius:50%;transition:transform .3s ease}.social-icon:hover .icon-image{transform:scale(1.1)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media screen and (max-width: 768px){.footer-content{flex-direction:column;text-align:center}.footer-social{margin-top:1rem}.footer-info p{font-size:.8rem}.icon-image{width:45px;height:45px}}.visitor-counter{background-color:#4caf50;color:#fff;padding:1rem;text-align:center;font-size:1.2rem;animation:slideInLeft 1s ease-out}.visitor-counter .count{font-weight:700;animation:pulse 2s infinite}:root{--primary-color: #4CAF50;--secondary-color: #45a049;--text-color: #333;--background-color: #f9f9f9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-color)}.App{overflow-x:hidden}h1,h2,h3{margin-bottom:1rem}a{text-decoration:none;color:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media screen and (max-width: 1200px){.container{width:95%}}@media screen and (max-width: 992px){h1{font-size:2.5rem}h2{font-size:2rem}}@media screen and (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}}@media screen and (max-width: 576px){h1{font-size:1.75rem}h2{font-size:1.5rem}}@media screen and (max-width: 480px){h1{font-size:1.5rem}h2{font-size:1.25rem}}