/* =========================================================
   MARK'S EXCLUSIVE BRANDS — Estilos del sitio
   Colores de marca (regla 70/20/10):
     Blanco #FFFFFF / Crema #F7F6F2   (70%)
     Navy   #15234A                   (20%)
     Dorado #E2A52A · Rojo #C8232B    (10%)
   ========================================================= */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#F7F6F2;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:#15234A}a:hover{color:#C8232B}
:focus-visible{outline:3px solid #C8232B;outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0;background:#15234A;color:#FFFFFF;padding:12px 18px;z-index:100}
.skip:focus{left:12px;top:12px;color:#FFFFFF}
section[id]{scroll-margin-top:84px}

/* Animaciones del logo y la marquesina */
@keyframes rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes pulse{0%{transform:scaleY(1)}50%{transform:scaleY(.82)}100%{transform:scaleY(1)}}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Encabezado */
.site-header{position:sticky;top:0;z-index:30;background:#FFFFFF;border-bottom:1px solid #E3E1DA}
.site-header .bar{max-width:1240px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;min-height:76px}
.brand{display:flex;align-items:flex-end;gap:12px;text-decoration:none;color:#15234A}
.brand .name{display:flex;flex-direction:column;line-height:1}
.brand .name b{font-family:'PT Serif',Georgia,serif;font-weight:700;font-size:24px}
.brand .name small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#4A5470;margin-top:4px}
.nav{display:flex;align-items:center;gap:28px;font-weight:600;font-size:15px}
.nav a{text-decoration:none}
.nav a.lang{color:#4A5470}
.header-actions{display:flex;align-items:center;gap:12px}
.btn-cta{text-decoration:none;background:#C8232B;color:#FFFFFF;padding:13px 22px;border-radius:4px;min-height:44px;display:inline-flex;align-items:center;font-weight:700;font-size:15px}
.btn-cta:hover{background:#A51C24;color:#FFFFFF}
.menu-btn{display:none;background:none;border:2px solid #15234A;color:#15234A;font:inherit;font-weight:700;font-size:15px;min-height:44px;padding:0 14px;border-radius:4px;cursor:pointer;align-items:center;gap:8px}
.menu-btn span{display:block;width:18px;height:2px;background:#15234A;box-shadow:0 -6px 0 #15234A,0 6px 0 #15234A}

/* Paquetes */
.pk-li{display:flex;gap:10px;align-items:baseline;line-height:1.45}
.pk-li::before{content:"";width:8px;height:8px;background:#E2A52A;flex-shrink:0;transform:translateY(-1px)}

/* Formulario */
.form-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.form-status{font-size:16px;line-height:1.5;padding:14px 16px;display:none;border-radius:4px}
.form-status.ok{display:block;background:#E8F3EC;color:#14532D;border-left:4px solid #15803D}
.form-status.err{display:block;background:#FDECEA;color:#7F1D1D;border-left:4px solid #C8232B}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #15234A;outline-offset:0}
button[disabled]{opacity:.6;cursor:wait}

/* Pie de página */
.foot{background:#0E1934;color:#D5DAE6;font-family:'Figtree','Segoe UI',Helvetica,sans-serif}
.foot a{color:#D5DAE6;text-decoration:none}.foot a:hover{color:#FFFFFF}
.foot-in{max-width:1240px;margin:0 auto;padding:56px 24px 36px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px}
.foot-brand{display:flex;align-items:flex-end;gap:14px}
.foot-brand span{display:flex;flex-direction:column;line-height:1}
.foot-brand b{font-family:'PT Serif',Georgia,serif;font-size:22px;color:#FFFFFF}
.foot-brand small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#E2A52A;margin-top:8px;font-weight:700}
.foot-col{display:flex;flex-direction:column;gap:10px;font-size:15px}
.foot-title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#E2A52A;font-weight:700}
.foot-legal{max-width:1240px;margin:0 auto;padding:20px 24px 28px;border-top:1px solid #23305A;font-size:14px;color:#A9B2C8}

/* Celular y tableta */
@media (max-width:1000px){
  .menu-btn{display:inline-flex}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#FFFFFF;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 18px;border-bottom:1px solid #E3E1DA;box-shadow:0 12px 24px rgba(21,35,74,.08)}
  .nav.open{display:flex}
  .nav a{padding:14px 0;border-bottom:1px solid #EFEDE7;font-size:17px}
}
@media (max-width:600px){
  .header-cta{display:none}
  .brand .name b{font-size:21px}
  .form-2col{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-bar,.ticker{animation:none!important}
}
@media (max-width:600px){
  .hero-bars{height:340px!important}
  .brand .name small{font-size:9.5px;letter-spacing:.1em;white-space:nowrap}
}