:root{--main-color:#142035;--accent-color:#fff;--light-bg:#f1f1f1;--text-color:#222;--transition-fast:.2s cubic-bezier(.25,.1,.25,1);--transition-normal:.3s cubic-bezier(.25,.1,.25,1);--transition-slow:.4s cubic-bezier(.25,.1,.25,1);--shadow-sm:0 2px 10px rgba(0,0,0,.1);--shadow-md:0 4px 15px rgba(0,0,0,.15);--shadow-lg:0 8px 25px rgba(0,0,0,.2);--border-radius-sm:.5rem;--border-radius-md:1rem;--border-radius-lg:50px}body{font-family:'Segoe UI',system-ui,sans-serif;color:var(--text-color);background-color:#fff;line-height:1.6;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.2;font-weight:700;color:var(--main-color)}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin-bottom:1.5rem}h2{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:1.25rem}a{color:var(--main-color);text-decoration:none;transition:color var(--transition-fast)}img,video,iframe{width:100%;height:auto;display:block}header{position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);background-color:var(--main-color);will-change:background-color,backdrop-filter}header.scrolled{background-color:rgba(20,32,53,.95);backdrop-filter:blur(10px);padding:.3rem 0}.hero{background-image:-webkit-image-set(url('../imagenes/oficinas_ALS_0.png') 1x,url('../imagenes/oficinas_ALS_0.png') 2x,url('../imagenes/oficinas_ALS_0.png') 3x);background-image:image-set(url('../imagenes/oficinas_ALS_0.png') 1x,url('../imagenes/oficinas_ALS_0.png') 2x,url('../imagenes/oficinas_ALS_0.png') 3x);background-position:center;background-size:cover;background-repeat:no-repeat;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--accent-color);padding:2rem;position:relative;overflow:hidden;content-visibility:auto}.hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);z-index:1}.hero>.container{position:relative;z-index:2}.title{color:#fff}main{padding:3rem 0}.section-title{margin-bottom:2rem;text-align:center}footer{background:var(--main-color);color:var(--accent-color);padding:3rem 0 2rem}.navbar{padding:.5rem 0}.navbar-brand{font-weight:700;font-size:1.5rem;letter-spacing:.5px;position:relative;display:flex;align-items:center}.navbar-brand::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width var(--transition-normal);will-change:width}.navbar-brand:hover::after{width:100%}.navbar-brand i{margin-right:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:500;padding:.8rem 2rem;border-radius:var(--border-radius-lg);transition:all var(--transition-normal);text-align:center;cursor:pointer;border:none;will-change:transform}.btn-primary{background-color:var(--main-color);color:var(--accent-color)}.btn-primary:hover{background-color:#0f192b;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-whatsapp{background-color:#25d366;color:#fff}.btn-whatsapp:hover{background-color:#1ebc59;transform:translateY(-2px);box-shadow:var(--shadow-md)}.icon-box{padding:1.5rem;background:var(--light-bg);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);height:100%;transition:all var(--transition-normal);text-align:center;will-change:transform}.icon-box i{min-height:48px;display:flex;align-items:center;justify-content:center}.icon-box:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}#contacto{background-color:var(--light-bg);padding:3rem;border-radius:var(--border-radius-md);margin-top:2rem;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.05)}.form-control{border:1px solid #ddd!important;border-radius:var(--border-radius-sm)!important;padding:.8rem 1rem!important;transition:all var(--transition-normal)!important}.form-control:focus{border-color:var(--main-color)!important;box-shadow:0 0 0 .25rem rgba(20,32,53,.15)!important}footer{background:var(--main-color);color:var(--accent-color);padding:3rem 0;font-size:.95rem;position:relative}.footer-container{display:flex;flex-direction:column}.footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.footer-col{flex:1;min-width:250px;padding:0 1rem;margin-bottom:1.5rem}footer h5{font-size:1.25rem;margin-bottom:1.5rem;font-weight:600;position:relative;display:inline-block}footer h5::after{content:'';position:absolute;bottom:-8px;left:0;width:40px;height:2px;background-color:var(--accent-color);transition:width var(--transition-normal)}footer h5:hover::after{width:60px}footer p{margin-bottom:1rem;line-height:1.6}footer a{color:var(--accent-color);transition:all var(--transition-fast);display:inline-block}footer a:hover{color:#ddd;transform:translateX(5px)}.footer-contact p{display:flex;align-items:flex-start;gap:.75rem}.footer-contact i{margin-top:.2rem;flex-shrink:0}.footer-divider{margin:2rem auto;border:0;height:1px;background-color:hsla(0,0%,100%,.1);max-width:80%}.footer-bottom{text-align:center;padding-top:1.5rem}.social-links{display:flex;gap:.75rem;margin-top:1.5rem}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:hsla(0,0%,100%,.1);border-radius:50%;transition:all var(--transition-normal)}.social-links a:hover{background-color:hsla(0,0%,100%,.2);transform:translateY(-3px) scale(1.1)}.reviews-badge{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;background:hsla(0,0%,100%,.1);padding:.5rem 1rem;border-radius:var(--border-radius-lg)}@media (max-width:768px){.footer-row{flex-direction:column;gap:1.5rem}.footer-col{min-width:100%;padding:0}.footer-contact p{align-items:center}.social-links{justify-content:center}}@media (max-width:576px){footer{padding:2rem 0}.footer-divider{margin:1.5rem auto}.footer-bottom{padding-top:1rem}}.whatsapp-float{position:fixed;bottom:20px;right:20px;background-color:#25d366;color:#fff;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);z-index:999;transition:all var(--transition-normal);will-change:transform,box-shadow}.call-float{position:fixed;bottom:80px;right:20px;background-color:#1D3557;color:#fff;padding:12px 14px;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1000;transition:background-color .3s ease}.call-float:hover{background-color:#457B9D}.call-float i{font-size:20px}.formulario-contacto{max-width:600px;margin:auto;padding:2rem}@media (prefers-reduced-motion:no-preference){@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(37,211,102,.7)}50%{transform:scale(1.05)}70%{box-shadow:0 0 0 15px rgba(37,211,102,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(37,211,102,0)}}.whatsapp-float{animation:pulse 2s infinite}}@media (min-width:576px){.hero h1{font-size:clamp(2rem,5vw,2.5rem)}}@media (min-width:768px){.hero h1{font-size:clamp(2.5rem,5vw,3rem)}.navbar-collapse{padding:0}}@media (min-width:992px){.container{max-width:960px}.hero h1{font-size:clamp(3rem,5vw,3.5rem)}}@media (min-width:1200px){.container{max-width:1140px}}@media (max-width:575.98px){.hero h1{font-size:clamp(1.5rem,5vw,1.8rem)}#contacto{padding:1.5rem}.btn{width:100%;margin-bottom:.8rem}}@media (min-height:800px){.hero{min-height:100vh}}.logo-circular-container{width:180px;height:180px;margin:0 auto 2rem;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 4px 15px rgba(0,0,0,.2);background-color:#f3f2f4}.logo-circular{width:100%;height:100%;object-fit:contain;padding:15px;box-sizing:border-box}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-circular-container{animation:float 6s ease-in-out infinite}@media (max-width:768px){.logo-circular-container{width:140px;height:140px;margin-bottom:1.5rem}}.logo-circular{object-position:center}.blog-post{background:#fff;border-radius:var(--border-radius-sm);overflow:hidden;transition:all var(--transition-normal);padding:1.5rem;box-shadow:var(--shadow-sm);margin-bottom:2rem;display:flex;flex-direction:column}.blog-post.featured{border-left:4px solid var(--main-color)}.blog-post:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.post-image{overflow:hidden;border-radius:var(--border-radius-sm);margin-bottom:1rem;aspect-ratio:16/9}.post-image img{transition:transform var(--transition-slow);width:100%;height:100%;object-fit:cover;display:block}.post-content{flex:1;display:flex;flex-direction:column}.post-meta{color:#666;font-size:.9rem;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.8rem}.post-title{font-size:1.5rem;margin-bottom:1rem;color:var(--main-color);line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-excerpt{color:var(--text-color);margin-bottom:1.5rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.post-actions{margin-top:auto}@media (max-width:768px){.post-image{aspect-ratio:16/9}.post-title{font-size:1.3rem;-webkit-line-clamp:2}.post-excerpt{-webkit-line-clamp:3}.post-meta{font-size:.8rem;gap:.5rem}} /* Estilos específicos para la página de ubicación */ /* Hero section */ .ubicacion-hero { background-color: #f8f9fa; padding: 3rem; border-radius: var(--border-radius-md); box-shadow: var(--shadow-sm); } .ubicacion-hero h1 { color: var(--main-color); margin-bottom: 1.5rem; } .ubicacion-info { background-color: white; padding: 1.5rem; border-radius: var(--border-radius-sm); box-shadow: var(--shadow-sm); } .ubicacion-info p { margin-bottom: 1rem; display: flex; align-items: center; } .ubicacion-info i { margin-right: 0.5rem; color: var(--main-color); } /* Galería */ .gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.5rem; } .gallery-item { position: relative; border-radius: var(--border-radius-sm); overflow: hidden; transition: transform var(--transition-normal); cursor: pointer; aspect-ratio: 4/3; } .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--transition-slow); } .gallery-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(20, 32, 53, 0.7); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity var(--transition-normal); } .gallery-overlay i { color: white; font-size: 2rem; } .gallery-item:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); } .gallery-item:hover img { transform: scale(1.05); } .gallery-item:hover .gallery-overlay { opacity: 1; } /* Cómo llegar */ #como-llegar { background-color: #f8f9fa; border-radius: var(--border-radius-md); } #como-llegar .card { border: none; box-shadow: var(--shadow-sm); height: 100%; } #como-llegar .card-body { padding: 1.5rem; } #como-llegar h3 { color: var(--main-color); } /* Modal de galería */ .modal-content { border: none; border-radius: var(--border-radius-md); } .modal-header { border-bottom: none; padding-bottom: 0; } .modal-body { padding: 1rem; } /* Responsive */ @media (max-width: 768px) { .ubicacion-hero { padding: 2rem 1rem; } .gallery-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } #como-llegar .card { margin-bottom: 1rem; } } @media (max-width: 576px) { .ubicacion-hero { text-align: center; } .ubicacion-info { margin-top: 1.5rem; } .gallery-grid { grid-template-columns: 1fr; } }