﻿ *{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:'Estedad';src:url('fonts/Estedad-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Estedad';src:url('fonts/Estedad-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Estedad';src:url('fonts/Estedad-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}.icon{width:1.2em;height:1.2em;display:inline-block;vertical-align:middle;fill:currentColor;flex-shrink:0}.nav-item .icon{width:18px;height:18px}.contact-icon .icon,.social-icon .icon{width:20px;height:20px;fill:white}.map-button .icon{width:18px;height:18px;fill:white}.address .icon{width:20px;height:20px;flex-shrink:0}.social-arrow.icon{width:16px;height:16px}.footer-copyright .icon{width:16px;height:16px}.developer-link .icon{width:20px;height:20px}:root{--primary-color:#1B365D;--secondary-color:#C99A47;--accent-color:#E6C17A;--bg-primary:#f8fafc;--bg-secondary:#e2e8f0;--text-primary:#0D1B2A;--text-secondary:#475569;--glass-bg:rgba(255,255,255,0.7);--glass-border:rgba(0,0,0,0.1);--shadow-sm:0 2px 10px rgba(0,0,0,0.1);--shadow-md:0 4px 20px rgba(0,0,0,0.15);--shadow-lg:0 10px 40px rgba(0,0,0,0.2);--gradient-primary:linear-gradient(135deg,#1B365D 0%,#0D1B2A 100%);--gradient-secondary:linear-gradient(135deg,#C99A47 0%,#E6C17A 100%);--gradient-accent:linear-gradient(135deg,#1B365D 0%,#C99A47 100%)}body{font-family:'Estedad',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6;position:relative}body::before{content:'';position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background-image:url('logo-background.svg');background-size:contain;background-position:center;background-repeat:no-repeat;opacity:0.025;z-index:0;pointer-events:none}body.dark-theme::before{filter:brightness(0) invert(1);opacity:0.04}.bg-decoration{position:fixed;border-radius:50%;filter:blur(100px);opacity:0.3;z-index:0;pointer-events:none}.decoration-1{width:500px;height:500px;background:var(--gradient-primary);top:-200px;right:-200px;animation:float 20s ease-in-out infinite}@keyframes float{0%,100%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes pulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:0.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:0.2}}.sidebar{position:fixed;left:50%;top:20px;transform:translateX(-50%);display:flex;flex-direction:row;gap:15px;z-index:1000;background:rgba(255,255,255,0.25);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);padding:15px 25px;border-radius:50px;border:1px solid rgba(255,255,255,0.4);box-shadow:0 8px 32px 0 rgba(31,38,135,0.25),0 4px 16px 0 rgba(0,0,0,0.12);align-items:center}.logo-container{display:flex;align-items:center;justify-content:center}.navbar-logo{height:45px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1));transition:filter 0.3s ease}body.dark-theme .navbar-logo{filter:brightness(0) invert(1) drop-shadow(0 2px 4px rgba(255,255,255,0.2))}body.dark-theme .card-logo{filter:brightness(0) invert(1)}.nav-item{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all 0.3s ease;color:#C99A47;font-size:18px;background:transparent;border:none;text-decoration:none}.nav-item:hover{background:var(--glass-bg);color:#E6C17A;transform:scale(1.1)}.nav-item.active{background:var(--gradient-primary);color:white;box-shadow:0 5px 15px rgba(27,54,93,0.4)}.nav-divider{width:1px;height:30px;background:var(--glass-border);margin:0 5px}.container{position:relative;z-index:1;min-height:100vh;padding:20px 20px 40px}.hero{max-width:1200px;margin:0 auto;position:relative}.hero-content{text-align:center;margin-bottom:40px;margin-top:120px;animation:fadeInUp 1s ease}.main-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:15px;color:var(--text-primary);line-height:1.3}.title-line{display:block}.location-badge{font-size:0.5em;font-weight:500;background:linear-gradient(135deg,#C99A47 0%,#E6C17A 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:10px;display:inline-block;position:relative;top:-0.3em}.subtitle{font-size:clamp(0.9rem,1.5vw,1.1rem);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:40px;max-width:1100px;margin-left:auto;margin-right:auto}@media (min-width:769px){.cards-container{grid-template-columns:repeat(3,1fr)}.welcome-card{grid-column:1}.contact-card{grid-column:2}.social-card{grid-column:3}.location-card{grid-column:1 / -1}}.glass-card{background:rgba(255,255,255,0.25);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-radius:25px;padding:20px;border:1px solid rgba(255,255,255,0.4);box-shadow:0 8px 32px 0 rgba(31,38,135,0.25),0 4px 16px 0 rgba(0,0,0,0.12);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.glass-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:25px;padding:2px;background:linear-gradient(135deg,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.3s ease;pointer-events:none}.glass-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(27,54,93,0.3),0 8px 24px 0 rgba(0,0,0,0.15);background:rgba(255,255,255,0.35);border:1px solid rgba(255,255,255,0.5)}.glass-card:hover::before{opacity:1}.glass-card h3{font-size:1.2rem;margin-bottom:15px;color:var(--text-primary)}.glass-card h2{font-size:1.2rem;margin-bottom:15px;color:var(--text-primary)}.welcome-card{}.welcome-card .card-icon{width:90px;height:90px;background:transparent;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px;flex-shrink:0}.card-icon{width:60px;height:60px;background:transparent;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:15px;overflow:hidden;padding:10px}.card-logo{width:100%;height:100%;object-fit:contain;transition:filter 0.3s ease}.welcome-card p{color:var(--text-secondary);font-size:0.95rem;margin-bottom:20px;line-height:1.6}.stats{display:flex;gap:30px;justify-content:center}.stat-item{text-align:center}.stat-number{display:block;font-size:1.8rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{display:block;color:var(--text-secondary);font-size:0.8rem;margin-top:5px}.contact-list{display:flex;flex-direction:column;gap:10px}.contact-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,0.25);text-decoration:none;color:var(--text-primary);transition:all 0.3s ease}.contact-item:hover{background:rgba(255,255,255,0.25);transform:translateX(-3px)}.contact-icon{width:40px;height:40px;background:var(--gradient-secondary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.contact-item.whatsapp .contact-icon{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%)}.contact-info{display:flex;flex-direction:column;gap:3px}.contact-label{font-size:0.75rem;color:var(--text-secondary)}.contact-value{font-size:0.95rem;font-weight:500;direction:ltr;text-align:right}.social-list{display:flex;flex-direction:column;gap:10px}.social-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,0.25);text-decoration:none;color:var(--text-primary);transition:all 0.3s ease;position:relative}.social-item:hover{background:rgba(255,255,255,0.25);transform:translateX(-3px)}.social-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.social-item.whatsapp .social-icon{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%)}.social-item.telegram .social-icon{background:linear-gradient(135deg,#0088cc 0%,#229ed9 100%)}.social-item.instagram .social-icon{background:linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.social-info{display:flex;flex-direction:column;gap:3px;flex:1}.social-label{font-size:0.75rem;color:var(--text-secondary)}.social-handle{font-size:0.9rem;font-weight:500;direction:ltr;text-align:right}.social-arrow{color:var(--text-secondary);transition:transform 0.3s ease;font-size:0.9rem}.social-item:hover .social-arrow{transform:translateX(-5px)}.location-card{grid-column:1 / -1;max-width:1100px;margin:0 auto;width:100%}.location-info{margin-bottom:18px}.address{display:flex;align-items:flex-start;gap:10px;padding:12px;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,0.25);margin-bottom:12px}.address i{font-size:1.2rem;color:#C99A47;margin-top:3px}.address p{color:var(--text-secondary);line-height:1.6;font-size:0.9rem}.map-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--gradient-primary);border:none;border-radius:12px;color:white;font-size:0.9rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all 0.3s ease;font-family:'Estedad',sans-serif}.map-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(27,54,93,0.4)}.map-container{width:100%;height:280px;border-radius:18px;overflow:hidden;border:1px solid var(--glass-border);position:relative}.map-container iframe{width:100%;height:100%;border:0}.map-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgba(27,54,93,0.05) 0%,rgba(201,154,71,0.05) 100%);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;position:relative}.map-placeholder::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0deg,transparent,transparent 10px,rgba(0,0,0,0.02) 10px,rgba(0,0,0,0.02) 11px ),repeating-linear-gradient( 90deg,transparent,transparent 10px,rgba(0,0,0,0.02) 10px,rgba(0,0,0,0.02) 11px );opacity:0.5}.map-placeholder:hover{background:linear-gradient(135deg,rgba(27,54,93,0.1) 0%,rgba(201,154,71,0.1) 100%)}.map-loading-content{display:flex;flex-direction:column;align-items:center;gap:15px;z-index:1}.map-icon{width:48px;height:48px;color:var(--primary-color);animation:mapPulse 2s ease-in-out infinite}body.dark-theme .map-icon{color:#60a5fa}.map-loading-content p{color:var(--text-secondary);font-size:0.95rem;font-weight:500}@keyframes mapPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.8}}.map-container[data-map-loading="true"] .map-placeholder{background:linear-gradient(135deg,rgba(27,54,93,0.15) 0%,rgba(201,154,71,0.15) 100%)}.map-container[data-map-loading="true"] .map-loading-content p::after{content:'...';animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%,20%{content:'.'}40%{content:'..'}60%,100%{content:'...'}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.sidebar{padding:10px 15px;gap:8px;left:50%;top:auto;bottom:20px;transform:translateX(-50%)}.navbar-logo{height:38px}.nav-item{width:38px;height:38px;font-size:15px}.nav-divider{height:22px}.cards-container{grid-template-columns:1fr;gap:15px;margin-bottom:100px}.location-card{margin-bottom:20px}.hero-content{margin-bottom:30px;margin-top:40px}.main-title{font-size:2rem}.subtitle{font-size:0.9rem}.stats{gap:20px}.stat-number{font-size:1.8rem}.map-container{height:250px}}@media (max-width:480px){.container{padding:15px 12px 30px}.glass-card{padding:20px}.contact-item,.social-item{padding:12px}.contact-icon,.social-icon{width:40px;height:40px;font-size:1.1rem}}body.dark-theme{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--glass-bg:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.1)}body.dark-theme .glass-card{background:rgba(255,255,255,0.08);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,0.2);box-shadow:0 8px 32px 0 rgba(0,0,0,0.4)}body.dark-theme .glass-card:hover{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.3);box-shadow:0 15px 40px rgba(0,0,0,0.5)}body.dark-theme .sidebar{background:rgba(255,255,255,0.08);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,0.2);box-shadow:0 8px 32px 0 rgba(0,0,0,0.4)}body.dark-theme .bg-decoration{opacity:0.3}body.dark-theme .stat-number{background:linear-gradient(135deg,#60a5fa 0%,#93c5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-theme .stat-label{color:#cbd5e1}.bg-decoration{opacity:0.15}@keyframes cardHighlight{0%{transform:translateY(-5px) scale(1);box-shadow:0 15px 40px rgba(0,0,0,0.2)}50%{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px rgba(27,54,93,0.4)}100%{transform:translateY(-5px) scale(1);box-shadow:0 15px 40px rgba(0,0,0,0.2)}}@keyframes borderGlow{0%,100%{opacity:0}50%{opacity:1}}.card-highlight{animation:cardHighlight 1.5s ease-in-out}.card-highlight::before{opacity:1 !important;animation:borderGlow 1.5s ease-in-out}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity 0.6s cubic-bezier(0.4,0,0.2,1),transform 0.6s cubic-bezier(0.4,0,0.2,1)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-up{will-change:transform,opacity}.fade-in-up.visible{will-change:auto}.glass-card{transition:all 0.4s cubic-bezier(0.165,0.84,0.44,1)}.glass-card:hover{transform:translateY(-8px) scale(1.02)}.nav-item{position:relative;overflow:hidden}.nav-item::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.5);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}.nav-item:active::after{width:100px;height:100px}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-item,.social-item{transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.contact-item:hover,.social-item:hover{transform:translateX(-5px) scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.glass-card::after{content:'';position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0) 100%);transform:translateX(-100%) rotate(45deg);transition:transform 0.6s}.glass-card:hover::after{transform:translateX(100%) rotate(45deg)}.hero-content,.cards-container{animation-fill-mode:both}.glass-card,.nav-item,.contact-item,.social-item{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.footer{position:relative;z-index:10;padding:30px 20px;margin-top:40px;text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:15px;max-width:1200px;margin:0 auto}.footer-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.developer-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.footer-copyright{font-size:0.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,0.2)}.footer-copyright i{color:var(--primary-color);font-size:0.9rem}body.dark-theme .footer-copyright i{color:#60a5fa}.footer-divider{width:100%;max-width:300px;height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent);margin:5px 0}.footer-text{font-size:0.95rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.footer-heart{color:#e74c3c;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,100%{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.developer-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border-radius:25px;border:1px solid rgba(255,255,255,0.25);text-decoration:none;color:var(--text-primary);font-weight:500;font-size:0.95rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.developer-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s}.developer-link:hover::before{left:100%}.developer-link:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,0,0,0.15);border-color:rgba(255,255,255,0.4)}.developer-link i{font-size:1.2rem;color:var(--primary-color);transition:transform 0.3s ease}.developer-link:hover i{transform:scale(1.1)}.developer-name{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}body.dark-theme .footer-copyright{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15)}body.dark-theme .developer-link{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2)}body.dark-theme .developer-link:hover{background:rgba(255,255,255,0.15);box-shadow:0 5px 20px rgba(0,0,0,0.5)}body.dark-theme .developer-link i{color:#60a5fa}body.dark-theme .developer-name{background:linear-gradient(135deg,#60a5fa 0%,#93c5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:768px){.footer{padding:25px 15px;margin-top:30px;margin-bottom:80px}.footer-content{gap:12px}.footer-copyright{font-size:0.8rem;padding:7px 14px}.footer-text{font-size:0.85rem}.developer-link{font-size:0.85rem;padding:8px 16px}.developer-link i{font-size:1rem}}@media (max-width:480px){.footer-content{gap:10px}.footer-copyright{font-size:0.75rem;padding:6px 12px;text-align:center}.footer-text{font-size:0.8rem}.developer-link{font-size:0.8rem;padding:7px 14px}}