*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#f8fafc;color:#1e293b;line-height:1.6}
        .container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}
        .header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.08);position:sticky;top:0;z-index:1000;padding:0.8rem 0}
        .header__container{display:flex;justify-content:space-between;align-items:center;gap:1rem}
        .logo{font-size:1.3rem;font-weight:700;color:#0a2540;text-decoration:none}
        .nav{display:flex;align-items:center;gap:1.2rem}
        .nav__list{display:flex;list-style:none;gap:1rem}
        .nav__link{text-decoration:none;color:#475569;font-weight:500;font-size:0.9rem;transition:color 0.3s}
        .nav__link:hover{color:#0a2540}
        .nav__link--active{color:#f97316}
        .phone{text-decoration:none;color:#0a2540;font-weight:600;font-size:0.95rem}
        .btn{display:inline-block;padding:0.6rem 1.2rem;border-radius:6px;text-decoration:none;font-weight:600;border:none;transition:all 0.2s;text-align:center;font-size:0.9rem;cursor:pointer}
        .btn--primary{background:#f97316;color:white}
        .btn--whatsapp{background:#25D366;color:white}
        .btn--small{padding:0.4rem 0.8rem;font-size:0.85rem}
        .btn--full{width:100%}
        h1{font-size:2.5rem;color:#0a2540;margin:2rem 0 1rem;text-align:center}
        .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}
        .gallery-item{background:white;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s}
        .gallery-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}
        .gallery-image{width:100%;height:200px;object-fit:cover;display:block}
        .gallery-caption{padding:1rem}
        .filter-buttons{display:flex;flex-wrap:wrap;gap:0.5rem;margin:2rem 0;justify-content:center}
        .form-control{width:100%;padding:0.7rem 0.9rem;border:1px solid #cbd5e1;border-radius:6px;margin-bottom:1rem}
        .footer{background:#0a2540;color:white;padding:2rem 0 1rem;margin-top:3rem}
        .footer__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}
        .footer__title{color:white;font-size:1rem;margin-bottom:0.8rem}
        .footer__links{list-style:none}
        .footer__links li{margin-bottom:0.4rem}
        .footer__links a{color:#cbd5e1;text-decoration:none;font-size:0.9rem}
        .footer__bottom{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.1);color:#94a3b8;font-size:0.85rem}
        .whatsapp-button{position:fixed;bottom:1.5rem;right:1.5rem;background:#25D366;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(37,211,102,0.3);z-index:1000;font-size:1.5rem}
        @media(max-width:768px){.gallery-grid{grid-template-columns:1fr}.footer__content{grid-template-columns:1fr}}
    
        .logo{font-size:1.3rem;font-weight:700;color:#0a2540;text-decoration:none}
        .phone-header{text-decoration:none;color:#0a2540;font-weight:700;font-size:1.1rem;white-space:nowrap}
        .btn--urgent{background:#dc2626;color:#fff;font-size:0.9rem;padding:0.6rem 1.2rem;white-space:nowrap;animation:pulse 2s infinite}
        @keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,0.7)}50%{box-shadow:0 0 0 8px rgba(220,38,38,0)}}
        .menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
        .menu-toggle span{width:28px;height:3px;background:#0a2540;border-radius:2px;transition:all 0.3s}
        
        @media(max-width:768px){
            .logo{display:none}
            .header__container{justify-content:space-between;gap:0.5rem}
            .btn--urgent{padding:0.5rem 0.8rem;font-size:0.8rem;white-space:nowrap}
            .phone-header{font-size:0.9rem}
            .menu-toggle{display:flex}
            .nav{position:fixed;top:60px;left:0;width:100%;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.1);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all 0.3s;z-index:999;flex-direction:column;padding:1rem;gap:0}
            .nav.active{transform:translateY(0);opacity:1;visibility:visible}
            .nav__list{flex-direction:column;gap:0;width:100%}
            .nav__link{display:block;padding:0.8rem;border-bottom:1px solid #e2e8f0}
        }