/* YACHTSMX - hero "Glass" de las páginas del sitio (oct 2026). Mismo lenguaje del home v2. 100 % bajo #ymx-ghero. */
#ymx-ghero{position:relative;display:block;background:#08131c;color:#f8f5ee;font-family:'Hanken Grotesk',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;isolation:isolate;overflow:hidden}
#ymx-ghero *,#ymx-ghero *::before,#ymx-ghero *::after{box-sizing:border-box}
#ymx-ghero p{margin:0}

#ymx-ghero .g-photo{position:relative;height:min(100svh,720px);min-height:600px;overflow:hidden;background:#08131c}
#ymx-ghero .g-img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;border-radius:0;transform-origin:50% 60%;animation:ygKB 18s cubic-bezier(.22,1,.36,1) both}
#ymx-ghero .g-vid{animation-name:ygKBv}
#ymx-ghero .g-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(8,19,28,.45) 0%,transparent 16%,transparent 30%,rgba(8,19,28,.62) 56%,rgba(8,19,28,.94) 100%)}

/* vidrio */
#ymx-ghero .g-glass{background:linear-gradient(135deg,rgba(248,245,238,.16),rgba(248,245,238,.03) 40%,rgba(21,38,55,.5));border:1px solid rgba(248,245,238,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 1px 0 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(8,19,28,.35),inset -1px 0 0 rgba(8,19,28,.2),0 30px 60px -24px rgba(8,19,28,.75);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}
#ymx-ghero .g-gpill{background:linear-gradient(135deg,rgba(248,245,238,.18),rgba(248,245,238,.04) 45%,rgba(8,19,28,.32));border:1px solid rgba(248,245,238,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(8,19,28,.3);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}

/* Film */
#ymx-ghero .g-film{position:absolute;z-index:3;top:84px;left:12px;display:inline-flex;align-items:center;gap:12px;padding:9px 14px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;line-height:1;color:#f8f5ee;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden}
#ymx-ghero .g-film b{display:inline-flex;align-items:center;gap:8px;font-weight:700}
#ymx-ghero .g-film b::before{content:"";width:6px;height:6px;border-radius:50%;background:#f3c459;animation:ygRec 2.8s ease-in-out infinite}
#ymx-ghero .g-film span{color:#f3c459;overflow:hidden;text-overflow:ellipsis}

/* copy */
#ymx-ghero .g-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:28px}
#ymx-ghero .g-eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:#f3c459;line-height:1.6;text-shadow:0 1px 18px rgba(8,19,28,.55)}
#ymx-ghero .g-eyebrow::before{content:"";flex:none;width:24px;height:1px;background:#f3c459;opacity:.75}
#ymx-ghero .g-h1{font-family:'Newsreader',Georgia,serif;font-weight:400;font-size:48px;line-height:1.02;letter-spacing:-.01em;font-variant-numeric:lining-nums;margin:14px 0 0;padding:0;color:#f8f5ee;text-transform:none;text-wrap:balance;text-shadow:0 2px 30px rgba(8,19,28,.35)}
#ymx-ghero .g-h1--l{font-size:42px;line-height:1.04}
#ymx-ghero .g-h1--xl{font-size:36px;line-height:1.08}
#ymx-ghero .g-h1 em{font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:300;color:#f3c459}
#ymx-ghero .g-lead{font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:400;font-size:19px;line-height:1.42;color:rgba(248,245,238,.9);margin-top:14px;max-width:600px;text-wrap:pretty;text-shadow:0 1px 18px rgba(8,19,28,.55)}

/* botones */
#ymx-ghero .g-ctas{display:flex;flex-direction:column;gap:10px;margin-top:22px}
#ymx-ghero .g-btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 22px;border-radius:16px;font:700 12px/1.2 'Hanken Grotesk',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;text-align:center;cursor:pointer;transition:transform .24s cubic-bezier(.16,1,.3,1),background .2s}
#ymx-ghero .g-btn:hover{transform:translateY(-2px)}
#ymx-ghero .g-btn span{color:inherit}
#ymx-ghero .g-amber,#ymx-ghero .g-amber:hover,#ymx-ghero .g-amber:focus{background:linear-gradient(180deg,#f6cf6e 0%,#f3c459 45%,#e3a431 100%);color:#152637;border:0;box-shadow:0 16px 34px -14px rgba(232,171,54,.6),inset 0 1px 0 rgba(255,255,255,.55);animation:ygPulse 3.5s infinite}
#ymx-ghero .g-amber i{font-style:normal;flex:none;width:28px;height:28px;border-radius:50%;background:rgba(21,38,55,.12);display:grid;place-items:center}
#ymx-ghero .g-wa,#ymx-ghero .g-wa:hover,#ymx-ghero .g-wa:focus{color:#f8f5ee}
#ymx-ghero .g-wa:hover{background:linear-gradient(135deg,rgba(37,211,102,.22),rgba(248,245,238,.05) 45%,rgba(8,19,28,.32));border-color:rgba(37,211,102,.6)}
#ymx-ghero .g-btn:focus-visible,#ymx-ghero .g-link:focus-visible{outline:2px solid #2bb7b3;outline-offset:2px}

/* tarjeta de cristal (desktop) */
#ymx-ghero .g-card{display:none}

@keyframes ygPulse{0%,100%{box-shadow:0 14px 30px -12px rgba(232,171,54,.6),0 0 0 0 rgba(232,171,54,.45),inset 0 1px 0 rgba(255,255,255,.55)}50%{box-shadow:0 14px 30px -12px rgba(232,171,54,.6),0 0 0 10px rgba(232,171,54,0),inset 0 1px 0 rgba(255,255,255,.55)}}
@keyframes ygKB{from{transform:scale(1)}to{transform:scale(1.06)}}
@keyframes ygKBv{from{transform:scale(1.045)}to{transform:scale(1.1)}}
@keyframes ygRec{0%,100%{box-shadow:0 0 0 0 rgba(243,196,89,.6)}50%{box-shadow:0 0 0 6px rgba(243,196,89,0)}}
@keyframes ygUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}

@media (max-width:360px){
  #ymx-ghero .g-h1{font-size:42px}
  #ymx-ghero .g-h1--l{font-size:37px}
  #ymx-ghero .g-h1--xl{font-size:32px}
  #ymx-ghero .g-btn{letter-spacing:.1em}
}
@media (min-width:640px){
  #ymx-ghero .g-photo{height:760px}
  #ymx-ghero .g-film{top:96px;left:32px}
  #ymx-ghero .g-copy{left:40px;right:40px;bottom:48px}
  #ymx-ghero .g-h1{font-size:66px}
  #ymx-ghero .g-h1--l{font-size:58px}
  #ymx-ghero .g-h1--xl{font-size:50px}
  #ymx-ghero .g-lead{font-size:21px}
  #ymx-ghero .g-ctas{flex-direction:row;flex-wrap:wrap}
  #ymx-ghero .g-btn{min-height:54px;padding:0 26px}
  #ymx-ghero .g-scrim{background:linear-gradient(180deg,rgba(8,19,28,.45) 0%,transparent 16%),linear-gradient(20deg,rgba(8,19,28,.9) 0%,rgba(8,19,28,.6) 40%,transparent 72%)}
}
@media (min-width:900px){
  #ymx-ghero .g-photo{height:820px}
  #ymx-ghero .g-scrim{background:linear-gradient(180deg,rgba(8,19,28,.45) 0%,transparent 16%),linear-gradient(20deg,rgba(8,19,28,.86) 0%,rgba(8,19,28,.5) 34%,transparent 60%)}
  #ymx-ghero .g-film{top:104px;left:40px;font-size:12px;letter-spacing:.22em;padding:11px 18px}
  #ymx-ghero .g-copy{left:56px;right:auto;max-width:860px;bottom:72px}
  #ymx-ghero .g-eyebrow{font-size:12px}
  #ymx-ghero .g-h1{font-size:88px;line-height:.98;margin-top:18px}
  #ymx-ghero .g-h1--l{font-size:76px;line-height:1}
  #ymx-ghero .g-h1--xl{font-size:64px;line-height:1.02}
  #ymx-ghero .g-lead{font-size:23px;margin-top:18px}
  #ymx-ghero .g-ctas{margin-top:30px;gap:12px}
  #ymx-ghero .g-btn{min-height:56px;font-size:13px}
  #ymx-ghero .g-card{display:flex;flex-direction:column;gap:14px;position:absolute;z-index:2;right:40px;bottom:72px;width:380px;padding:24px 26px;border-radius:24px;animation:ygUp .9s cubic-bezier(.16,1,.3,1) .3s both}
  #ymx-ghero .g-card-top{display:flex;justify-content:space-between;gap:14px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#f8f5ee}
  #ymx-ghero .g-mut{color:rgba(248,245,238,.72);text-align:right}
  #ymx-ghero .g-card-p{font-size:15px;line-height:1.6;color:rgba(248,245,238,.86)}
  #ymx-ghero .g-link{align-self:flex-start;display:inline-block;background:none;border:0;border-bottom:1px solid rgba(248,245,238,.7);border-radius:0;padding:0 0 3px;margin:0;font:600 11.5px/1.3 'Hanken Grotesk',system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#f8f5ee;text-decoration:none;cursor:pointer;box-shadow:none}
  #ymx-ghero .g-link:hover{color:#f3c459;border-color:#f3c459;background:none}
}
@media (min-width:900px) and (max-width:1279px){
  #ymx-ghero .g-copy{max-width:calc(100% - 520px)}
  #ymx-ghero .g-h1{font-size:72px}
  #ymx-ghero .g-h1--l{font-size:62px}
  #ymx-ghero .g-h1--xl{font-size:54px}
  #ymx-ghero .g-card{width:340px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  #ymx-ghero .g-glass,#ymx-ghero .g-gpill{background:rgba(21,38,55,.92)}
}
@media (prefers-reduced-motion:reduce){
  #ymx-ghero .g-img,#ymx-ghero .g-amber,#ymx-ghero .g-card,#ymx-ghero .g-film b::before{animation:none}
  #ymx-ghero .g-vid{transform:scale(1.045)}
}
/* legibilidad sobre fotos claras */
#ymx-ghero .g-scrim{background:linear-gradient(180deg,rgba(8,19,28,.45) 0%,transparent 14%,transparent 26%,rgba(8,19,28,.55) 44%,rgba(8,19,28,.86) 64%,rgba(8,19,28,.96) 100%)}
#ymx-ghero .g-card-top{flex-direction:column;gap:4px}
#ymx-ghero .g-mut{text-align:left}
@media (min-width:640px){
  #ymx-ghero .g-scrim{background:linear-gradient(180deg,rgba(8,19,28,.45) 0%,transparent 16%),linear-gradient(20deg,rgba(8,19,28,.92) 0%,rgba(8,19,28,.72) 36%,rgba(8,19,28,.3) 58%,transparent 76%)}
}
@media (min-width:900px){
  #ymx-ghero .g-scrim{background:linear-gradient(180deg,rgba(8,19,28,.45) 0%,transparent 16%),linear-gradient(20deg,rgba(8,19,28,.9) 0%,rgba(8,19,28,.66) 34%,rgba(8,19,28,.22) 54%,transparent 68%),linear-gradient(0deg,rgba(8,19,28,.35),transparent 30%)}
}
/* 1.32.8 · desktop: el contenido del hero se alinea con la columna del resto de la página (1176 px centrada) */
@media (min-width:900px){
  #ymx-ghero .g-film{left:max(40px,calc(50% - 588px))}
  #ymx-ghero .g-copy{left:max(56px,calc(50% - 588px))}
  #ymx-ghero .g-card{right:max(40px,calc(50% - 588px))}
}
/* 1.32.12 · tipografía igual al resto del sitio (Newsreader), semibold en el H1 */
#ymx-ghero .g-h1{font-weight:600;letter-spacing:-.012em;font-size:41px;line-height:1.04;font-optical-sizing:auto}
#ymx-ghero .g-h1--l{font-size:37px}
#ymx-ghero .g-h1--xl{font-size:32px;line-height:1.08}
#ymx-ghero .g-h1 em{font-weight:500;font-style:italic;letter-spacing:-.015em}
#ymx-ghero .g-lead{font-size:17px;line-height:1.48}
@media (max-width:360px){#ymx-ghero .g-h1{font-size:36px}#ymx-ghero .g-h1--l{font-size:32px}#ymx-ghero .g-h1--xl{font-size:28px}}
@media (min-width:640px){#ymx-ghero .g-h1{font-size:56px}#ymx-ghero .g-h1--l{font-size:50px}#ymx-ghero .g-h1--xl{font-size:44px}#ymx-ghero .g-lead{font-size:19px}}
@media (min-width:900px){#ymx-ghero .g-h1{font-size:74px;line-height:1}#ymx-ghero .g-h1--l{font-size:64px;line-height:1.02}#ymx-ghero .g-h1--xl{font-size:54px;line-height:1.04}#ymx-ghero .g-lead{font-size:20px}}
@media (min-width:900px) and (max-width:1279px){#ymx-ghero .g-h1{font-size:62px}#ymx-ghero .g-h1--l{font-size:54px}#ymx-ghero .g-h1--xl{font-size:46px}}
/* 1.32.13 · H1 en medium (500), un punto menos que semibold */
#ymx-ghero .g-h1{font-weight:500}
#ymx-ghero .g-h1 em{font-weight:400}
/* 1.32.14 · etiqueta FILM legible sobre cielos claros: cristal azul marino */
#ymx-ghero .g-film{background:linear-gradient(135deg,rgba(40,60,82,.82),rgba(21,38,55,.78) 45%,rgba(12,26,38,.86));border-color:rgba(248,245,238,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 24px -12px rgba(8,19,28,.6)}
#ymx-ghero .g-film span{color:#f6cf6e}