*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#171717;background:#fff;font-family:Arial,Helvetica,sans-serif}main{max-width:900px;margin:auto;background:#fff}.header{text-align:center;padding:18px 20px 24px}.logo{display:block;width:min(100%,450px);height:auto;margin:-75px auto -68px;object-fit:contain}.social{display:flex;gap:16px;justify-content:center;align-items:center}.social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#555;color:white;text-decoration:none;font-weight:700;font-size:23px}.social a span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero img{display:block;width:100%;height:min(90vw,620px);object-fit:cover;object-position:center 46%;filter:grayscale(100%)}.contact,.location{padding:32px 24px 0;text-align:center}h1,h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(35px,6vw,51px);font-weight:400;line-height:1.15;margin:0}.rule{height:1px;width:85px;background:#999;margin:16px auto 25px}.contact form{max-width:650px;margin:auto;display:grid;gap:12px}input,textarea{font:16px Arial,Helvetica,sans-serif;width:100%;border:1px solid #d4d4d4;border-radius:3px;padding:15px;background:#fff;color:#111}textarea{resize:vertical;min-height:120px}button{border:0;border-radius:3px;background:#111;color:white;padding:17px;font-size:14px;letter-spacing:2px;cursor:pointer}button span{margin-left:10px;font-size:20px}button:hover{background:#333}.whatsapp{display:flex;justify-content:center;align-items:center;gap:14px;width:min(100%,430px);margin:18px auto 0;padding:12px 15px;border:1.5px solid #0c9e3b;border-radius:18px;color:#07872e;text-decoration:none;font-weight:700}.whatsapp strong{display:block;color:#111;margin-top:4px}.wa-icon{font-size:32px}.location{padding-top:35px}.map-card{margin:0 auto 36px;max-width:650px;min-height:205px;border:1px solid #ddd;border-radius:8px;background:linear-gradient(140deg,#fafafa,#f0f0f0);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px}.pin{font-size:40px;color:#777}.map-card p{font-size:17px;margin:8px 0 20px}.map-card a{border:1px solid #999;background:#fff;color:#111;text-decoration:none;padding:12px 14px;font-size:12px;letter-spacing:.6px}footer{text-align:center;padding:15px 24px 35px}footer img{display:block;width:200px;height:130px;object-fit:cover;object-position:center;margin:0 auto -8px}footer .social a{width:32px;height:32px;font-size:20px}.footer-line{height:1px;background:#ccc;max-width:420px;margin:20px auto}small{color:#777;font-size:12px}.notice{max-width:650px;margin:0 auto 18px;padding:12px}.ok{background:#e8f5e9}.err{background:#fff0f0}.trap,.sr{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media(max-width:550px){.header{padding:0 12px 17px}.logo{width:100%;max-width:420px;margin:-65px auto -70px}.hero img{height:72vw;min-height:260px;max-height:400px}.contact,.location{padding-left:18px;padding-right:18px}.contact{padding-top:27px}.location{padding-top:35px}footer img{width:190px}}
/* Actualización: iconos originales monocromáticos, mapa real y créditos */
.social a svg{width:23px;height:23px;display:block}
footer .social a svg{width:19px;height:19px}
.location-name{font-size:15px;color:#666;margin:0 0 17px}
.map-frame{width:100%;max-width:650px;margin:0 auto 16px;aspect-ratio: 16 / 9;border:1px solid #dedede;border-radius:8px;overflow:hidden;background:#f3f3f3}
.map-frame iframe{display:block;width:100%;height:100%;border:0}
.map-link{display:inline-block;border:1px solid #999;padding:12px 17px;color:#222;text-decoration:none;font-size:12px;letter-spacing:.6px;margin-bottom:30px}
.legal{display:block;max-width:760px;margin:0 auto;line-height:1.9;color:#555}
.legal .separator{color:#aaa;padding:0 4px}
.legal .credit{color:#aaa;text-decoration:none;font-weight:400}
.legal .credit:hover{text-decoration:underline;color:#777}
@media(max-width:550px){.map-frame{aspect-ratio:4 / 3}.legal{font-size:11px}}