• <!DOCTYPE html>
  • <html lang="es">
  • <head>
  •   <meta charset="UTF-8" />
  •   <title>Contacto - Hotel Angostura</title>
  •   <meta name="viewport" content="width=device-width, initial-scale=1" />
  •   <style>
  •     :root {
  •       font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  •     }
  •     body {
  •       margin: 0;
  •       padding: 0;
  •       background: #f3f5f7;
  •       color: #1f2933;
  •       display: flex;
  •       justify-content: center;
  •       align-items: center;
  •       min-height: 100vh;
  •     }
  •     .contact-wrapper {
  •       background: #ffffff;
  •       padding: 2.5rem 2rem;
  •       max-width: 480px;
  •       width: 90%;
  •       border-radius: 1.5rem;
  •       box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
  •     }
  •     .hotel-name {
  •       font-size: 1.8rem;
  •       margin: 0 0 0.25rem;
  •       text-align: center;
  •       letter-spacing: 0.03em;
  •     }
  •     .subtitle {
  •       text-align: center;
  •       margin: 0 0 1.8rem;
  •       font-size: 0.95rem;
  •       color: #6b7280;
  •     }
  •     .contact-section-title {
  •       font-size: 1.1rem;
  •       margin-bottom: 1rem;
  •       text-transform: uppercase;
  •       letter-spacing: 0.09em;
  •       font-weight: 600;
  •       color: #4b5563;
  •     }
  •     .contact-item {
  •       margin-bottom: 1rem;
  •     }
  •     .label {
  •       font-size: 0.8rem;
  •       text-transform: uppercase;
  •       letter-spacing: 0.09em;
  •       color: #9ca3af;
  •       margin-bottom: 0.2rem;
  •     }
  •     .value a,
  •     .value {
  •       font-size: 1rem;
  •       color: #111827;
  •       text-decoration: none;
  •     }
  •     .value a:hover {
  •       text-decoration: underline;
  •     }
  •     .cta-row {
  •       margin-top: 1.8rem;
  •       display: flex;
  •       flex-wrap: wrap;
  •       gap: 0.75rem;
  •     }
  •     .btn {
  •       flex: 1 1 140px;
  •       border-radius: 999px;
  •       padding: 0.7rem 1.1rem;
  •       font-size: 0.9rem;
  •       text-align: center;
  •       text-decoration: none;
  •       border: none;
  •       cursor: pointer;
  •       transition: transform 0.1s ease, box-shadow 0.1s ease, background 0.2s ease;
  •       display: inline-block;
  •       white-space: nowrap;
  •     }
  •     .btn-primary {
  •       background: #111827;
  •       color: #ffffff;
  •       box-shadow: 0 10px 25px rgba(15, 23, 42, 0.25);
  •     }
  •     .btn-secondary {
  •       background: #e5e7eb;
  •       color: #111827;
  •     }
  •     .btn:hover {
  •       transform: translateY(-1px);
  •       box-shadow: 0 14px 30px rgba(15, 23, 42, 0.25);
  •     }
  •     .small-note {
  •       margin-top: 1.2rem;
  •       font-size: 0.8rem;
  •       color: #9ca3af;
  •       text-align: center;
  •     }
  •     @media (max-width: 480px) {
  •       .contact-wrapper {
  •         padding: 2rem 1.5rem;
  •       }
  •     }
  •   </style>
  • </head>
  • <body>
  •   <div class="contact-wrapper">
  •     <h1 class="hotel-name">Hotel Angostura</h1>
  •     <p class="subtitle">Frente al Nahuel Huapi · Villa La Angostura</p>
  •     <h2 class="contact-section-title">Contacto</h2>
  •     <div class="contact-item">
  •       <div class="label">WhatsApp</div>
  •       <div class="value">
  •         <!-- Ajustá el prefijo de país si lo necesitás -->
  •         <a href="https://wa.me/5492944315468" target="_blank" rel="noopener noreferrer">
  •           0294-4315468
  •         </a>
  •       </div>
  •     </div>
  •     <div class="contact-item">
  •       <div class="label">Teléfono fijo</div>
  •       <div class="value">
  •         <a href="tel:02944724001">0294-4724001</a>
  •       </div>
  •     </div>
  •     <div class="contact-item">
  •       <div class="label">Email</div>
  •       <div class="value">
  •         <a href="mailto:hotelangostura@gmail.com">hotelangostura@gmail.com</a>
  •       </div>
  •     </div>
  •     <div class="cta-row">
  •       <a class="btn btn-primary" href="https://wa.me/5492944315468" target="_blank" rel="noopener noreferrer">
  •         Escribir por WhatsApp
  •       </a>
  •       <a class="btn btn-secondary" href="mailto:hotelangostura@gmail.com">
  •         Enviar un email
  •       </a>
  •     </div>
  •     <p class="small-note">
  •       Consultas, reservas y grupos: respondemos a la brevedad todos los mensajes.
  •     </p>
  •   </div>
  • </body>
  • </html>