/* Privileged Nautic · estilo de marca compartido (oct 2026) */
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/montserrat-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/montserrat-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/montserrat-latin-600-normal.woff2) format('woff2')}
:root{
  --ink:#071F35; --ink-2:rgba(7,31,53,.78); --muted:rgba(7,31,53,.64);
  --line:rgba(7,31,53,.12); --paper:#FFFFFF; --paper-2:#FFFFFF; --white:#FFFFFF;
  --accent:#071F35; --accent-d:#0D2B47; --gold:#071F35; --wa:#071F35;
  --r:0px;
  --font-head:'Poppins',sans-serif; --font-body:'Montserrat',sans-serif;
}
body{background:#fff;color:var(--ink)}
::selection{background:#071F35;color:#fff}
:focus-visible{outline:2px solid #071F35;outline-offset:3px}

/* barra superior igual a la portada */
html body.navopen header#hd{background:#fff}
header#hd,header#hd.scrolled{background:#fff;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none}
header#hd .bar,header#hd.scrolled .bar{max-width:none;padding:10px clamp(16px,2.4vw,32px);min-height:64px}
header#hd .brand img{height:34px;width:auto}
header#hd .brand b{display:none}
header#hd nav ul{gap:26px}
header#hd nav a{font-size:.9rem;font-weight:500;color:var(--ink-2)}
header#hd nav a:hover,header#hd nav a.active{color:var(--ink)}
header#hd .btn-head{background:#071F35;border:0;color:#fff!important;padding:12px 20px;font-family:var(--font-body);font-weight:600}
header#hd .btn-head:hover{background:#0D2B47}
@media(max-width:768px){
  header#hd .brand img{height:30px}
  header#hd nav ul{position:fixed;top:64px;left:0;right:0;bottom:auto;width:auto;height:auto;inset:64px 0 auto 0;
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;text-align:left;
    background:#fff;padding:4px 20px 22px;border-left:0;box-shadow:0 18px 30px -14px rgba(7,31,53,.28);
    opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s ease-out,transform .22s ease-out,visibility 0s linear .22s}
  header#hd nav ul.open{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease-out,transform .22s ease-out,visibility 0s}
  header#hd nav li a{display:block;padding:15px 2px;line-height:1.4;font-size:1rem;font-weight:500;color:#071F35;border-bottom:1px solid rgba(7,31,53,.12)}
  header#hd nav li a.active{font-weight:600}
  header#hd nav li a.btn-head{display:block;text-align:center;margin-top:18px;padding:16px;line-height:22px;font-size:1rem;border-bottom:0;color:#fff!important}
  .navmask{top:64px}
  #bg span{transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s}
  body.navopen #bg span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  body.navopen #bg span:nth-child(2){opacity:0}
  body.navopen #bg span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
}
/* botones */
.btn-primary{background:#071F35;color:#fff}
.btn-primary:hover{background:#0D2B47}
.btn-ghost{border-color:#071F35;color:#071F35}
.btn:active{transform:none;scale:.97}

/* pie igual al de la portada */
footer{background:#071F35}
footer li,footer li a,footer .fb p{color:rgba(255,255,255,.66)}
.fmeta,.fmeta a{color:rgba(255,255,255,.56)}

/* video de clientes en la galería */
.pn-video{max-width:1000px;margin:0 auto}
.pn-video .ph{position:relative;aspect-ratio:16/9;background:#071F35;overflow:hidden}
.pn-video video{width:100%;height:100%;object-fit:cover;display:block}
.pn-video .vplay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;transition:opacity .25s}
.pn-video .vplay span{width:84px;height:84px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.22,1,.36,1)}
.pn-video .vplay:hover span{transform:scale(1.06)}
.pn-video .vplay svg{width:28px;height:28px;fill:#071F35;margin-left:4px}
.pn-video .vplay.hide{opacity:0;pointer-events:none}
.pn-video figcaption{margin-top:14px}
.pn-video figcaption b{display:block;font-family:var(--font-head);font-weight:600;font-size:clamp(1.3rem,2vw,1.7rem);margin-bottom:6px}
.pn-video figcaption span{color:var(--ink-2)}

/* dos colores (16 oct 2026): blanco y el azul marino del pie en todas las páginas */
footer{background:#071F35;color:rgba(255,255,255,.8)}
footer li a:hover,.fmeta a:hover{color:#fff}
.btn-wa,.f-wa{background:#071F35;color:#fff}
.btn-wa:hover{background:#0D2B47}
.f-wa{border:2px solid #fff}
.card{background:#071F35}
.ph svg{stroke:rgba(7,31,53,.3)}