<style>
    @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;800&family=Montserrat:wght@300;400;600;700&display=swap');
    :root{--gold:#d4af37;--black:#000;--white:#fff;--gold-soft:rgba(212,175,55,.35)}
    body{margin:0;font-family:'Montserrat',Arial,Helvetica,sans-serif;background:radial-gradient(1200px 600px at 50% -10%, #1a1a1a 0%, #000 60%);color:var(--white);letter-spacing:.2px}
    header{position:sticky;top:0;backdrop-filter:blur(6px);background:rgba(0,0,0,.85);display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:2px solid var(--gold);z-index:10}
    header img{height:64px;filter:drop-shadow(0 0 10px rgba(212,175,55,.25))}
    header h1{font-family:'Cinzel',serif;letter-spacing:2px;margin-right:auto}
    nav{display:flex;align-items:center;gap:1rem}
    nav a{color:var(--gold);margin:0 .75rem;text-decoration:none;font-weight:700;font-family:'Cinzel',serif;position:relative}
    nav a::after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--gold);transition:.3s}
    nav a:hover::after{width:100%}
    .menu-toggle{display:none;background:none;border:1px solid var(--gold);color:var(--gold);border-radius:10px;padding:.5rem .7rem;cursor:pointer}
    .menu-toggle span{display:block;width:22px;height:2px;background:var(--gold);margin:5px 0}
    section{padding:4rem 1.5rem;max-width:1200px;margin:auto}
    h1,h2,h3{color:var(--gold);font-family:'Cinzel',serif;letter-spacing:1.5px}
    .hero{position:relative;text-align:center;padding:7rem 1rem;overflow:hidden}
    .hero::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg, rgba(212,175,55,.15), rgba(0,0,0,.85)), url('../imagenes/header.png') center/cover no-repeat;opacity:.7}
    .hero>*{position:relative}
    .hero h2{font-size:2.2rem;text-shadow:0 6px 30px rgba(0,0,0,.6)}
    .hero p{max-width:680px;margin:1rem auto 0;opacity:.95}
    .services{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
    .card{border:1px solid var(--gold);border-radius:16px;padding:1.5rem;background:linear-gradient(180deg,#111,#0b0b0b);box-shadow:0 10px 30px rgba(0,0,0,.5);transition:.35s transform,.35s box-shadow,.35s border}
    .card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 60px rgba(212,175,55,.25);border-color:var(--gold)}
    .btn{display:inline-block;margin-top:1rem;padding:.7rem 1.6rem;border-radius:999px;background:linear-gradient(135deg,var(--gold),#f6e08a);color:#000;text-decoration:none;font-weight:800;font-family:'Cinzel',serif;transition:.3s transform,.3s box-shadow}
    .btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(212,175,55,.45)}

    /* Catálogo */
    .catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}
    .product{cursor:pointer}
    .product img{width:100%;height:180px;object-fit:cover;border-radius:12px;border:1px solid var(--gold);transition:.35s}
    .product:hover img{transform:scale(1.05)}
    .price{color:var(--gold);font-weight:800;margin:.5rem 0}

    /* Modal producto */
    .modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:none;align-items:center;justify-content:center;z-index:50;padding:1rem}
    .modal.open{display:flex}
    .modal-content{background:linear-gradient(180deg,#111,#0b0b0b);border:1px solid var(--gold);border-radius:18px;max-width:900px;width:100%;color:#fff;box-shadow:0 20px 80px rgba(0,0,0,.7);overflow:hidden}
    .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--gold)}
    .modal-header h3{margin:0}
    .modal-close{background:none;border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:.25rem .7rem;cursor:pointer}
    .modal-body{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;padding:1rem}
    .modal-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
    .modal-gallery img{width:100%;height:160px;object-fit:cover;border-radius:10px;border:1px solid var(--gold)}
    .modal-info ul{padding-left:1.1rem}
    .modal-info li{margin:.35rem 0}
    .modal-footer{padding:1rem;border-top:1px solid var(--gold);display:flex;gap:.75rem;justify-content:flex-end}
    @media (max-width: 900px){.modal-body{grid-template-columns:1fr}.modal-gallery img{height:140px}}

    /* Galería de proyectos */
    .gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}
    .gallery img{width:100%;height:220px;object-fit:cover;border-radius:14px;border:1px solid var(--gold);transition:.35s}
    .gallery img:hover{transform:scale(1.04);box-shadow:0 12px 40px rgba(212,175,55,.35)}

    footer{text-align:center;padding:2rem;border-top:1px solid var(--gold);color:#aaa;font-family:'Cinzel',serif}

    /* Servicios modernos */
    .services.modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:1.5rem}
    .service-card{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#0f0f0f,#0a0a0a);border:1px solid rgba(212,175,55,.35);padding:1.75rem;box-shadow:0 20px 60px rgba(0,0,0,.55);transition:.4s}
    .service-card::before{content:'';position:absolute;inset:-40%;background:radial-gradient(closest-side, rgba(212,175,55,.18), transparent 60%);opacity:0;transition:.4s}
    .service-card:hover::before{opacity:1}
    .service-card:hover{transform:translateY(-10px)}
    .service-card .icon{font-size:2.2rem;background:linear-gradient(135deg,var(--gold),#f6e08a);-webkit-background-clip:text;background-clip:text;color:transparent}
    .service-card h3{margin:.5rem 0 .25rem}
    .service-card p{opacity:.9}

    /* Contacto moderno */
    .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}
    .contact-card{border-radius:22px;background:linear-gradient(180deg,#0f0f0f,#0a0a0a);border:1px solid rgba(212,175,55,.35);padding:1.75rem;box-shadow:0 20px 60px rgba(0,0,0,.55)}
    .contact-list{display:grid;gap:.75rem;margin:1rem 0}
    .contact-link{color:var(--gold);text-decoration:none}
    .contact-form{display:grid;gap:.75rem}
    .field input,.field textarea{width:100%;padding:.7rem .9rem;border-radius:12px;border:1px solid rgba(212,175,55,.35);background:#0b0b0b;color:#fff}
    .field input:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px rgba(212,175,55,.15)}
    @media (max-width:900px){.contact-grid{grid-template-columns:1fr}}

    /* Responsive menú */
    @media (max-width: 900px){
      .menu-toggle{display:block}
      nav{position:fixed;inset:80px 0 auto 0;background:#000;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem;border-bottom:2px solid var(--gold);transform:translateY(-120%);transition:.35s}
      nav.open{transform:translateY(0)}
      nav a{margin:.25rem 0;font-size:1.1rem}
    }

    .enlace-sin-subrayado {
  text-decoration: white; /* Esto elimina el subrayado */
  color: white; /* O el color que prefieras */
}
  </style>