@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;800&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Open Sans',Arial,sans-serif;line-height:1.6;background:#f2f2f2;color:#333}
header,footer{background:#204688;color:#fff;text-align:center;padding:1rem}
nav a{color:#fff;margin:0 8px;text-decoration:none;font-weight:600;transition:opacity .3s}
nav a:hover{opacity:.7}
.container{max-width:1100px;margin:auto;padding:20px}
.hero{background:url('fachada-dia.jpg') center/cover no-repeat;min-height:60vh;display:flex;align-items:center;justify-content:center;position:relative}
.hero::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45)}
.hero h2{position:relative;color:#fff;font-size:2.2rem}
.slogan{font-size:1.4rem;color:#204688;margin:1rem 0;text-align:center;font-weight:600}
.card-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s}
.card:hover{transform:translateY(-4px)}
.card img{width:100%;display:block}
.card-content{padding:15px}
ul li{margin:8px 0;list-style:none}
ul li i{color:#204688;margin-right:6px}
.redes a{color:#fff;margin:0 10px;font-size:1.2rem}
.whatsapp-float{position:fixed;width:60px;height:60px;background:#25d366;border-radius:50%;bottom:25px;right:25px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;z-index:999;box-shadow:0 2px 5px rgba(0,0,0,.3);transition:transform .2s}
.whatsapp-float:hover{transform:scale(1.1)}
@media(max-width:600px){.hero h2{font-size:1.6rem}}