/* Páginas de detalle de cada yate · Privileged Nautic */
header#hd{background:rgba(255,255,255,.96);border-bottom-color:var(--line)}
header#hd .bar{padding:14px 26px}
.yd{padding-top:72px}
.yd h2{font-size:clamp(1.5rem,2.6vw,2.1rem)}
.yd-head{margin-bottom:34px;max-width:640px}

/* Portada */
.yd-hero{padding:46px 0 64px;background:linear-gradient(180deg,var(--paper-2),var(--paper))}
.yd-hero-in{display:grid;grid-template-columns:1fr 1.08fr;gap:52px;align-items:center}
.yd-back{display:inline-block;font-size:.82rem;font-weight:600;color:var(--accent);margin-bottom:22px}
.yd-back:hover{text-decoration:underline}
.yd h1{font-size:clamp(2.2rem,4.6vw,3.4rem);margin-bottom:16px}
.yd-tag{font-size:1.02rem;color:var(--ink-2);max-width:520px}
.yd-stats{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 30px}
.yd-stats li{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 18px;min-width:96px}
.yd-stats b{display:block;font-family:var(--font-head);font-size:1.25rem;font-weight:600;line-height:1.2}
.yd-stats span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.yd-ctas{display:flex;flex-wrap:wrap;gap:12px}
.yd-ctas.center{justify-content:center}
.yd-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:var(--r);
  background:var(--ink);color:#fff;font-family:var(--font-head);font-weight:600;font-size:.9rem;
  border:1px solid var(--ink);transition:.2s}
.yd-btn:hover{background:var(--accent);border-color:var(--accent)}
.yd-btn.ghost{background:transparent;color:var(--ink)}
.yd-btn.ghost:hover{background:var(--ink);color:#fff}
.yd-btn.light{background:#fff;color:var(--ink);border-color:#fff}
.yd-btn.light:hover{background:var(--paper-2)}
.yd-btn.ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.yd-btn.ghost-light:hover{background:#fff;color:var(--ink)}
.yd-hero-img{position:relative;display:block;width:100%;aspect-ratio:4/3.2;border:0;padding:0;cursor:zoom-in;
  border-radius:14px;overflow:hidden;background:var(--paper-2);box-shadow:0 30px 60px -30px rgba(10,29,61,.45)}
.yd-hero-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.yd-hero-img:hover img{transform:scale(1.04)}
.yd-count{position:absolute;left:16px;bottom:16px;background:rgba(10,29,61,.82);color:#fff;font-size:.8rem;
  font-weight:600;padding:9px 14px;border-radius:30px;backdrop-filter:blur(6px)}

/* Galería */
.yd-gal{padding:72px 0 40px}
.yg{columns:4 220px;column-gap:14px}
.yg-item{position:relative;display:block;width:100%;margin:0 0 14px;padding:0;border:0;border-radius:10px;overflow:hidden;
  cursor:zoom-in;background:var(--paper-2);break-inside:avoid}
.yg-item img{width:100%;height:auto;transition:transform .6s ease,filter .3s}
.yg-item:hover img{transform:scale(1.05);filter:brightness(.92)}
.yg-play{position:absolute;inset:0;margin:auto;width:62px;height:62px;border-radius:50%;
  background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .25s}
.yg-play:after{content:"";position:absolute;left:25px;top:20px;border-left:17px solid var(--ink);
  border-top:11px solid transparent;border-bottom:11px solid transparent}
.yg-item:hover .yg-play{transform:scale(1.08)}

/* Ideal para */
.yd-ideal{padding:40px 0}
.yd-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.yd-chips li{padding:10px 18px;border-radius:30px;background:var(--paper-2);border:1px solid var(--line);
  font-size:.88rem;font-weight:500}

/* Información */
.yd-info{padding:56px 0 72px}
.yd-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.yd-card,.yd-note{border:1px solid var(--line);border-radius:12px;padding:26px 26px 22px;background:#fff}
.yd-card h3,.yd-note h3{font-size:1.05rem;margin-bottom:14px}
.yd-card li,.yd-note li{position:relative;padding:7px 0 7px 26px;font-size:.93rem;color:var(--ink-2);
  border-bottom:1px solid var(--paper-2)}
.yd-card li:last-child,.yd-note li:last-child{border-bottom:0}
.yd-card li:before{content:"";position:absolute;left:2px;top:13px;width:12px;height:7px;
  border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.yd-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:18px}
.yd-note{background:var(--paper-2);border-color:transparent}
.yd-note li:before{content:"";position:absolute;left:4px;top:15px;width:7px;height:7px;border-radius:50%;background:var(--ink)}

/* Llamado final */
.yd-cta{background:var(--ink);color:#fff;text-align:center;padding:76px 0}
.yd-cta h2{color:#fff;max-width:720px;margin:0 auto 14px}
.yd-cta p{color:rgba(255,255,255,.78);max-width:560px;margin:0 auto 28px}

/* Otros yates */
.yd-others{padding:72px 0 86px}
.yo{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.yo-card{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff;transition:.25s}
.yo-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -22px rgba(10,29,61,.5)}
.yo-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.yo-card span{display:block;padding:14px 16px 16px}
.yo-card b{display:block;font-family:var(--font-head);font-weight:600}
.yo-card small{color:var(--muted);font-size:.82rem}

/* Visor (lightbox) */
.ylb{position:fixed;inset:0;z-index:1000;background:rgba(6,14,30,.94);display:flex;align-items:center;justify-content:center;
  animation:ylbIn .25s ease}
.ylb[hidden]{display:none}
@keyframes ylbIn{from{opacity:0}to{opacity:1}}
.ylb-stage{max-width:min(92vw,1300px);max-height:86vh;display:flex;align-items:center;justify-content:center}
.ylb-stage img,.ylb-stage video{max-width:100%;max-height:86vh;border-radius:8px;display:block;
  box-shadow:0 20px 60px rgba(0,0,0,.5);animation:ylbIn .3s ease}
.ylb-x{position:absolute;top:14px;right:18px;width:46px;height:46px;border:0;border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:46px;cursor:pointer}
.ylb-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:0;border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;font-size:36px;line-height:50px;cursor:pointer;transition:.2s}
.ylb-x:hover,.ylb-nav:hover{background:rgba(255,255,255,.25)}
.ylb-prev{left:18px}.ylb-next{right:18px}
.ylb-n{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:rgba(255,255,255,.7);font-size:.85rem}
body.ylb-open{overflow:hidden}

@media(max-width:900px){
  .yd-hero-in{grid-template-columns:1fr;gap:30px}
  .yd-hero-img{order:-1}
  .yo{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .yd{padding-top:62px}
  .yd-hero{padding:22px 0 44px}
  .yg{columns:2;column-gap:10px}
  .yg-item{margin-bottom:10px}
  .yd-stats li{min-width:0;flex:1 1 40%}
  .yd-btn{width:100%;justify-content:center}
  .ylb-nav{width:42px;height:42px;font-size:28px;line-height:40px}
  .ylb-prev{left:6px}.ylb-next{right:6px}
  .yg-play{width:48px;height:48px}
  .yg-play:after{left:19px;top:15px;border-left-width:14px;border-top-width:9px;border-bottom-width:9px}
}