/* SC Piano — diseño responsive, editorial y cálido */
:root{--navy:#192237;--navy-2:#222f49;--gold:#ebd69e;--gold-deep:#c4a75b;--paper:#f7f5ef;--white:#fff;--ink:#242b38;--muted:#687080;--line:#dedbd2;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--container:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-50px;left:16px;background:white;padding:10px;z-index:100}.skip-link:focus{top:10px}
.site-header{height:84px;background:var(--navy);color:white;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(235,214,158,.18)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font-family:var(--serif);font-size:19px;letter-spacing:-1px}.brand-name{font-size:18px;font-weight:700;letter-spacing:3px;line-height:1.15}.brand-dot{color:var(--gold)}.brand-name small{display:block;font-size:8px;font-weight:500;letter-spacing:1.45px;margin-top:5px;color:#c6cad2}.main-nav{display:flex;align-items:center;gap:28px;font-size:15px;letter-spacing:.2px;color:#e1e3e8}.main-nav>a:not(.nav-cta){padding:30px 0;transition:color .2s}.main-nav>a:hover,.main-nav>a.active{color:var(--gold)}.nav-cta{padding:10px 17px;border:1px solid rgba(235,214,158,.7);color:var(--gold)}.menu-toggle{display:none;background:none;border:1px solid #606a7b;color:white;padding:8px 12px;font:inherit}
.hero{position:relative;min-height:610px;display:flex;align-items:center;background-color:var(--navy);background-position:center;background-size:cover;color:white;overflow:hidden}.hero-home{background-image:linear-gradient(90deg,rgba(16,24,40,.97) 0%,rgba(16,24,40,.88) 42%,rgba(16,24,40,.22) 100%),url("img/afinacion.jpeg")}.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,22,36,.28),transparent 45%);pointer-events:none}.hero-content{position:relative;z-index:1;padding:80px 0 90px}.eyebrow{font-size:12px;letter-spacing:2.3px;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:11px;margin:0 0 23px}.eyebrow>span{width:26px;height:1px;background:var(--gold);display:inline-block}.dark-eyebrow{color:#88713b}.dark-eyebrow>span{background:#88713b}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.8px;line-height:1.13}h1{font-size:clamp(44px,5.4vw,72px);max-width:760px;margin-bottom:23px}h1 em,h2 em{font-weight:500;color:var(--gold);font-style:italic}h2{font-size:clamp(34px,4vw,48px);margin-bottom:20px}h2 em{color:#9c8246}.hero-copy{max-width:530px;color:#d7dbe2;font-size:16px;line-height:1.85;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 21px;font-size:15px;font-weight:700;letter-spacing:.3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:var(--navy)}.button-gold:hover{background:#f3e4b9}.text-link{display:inline-flex;align-items:center;gap:15px;color:#8a713a;font-size: 15px;font-weight:700;border-bottom:1px solid #c6b47d;padding-bottom:5px}.light-link{color:var(--gold);border-color:rgba(235,214,158,.55)}.hero-note{display:flex;align-items:center;gap:12px;margin-top:55px;color:#c6cad2;font-size:12px;letter-spacing:1.4px;text-transform:uppercase}.note-line{width:37px;height:1px;background:var(--gold)}.hero-caption{position:absolute;right:26px;bottom:25px;font-size:9px;letter-spacing:2px;color:#e2e1dc}.hero-caption span{color:var(--gold);padding:0 7px}
.trust-strip{background:#eeeae0;border-bottom:1px solid #e0dbcf}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;gap:24px}.trust-grid>div{display:flex;align-items:center;gap:16px;border-right:1px solid #d9d3c6;padding:0 20px}.trust-grid>div:first-child{padding-left:0}.trust-grid>div:last-child{border:0}.trust-number{font-family:var(--serif);font-size:30px;color:#a58a4c}.trust-grid p{font-weight:700;font-size:13px;line-height:1.45;margin:0}.trust-grid small{font-weight:400;color:var(--muted);font-size:13px}
.section{padding:100px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.intro-section{background:var(--paper)}.intro-copy{color:#535b69;font-size:18px;line-height:1.95}.intro-copy p{margin-bottom:20px}.intro-copy .text-link{margin-top:7px}.services-section{background:#efede6}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:43px}.section-heading>p{max-width:365px;color:#687080;font-size:13px;line-height:1.9;margin:0 0 6px}.section-heading h2{margin-bottom:0}.service-cards{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px;align-items:stretch}.service-card{background:#fbfaf6;border:1px solid #e2dfd6;display:flex;flex-direction:column;min-width:0}.service-image{height:205px;background-position:center;background-size:cover;background-color:#d4d0c6}.tuning-image{background-image:linear-gradient(0deg,rgba(25,34,55,.15),rgba(25,34,55,.03)),url("img/afinacion.jpeg")}.inspection-image{background-image:linear-gradient(0deg,rgba(25,34,55,.12),rgba(25,34,55,.02)),url("img/inspeccion.jpeg")}.restoration-image{background-image:linear-gradient(0deg,rgba(25,34,55,.12),rgba(25,34,55,.02)),url("img/reparacion.jpeg")}.service-card-body{padding:25px 25px 28px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.card-index{font-size:12px;letter-spacing:1.4px;color:#9c8246;font-weight:700;margin-bottom:17px}.service-card h3{font-family:var(--serif);font-weight:500;font-size:24px;line-height:1.25;margin-bottom:12px}.service-card p{font-size:15px;color:#697080;line-height:1.85;margin-bottom:24px}.service-card .text-link{margin-top:auto}.quote-section{background:var(--navy);color:white;padding:74px 0;text-align:center}.quote-inner{max-width:800px}.quote-mark{font-family:var(--serif);font-size:70px;color:var(--gold);line-height:.8;display:block}.quote-inner blockquote{font-family:var(--serif);font-size:clamp(26px,3.5vw,40px);line-height:1.4;font-weight:500;margin:18px auto 23px}.quote-inner p{font-size:12px;letter-spacing:2.3px;color:var(--gold);margin:0}.area-section{background:var(--paper)}.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.muted{color:var(--muted);font-size:15px;line-height:1.9;max-width:420px}.area-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.area-list span{padding:13px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:17px}.area-list span .ti-map-pin {color: #a58a4c;font-size: 18px;
margin-right: 2px;}.contact-section{background:#202b42;color:white;padding:85px 0}.contact-grid{display:grid;grid-template-columns:1fr .72fr;gap:12%;align-items:center}.contact-grid h2 em{color:var(--gold)}.contact-grid>div:first-child>p:not(.eyebrow){color:#c3c9d3;font-size:15px;line-height:1.9;max-width:430px}.contact-panel{padding:30px;background:#f7f5ef;color:var(--ink)}.contact-panel h3{font-family:var(--serif);font-size:24px;font-weight:500;margin-bottom:8px}.contact-panel p{font-size:15px;color:#687080;line-height:1.8;margin-bottom:20px}.button-wide{width:100%;justify-content:space-between}.contact-email{display:block;text-align:center;margin:18px 0 12px;color:#7e6939;font-size:12px;text-decoration:underline;text-underline-offset:3px}.form-note{display:block;color:#858b94;font-size:12px;line-height:1.7}.site-footer{background:#131b2c;color:#c2c7d0}.footer-main {
    display: flex;
    gap: 30px;
    padding: 36px 0;
    align-items: center;
    justify-content: space-between;
}
.enlaces-linea {
  display: flex;       /* Alinea los elementos hijos en fila por defecto */
  gap: 15px;          /* Controla el espacio de separación entre ambos enlaces */
  align-items: center; /* Alinea los enlaces perfectamente al centro vertical */
}
```css
/* Galería de trabajos */
.gallery-section {
  background: #f8f7f3;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 38px 26px;
  margin-top: 48px;
}

.gallery-item {
  margin: 0;
  min-width: 0;
}

.gallery-item > a {
  display: block;
  overflow: hidden;
  background: #e9e6df;
  aspect-ratio: 4 / 3;
}

.gallery-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.gallery-item > a:hover img {
  transform: scale(1.04);
}

.gallery-item figcaption {
  padding-top: 17px;
}

.gallery-item h3 {
  margin: 0 0 8px;
  color: #192237;
  font-family: "Playfair Display", serif;
  font-size: 1.2rem;
  font-weight: 600;
}

.gallery-item figcaption p {
  margin: 0;
  color: #62656b;
  font-size: 0.94rem;
  line-height: 1.7;
}

@media (max-width: 850px) {
  .gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 20px;
  }
}

@media (max-width: 520px) {
  .gallery-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .gallery-item > a {
    aspect-ratio: 4 / 3;
  }
}
.brand-footer .brand-name{color:white}.footer-main>p{font-size:11px;color:#9da5b3;margin:0}.footer-links{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap;font-size:12px}.footer-links a:hover,.footer-bottom a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid #30384a;padding:17px 0 20px;display:flex;justify-content:space-between;gap:20px;color:#818a9b;font-size:12px}
.subhero{min-height:470px;background-position:center;background-size:cover;display:flex;align-items:center;color:white;position:relative}.subhero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,24,40,.96),rgba(16,24,40,.78) 48%,rgba(16,24,40,.3))}.inspection-hero{background-image:url("img/inspeccion.jpeg")}.restoration-hero{background-image:url("img/reparacion.jpeg")}.subhero-content{position:relative;padding:70px 0}.subhero h1{font-size:clamp(42px,5vw,65px)}.subhero p:not(.eyebrow){max-width:600px;color:#d4d8e0;font-size:14px;line-height:1.9;margin-bottom:28px}.checklist-section{background:#efede6}.check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.check-grid article{padding:25px 23px;border:1px solid #dcd8ce;background:#f8f6f0;min-height:210px}.check-grid article>span{font-family:var(--serif);font-size:23px;color:#a58a4c}.check-grid h3{font-family:var(--serif);font-size:20px;font-weight:500;line-height:1.3;margin:16px 0 10px}.check-grid p{font-size:12px;color:#687080;line-height:1.85;margin:0}.plain-list{padding-left:18px}.plain-list li{padding:0 0 10px 4px}.plain-list li::marker{color:#a58a4c}
@media(max-width:900px){.main-nav{gap:16px}.main-nav{font-size:11px}.brand-name{font-size:16px}.service-cards{grid-template-columns:1fr 1fr}.service-card-featured{grid-column:span 2}.service-card-featured .service-image{height:240px}.check-grid{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1;justify-content:flex-start}.section{padding:78px 0}}
@media(max-width:680px){.container{width:min(var(--container),calc(100% - 36px))}.site-header{height:72px}.brand-mark{width:38px;height:38px}.brand-name{font-size:15px}.brand-name small{font-size:7px;letter-spacing:1px}.menu-toggle{display:block;font-size:12px}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--navy);padding:12px 20px 22px;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #354056}.main-nav.open{display:flex}.main-nav>a:not(.nav-cta){padding:13px 0;border-bottom:1px solid #30394c}.nav-cta{text-align:center;margin-top:14px}.hero{min-height:600px}.hero-home{background-position:60% center}.hero-content{padding:70px 0 75px}.hero-copy{font-size:14px}.hero-note{margin-top:42px}.hero-caption{font-size:7px;right:12px}.trust-grid{grid-template-columns:1fr;gap:0;padding:9px 0}.trust-grid>div,.trust-grid>div:first-child{padding:13px 0;border-right:0;border-bottom:1px solid #d9d3c6}.trust-grid>div:last-child{border-bottom:0}.trust-number{font-size:24px}.two-col,.area-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.section{padding:65px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px}.service-cards{grid-template-columns:1fr}.service-card-featured{grid-column:auto}.service-image,.service-card-featured .service-image{height:220px}.service-card-body{padding:23px}.quote-section{padding:57px 0}.area-list{gap:0 18px}.area-list span{font-size:15px}.contact-section{padding:65px 0}.contact-panel{padding:23px}.subhero{min-height:480px}.subhero-content{padding:65px 0}.check-grid{grid-template-columns:1fr}.check-grid article{min-height:0}.footer-main{grid-template-columns:1fr;gap:18px;padding:30px 0}.footer-links{grid-column:auto;justify-content:flex-start;gap:13px}.footer-bottom{flex-wrap:wrap;gap:10px 20px}.footer-bottom span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}