@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&family=Work+Sans:wght@300;400;500;600&display=swap");:root{--color-stone:#1a2a3a;--color-concrete:#2d4a5e;--color-dust:#4a6b7c;--color-parchment:#f0f4f8;--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#3b82f6;--color-accent:#0ea5e9;--color-warm:#6366f1;--font-display:"Crimson Text",serif;--font-body:"Work Sans",sans-serif;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--shadow-soft:0 2px 12px rgba(26,42,58,.08);--shadow-medium:0 4px 24px rgba(26,42,58,.12);--shadow-strong:0 8px 40px rgba(26,42,58,.18);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background:var(--color-parchment);color:var(--color-stone);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;margin-bottom:var(--space-md)}h2{font-size:clamp(2rem,4vw,3rem)}h2,h3{margin-bottom:var(--space-sm)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:var(--space-sm);max-width:65ch}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.btn,button{font-family:var(--font-body);font-weight:500;padding:var(--space-sm) var(--space-md);border:2px solid var(--color-stone);background:transparent;color:var(--color-stone);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;position:relative;overflow:hidden;border-radius:6px}.btn:hover,button:hover{background:var(--color-stone);color:var(--color-parchment);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn:active,button:active{transform:translateY(0)}.navbar{background:var(--color-stone);color:var(--color-parchment);padding:var(--space-sm) var(--space-md);position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:2px solid var(--color-primary);box-shadow:var(--shadow-medium)}.navbar-container{max-width:1200px;margin:0 auto;justify-content:space-between}.navbar-brand,.navbar-container,.navbar-logo-link{display:flex;align-items:center}.navbar-logo-link{gap:.75rem;text-decoration:none;color:var(--color-parchment);transition:opacity var(--transition-fast)}.navbar-logo-link:hover{opacity:.9;color:var(--color-parchment)}.navbar-logo{width:42px;height:42px;object-fit:contain}.navbar-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.navbar-links{display:flex;gap:var(--space-sm);align-items:center}.navbar-link{color:var(--color-parchment);font-weight:500;font-size:.95rem;padding:.5rem 1rem;border-radius:4px;transition:background var(--transition-fast);text-decoration:none}.navbar-link:hover{color:var(--color-parchment)}.navbar-link-highlight,.navbar-link:hover{background:hsla(0,0%,100%,.1)}@media (max-width:768px){.navbar{padding:var(--space-sm)}.navbar-container{flex-direction:column;gap:var(--space-sm)}.navbar-brand{width:100%;justify-content:center}.navbar-title{font-size:1.25rem}.navbar-logo{width:36px;height:36px}.navbar-links{width:100%;justify-content:center;gap:var(--space-xs)}.navbar-link{font-size:.85rem;padding:.4rem .8rem}}.hero-background{position:relative;min-height:calc(100vh - 200px);background-color:#f0f4f8;overflow:hidden}.hero-background:before{background-image:url(/images/Fondoblanco.png);background-size:500px 500px;background-repeat:repeat;opacity:.65}.hero-background:after,.hero-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.hero-background:after{background:radial-gradient(circle at 30% 20%,rgba(37,99,235,.03) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(14,165,233,.03) 0,transparent 50%)}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");z-index:9999}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.25,1,.5,1) forwards;opacity:0}.animate-fade-in{animation:fadeIn .8s ease-out forwards;opacity:0}.animate-fade-in-scale{animation:fadeInScale .8s cubic-bezier(.25,1,.5,1) forwards;opacity:0}.animate-slide-left{animation:slideInLeft .8s cubic-bezier(.25,1,.5,1) forwards;opacity:0}.animate-slide-right{animation:slideInRight .8s cubic-bezier(.25,1,.5,1) forwards;opacity:0}.animate-float{animation:float 5s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-strong)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:0 8px 30px rgba(26,42,58,.15)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-parchment)}::-webkit-scrollbar-thumb{background:var(--color-dust);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-concrete)}@media (max-width:768px){:root{--space-xs:0.375rem;--space-sm:0.75rem;--space-md:1.25rem;--space-lg:2rem;--space-xl:3rem}.hero-background:before{background-size:350px 300px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.text-center{text-align:center}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.stack{flex-direction:column}.cluster,.stack{display:flex;gap:var(--space-sm)}.cluster{flex-wrap:wrap}.logo-baldosa-container{margin-bottom:var(--space-lg);display:flex;align-items:center;justify-content:center;gap:1.5rem;width:100%;overflow:hidden}.baldosa-animada{position:relative;width:480px;max-width:100%;height:280px;flex-shrink:0;transform-style:preserve-3d;perspective:1200px;animation:levantarBaldosa 3.5s cubic-bezier(.25,1,.5,1) forwards}@media (max-width:768px){.logo-baldosa-container{gap:.5rem;padding:0 .25rem}.baldosa-animada{width:90vw;height:calc(90vw * (280 / 480))}}.baldosa-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 20px 40px rgba(0,0,0,.4)}@keyframes entradaDesdeIzq{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes entradaDesdeDer{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.venecitas-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;border-radius:8px}.venecita{position:absolute;width:22px;height:22px;object-fit:cover;border-radius:2px;opacity:0;box-shadow:0 2px 4px rgba(0,0,0,.3);animation:apareceVenecita 1s cubic-bezier(.25,1,.5,1) forwards}@keyframes apareceVenecita{0%{opacity:0;margin-top:5px}to{opacity:1;margin-top:0}}@media (max-width:768px){.venecita{width:16px;height:16px}}.baldosa-texto-superior{position:absolute;top:12%;left:50%;transform:translateX(-50%);font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:#1a1a1a;opacity:0;white-space:nowrap;text-shadow:0 1px 2px hsla(0,0%,100%,.3);animation:apareceTexto 1.2s cubic-bezier(.25,1,.5,1) forwards;animation-delay:2.5s}@keyframes apareceTexto{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.baldosa-texto-superior{font-size:clamp(.9rem,3.5vw,1.4rem)}}.logo-centro{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;object-fit:contain;border-radius:0;opacity:0;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25));animation:apareceNuncaMas 1.5s cubic-bezier(.25,1,.5,1) forwards;animation-delay:2.2s}@keyframes apareceNuncaMas{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:.85;transform:translate(-50%,-50%) scale(1)}}@media (max-width:768px){.logo-centro{width:clamp(100px,30vw,150px);height:clamp(100px,30vw,150px)}}@keyframes levantarBaldosa{0%{transform:rotateX(80deg) translateZ(-40px) scale(.9);opacity:0}to{transform:rotateX(0deg) translateZ(0) scale(1);opacity:1}}.banner-box{text-align:center;padding:var(--space-lg);margin:var(--space-lg) auto;max-width:500px;background:rgba(37,99,235,.03);border-radius:8px;border:1px solid rgba(37,99,235,.1)}.banner-box-text{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--color-stone);letter-spacing:-.02em;line-height:1.1}.banner-box-label{font-size:.9rem;color:var(--color-dust);text-transform:uppercase;letter-spacing:.15em;margin-top:var(--space-sm)}