/* =========================================================
   Windows MSCxPlorer · WIN1.3.0 · Fase 2A
   Base funcional: MSCxplorer v11.0.85-T20.24.9
   Objetivo: escritorio panorámico + Inicio + Cruceros/Flota. Solo presentación.
   No modifica GPS, datos, navegación JS ni lógica de negocio.
   ========================================================= */

:root{
  --win-nav-w:244px;
  --win-content-max:1640px;
  --win-gap:18px;
  --win-gold:#e2c46a;
  --win-navy:#031426;
  --win-blue:#0a4f82;
  --win-blue-2:#0c6aa7;
  --win-paper:#f4f9fd;
}

/* La transformación solo se activa en ventanas de escritorio reales. */
@media (min-width:1050px){
  html{scroll-padding-top:24px!important}
  body.mscx-windows{
    min-height:100vh!important;
    background:
      radial-gradient(900px 620px at 13% -7%,rgba(28,121,187,.23),transparent 63%),
      radial-gradient(1100px 620px at 98% 2%,rgba(25,96,151,.18),transparent 60%),
      linear-gradient(135deg,#02111f 0%,#041c31 42%,#031426 100%)!important;
  }

  /* ---------- Navegación lateral de escritorio ---------- */
  body.mscx-windows #mscx-top-nav{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:var(--win-nav-w)!important;
    max-width:var(--win-nav-w)!important;
    height:100vh!important;
    min-height:100vh!important;
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:8px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    padding:24px 15px 22px!important;
    border:0!important;
    border-right:1px solid rgba(226,196,106,.34)!important;
    background:
      linear-gradient(180deg,rgba(8,42,70,.98),rgba(3,20,38,.995))!important;
    box-shadow:14px 0 38px rgba(0,8,18,.24)!important;
    scrollbar-width:thin!important;
    z-index:80!important;
  }
  body.mscx-windows #mscx-top-nav::before{
    content:"Windows MSCxPlorer\A ESCRITORIO";
    white-space:pre-line;
    display:block;
    flex:0 0 auto;
    min-height:158px;
    margin:0 2px 17px;
    padding:89px 10px 13px;
    border:1px solid rgba(226,196,106,.36);
    border-radius:22px;
    background:
      url('icons/icon-192.png') center 14px/66px 66px no-repeat,
      radial-gradient(circle at 50% 20%,rgba(31,124,186,.24),transparent 48%),
      linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
    color:#fff;
    text-align:center;
    font-size:16px;
    line-height:1.32;
    font-weight:900;
    letter-spacing:.01em;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 24px rgba(0,0,0,.16);
  }
  body.mscx-windows #mscx-top-nav::after{
    content:"WIN1.3.0  ·  T20.24.9";
    order:99;
    margin-top:auto;
    padding:17px 7px 2px;
    color:rgba(218,235,247,.56);
    font-size:10px;
    font-weight:800;
    letter-spacing:.09em;
    text-align:center;
  }
  body.mscx-windows #mscx-top-nav>button{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:11px!important;
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:11px 13px!important;
    border:1px solid rgba(144,194,228,.25)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.055)!important;
    color:#dcebf5!important;
    box-shadow:none!important;
    font-size:15px!important;
    font-weight:820!important;
    text-align:left!important;
    transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
  }
  body.mscx-windows #mscx-top-nav>button::before{
    display:grid;
    place-items:center;
    flex:0 0 30px;
    width:30px;
    height:30px;
    border-radius:10px;
    background:rgba(255,255,255,.08);
    color:#f2d77d;
    font-size:17px;
    line-height:1;
  }
  body.mscx-windows #mscx-top-nav>button:nth-child(1)::before{content:"⌂"}
  body.mscx-windows #mscx-top-nav>button:nth-child(2)::before{content:"✈"}
  body.mscx-windows #mscx-top-nav>button:nth-child(3)::before{content:"⚓"}
  body.mscx-windows #mscx-top-nav>button:nth-child(4)::before{content:"✦"}
  body.mscx-windows #mscx-top-nav>button:nth-child(5)::before{content:"＋"}
  body.mscx-windows #mscx-top-nav>button:hover{
    transform:translateX(2px)!important;
    background:rgba(26,105,160,.22)!important;
    border-color:rgba(149,208,246,.48)!important;
  }
  body.mscx-windows #mscx-top-nav>button.active{
    background:linear-gradient(135deg,#0d669f,#0a4c7d)!important;
    color:#fff!important;
    border-color:var(--win-gold)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 7px 18px rgba(0,0,0,.16)!important;
  }
  body.mscx-windows #mscx-top-nav>button.active::before{
    background:rgba(255,255,255,.13);
    color:#ffe89d;
  }

  /* ---------- Superficie de trabajo ---------- */
  body.mscx-windows main{
    box-sizing:border-box!important;
    width:auto!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:0 0 0 var(--win-nav-w)!important;
    padding:30px clamp(24px,3vw,46px) 48px!important;
    background:transparent!important;
  }
  body.mscx-windows main>.panel{
    width:100%!important;
    max-width:var(--win-content-max)!important;
    margin:0 auto!important;
  }
  body.mscx-windows .card{
    border-radius:22px;
  }
  body.mscx-windows button,
  body.mscx-windows a,
  body.mscx-windows summary{cursor:pointer}

  /* ---------- Inicio panorámico ---------- */
  body.mscx-windows #homeMyCruise{
    width:100%;
    max-width:none;
  }
  body.mscx-windows #homeMyCruise .my-cruise-card:not(.my-cruise-empty){
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:var(--win-gap)!important;
    padding:20px!important;
    border-radius:28px!important;
    background:
      radial-gradient(900px 380px at 70% -12%,rgba(25,121,185,.19),transparent 60%),
      linear-gradient(145deg,#061c32 0%,#082d4c 58%,#061d34 100%)!important;
    box-shadow:0 24px 55px rgba(0,9,19,.30),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-card:not(.my-cruise-empty)::before,
  body.mscx-windows #homeMyCruise .my-cruise-card:not(.my-cruise-empty)::after{
    pointer-events:none!important;
  }

  body.mscx-windows #homeMyCruise .my-cruise-welcome-hero{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:minmax(340px,.82fr) minmax(540px,1.18fr)!important;
    grid-template-areas:"head art" "summary art"!important;
    align-items:stretch!important;
    column-gap:22px!important;
    row-gap:14px!important;
    min-height:350px!important;
    padding:22px!important;
    margin:0!important;
    border:1px solid rgba(226,196,106,.40)!important;
    border-radius:24px!important;
    background:
      radial-gradient(600px 280px at 5% 0%,rgba(20,103,164,.23),transparent 67%),
      linear-gradient(145deg,#08243e 0%,#061b30 100%)!important;
    overflow:hidden!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-welcome-hero .my-cruise-head{
    grid-area:head!important;
    align-self:end!important;
    min-width:0!important;
    padding:8px 2px 0!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-welcome-hero .my-cruise-head-status{
    padding-right:0!important;
    margin-bottom:14px!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-welcome-hero .my-cruise-head h2{
    max-width:620px;
    margin-bottom:13px!important;
    font-size:clamp(36px,3.35vw,56px)!important;
    line-height:.98!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-welcome-hero .my-cruise-departure{
    padding:9px 13px!important;
    font-size:14px!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-rank-row{
    margin-top:11px!important;
    gap:8px!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-rank-pill{
    font-size:11px!important;
    padding:6px 9px!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-welcome-art{
    grid-area:art!important;
    width:100%!important;
    height:100%!important;
    min-height:306px!important;
    aspect-ratio:auto!important;
    margin:0!important;
    border:1px solid rgba(150,205,239,.20)!important;
    border-radius:19px!important;
    background-position:center 48%!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 18px 34px rgba(0,0,0,.22)!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-welcome-summary{
    grid-area:summary!important;
    align-self:start!important;
    width:100%!important;
    margin:0!important;
    padding:9px!important;
    gap:8px!important;
    border-radius:16px!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-welcome-summary span{
    min-height:58px!important;
    padding:8px 6px!important;
    font-size:12px!important;
  }

  /* Las galletas dejan de formar una columna interminable y se convierten en panel. */
  body.mscx-windows #homeMyCruise .my-cruises-library,
  body.mscx-windows #homeMyCruise .my-cruise-dashboard-group,
  body.mscx-windows #homeMyCruise .my-cruise-translator-cta{
    min-width:0!important;
    margin:0!important;
  }
  body.mscx-windows #homeMyCruise .my-cruises-library,
  body.mscx-windows #homeMyCruise .my-cruise-group-now,
  body.mscx-windows #homeMyCruise .my-cruise-translator-cta{
    grid-column:span 4!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-group-prep,
  body.mscx-windows #homeMyCruise .my-cruise-group-route{
    grid-column:span 6!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-group-destination{
    grid-column:1/-1!important;
  }
  body.mscx-windows #homeMyCruise .my-cruises-library,
  body.mscx-windows #homeMyCruise .my-cruise-dashboard-group{
    align-self:start!important;
    border-radius:20px!important;
    box-shadow:0 13px 28px rgba(0,8,17,.18)!important;
  }
  body.mscx-windows #homeMyCruise .my-cruises-library>summary,
  body.mscx-windows #homeMyCruise .my-cruise-dashboard-group>summary{
    min-height:82px!important;
    padding:15px 48px 15px 18px!important;
  }
  body.mscx-windows #homeMyCruise .my-cruises-library>summary>span,
  body.mscx-windows #homeMyCruise .my-cruise-dashboard-group>summary>span{
    font-size:18px!important;
  }
  body.mscx-windows #homeMyCruise .my-cruises-library>summary>small,
  body.mscx-windows #homeMyCruise .my-cruise-dashboard-group>summary>small{
    margin-top:5px!important;
    font-size:12px!important;
    line-height:1.25!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-translator-cta{
    min-height:82px!important;
    align-self:start!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:13px!important;
    padding:14px 17px!important;
    border-radius:20px!important;
    box-shadow:0 13px 28px rgba(0,8,17,.18)!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-translator-cta>span:first-child{
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    border:1px solid rgba(242,207,103,.30);
    border-radius:14px;
    background:rgba(255,255,255,.07);
    font-size:23px;
  }
  body.mscx-windows #homeMyCruise .my-cruise-translator-cta b{font-size:18px!important}
  body.mscx-windows #homeMyCruise .my-cruise-translator-cta small{font-size:12px!important}

  /* En escritorio, al abrir una galleta, el contenido tiene más aire y columnas útiles. */
  body.mscx-windows #homeMyCruise .my-cruise-dashboard-group-body,
  body.mscx-windows #homeMyCruise .my-cruises-library-body{
    padding:16px!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-stops{
    gap:8px!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-stops .port-chip{
    min-height:38px!important;
    padding:8px 12px!important;
    font-size:12px!important;
  }

  /* Inicio vacío también aprovecha la pantalla sin perder la lógica original. */
  body.mscx-windows #homeMyCruise .my-cruise-empty{
    max-width:1180px;
    min-height:420px;
    margin:24px auto!important;
    padding:52px!important;
    border-radius:28px!important;
    background:
      url('assets/images/inicio-mi-crucero-hero-v9.0.82.webp') right center/54% auto no-repeat,
      linear-gradient(90deg,#061e35 0%,#082f50 48%,#06233d 100%)!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-empty h2{
    max-width:460px;
    margin-top:18px!important;
    font-size:44px!important;
  }
  body.mscx-windows #homeMyCruise .my-cruise-empty>p{max-width:430px;font-size:16px!important;line-height:1.55!important}
  body.mscx-windows #homeMyCruise .my-cruise-empty>.btn{min-width:190px;margin-top:10px}

  /* Cabeceras sticky internas: ya no necesitan compensar una barra superior. */
  body.mscx-windows .detail-head{top:16px!important}
}

/* Escritorio intermedio: mantenemos barra lateral, pero Inicio pasa a dos columnas. */
@media (min-width:1050px) and (max-width:1280px){
  :root{--win-nav-w:214px;--win-gap:14px}
  body.mscx-windows #mscx-top-nav{padding-left:12px!important;padding-right:12px!important}
  body.mscx-windows #mscx-top-nav::before{font-size:14px}
  body.mscx-windows #homeMyCruise .my-cruise-welcome-hero{
    grid-template-columns:minmax(300px,.9fr) minmax(430px,1.1fr)!important;
  }
  body.mscx-windows #homeMyCruise .my-cruises-library,
  body.mscx-windows #homeMyCruise .my-cruise-group-now,
  body.mscx-windows #homeMyCruise .my-cruise-translator-cta{grid-column:span 6!important}
  body.mscx-windows #homeMyCruise .my-cruise-translator-cta{grid-column:1/-1!important}
}


/* =========================================================
   WIN1.3.0 · Fase 2A · Cruceros + Flota
   - Restaura una imagen del barco en cada ficha de resultado.
   - Evita estirar perfiles de barco por encima de una escala visual razonable.
   - Aprovecha el ancho del monitor con 2/3 columnas equilibradas.
   - Solo escritorio; la presentación móvil heredada permanece intacta.
   ========================================================= */
/* El refuerzo visual de Cruceros es exclusivamente de escritorio. */
body.mscx-windows .win-cruise-ship-media{display:none!important}

@media (min-width:1050px){
  /* ----- Cabecera de Cruceros ----- */
  body.mscx-windows #cruises .cruise-journey-photo-hero{
    max-height:420px!important;
    aspect-ratio:16/6!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }
  body.mscx-windows #cruises .cruise-journey-hero-image{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 48%!important;
  }

  /* ----- Resultados de cruceros ----- */
  body.mscx-windows #cruises #cruiseList{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:start!important;
  }
  body.mscx-windows #cruises #cruiseList>.cruise,
  body.mscx-windows #favorites #favoriteList>.cruise{
    min-width:0!important;
    margin:0!important;
    padding:16px!important;
    border:1px solid rgba(144,194,228,.30)!important;
    border-radius:22px!important;
    background:linear-gradient(145deg,rgba(5,35,60,.985),rgba(7,57,90,.965))!important;
    box-shadow:0 16px 34px rgba(0,12,24,.22)!important;
    color:#fff!important;
    overflow:hidden!important;
  }
  body.mscx-windows .win-cruise-ship-media{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:170px!important;
    margin:0 0 14px!important;
    padding:12px 18px 8px!important;
    border:1px solid rgba(226,196,106,.30)!important;
    border-radius:17px!important;
    background:
      radial-gradient(420px 130px at 50% 85%,rgba(41,126,181,.20),transparent 70%),
      linear-gradient(180deg,#f8fbfd 0%,#eaf3f8 100%)!important;
    overflow:hidden!important;
  }
  body.mscx-windows .win-cruise-ship-media::after{
    content:"";
    position:absolute;
    inset:auto 12% 11px;
    height:18px;
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(5,24,40,.15),transparent 67%);
    filter:blur(3px);
    pointer-events:none;
  }
  body.mscx-windows .win-cruise-ship-media img{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    width:auto!important;
    max-width:94%!important;
    height:auto!important;
    max-height:142px!important;
    object-fit:contain!important;
    object-position:center!important;
    image-rendering:auto!important;
    transform:none!important;
    filter:none!important;
  }
  body.mscx-windows .win-cruise-ship-media.is-photo-scene img{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    max-height:100%!important;
    object-fit:cover!important;
    border-radius:11px!important;
  }
  body.mscx-windows .win-cruise-ship-fallback{
    z-index:1;
    display:grid;
    place-items:center;
    width:100%;height:100%;
    color:#0a4f82;
    font-size:54px;
  }
  body.mscx-windows #cruises .cruise-card-head{margin-top:1px!important}
  body.mscx-windows #cruises .cruise-card-title-wrap h3{font-size:21px!important;line-height:1.1!important}
  body.mscx-windows #cruises .cruise-card-meta-row{gap:7px!important}
  body.mscx-windows #cruises .cruise-card-meta-chip{font-size:11px!important}
  body.mscx-windows #cruises .cruise-card-route{min-height:68px!important}
  body.mscx-windows #cruises .cruise-card-actions{gap:8px!important}
  body.mscx-windows #cruises .cruise-card-actions .btn{min-height:38px!important}

  /* ----- Flota ----- */
  body.mscx-windows #cruises #shipList{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
  }
  body.mscx-windows #cruises #shipList .ship-fleet-card{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:16px!important;
    border:1px solid rgba(144,194,228,.28)!important;
    border-radius:22px!important;
    background:linear-gradient(145deg,rgba(5,35,60,.985),rgba(7,57,90,.965))!important;
    box-shadow:0 16px 34px rgba(0,12,24,.22)!important;
    color:#fff!important;
  }
  body.mscx-windows #cruises #shipList .ship-media{
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:205px!important;
    min-height:205px!important;
    margin:0 0 14px!important;
    padding:10px 14px!important;
    border:1px solid rgba(226,196,106,.30)!important;
    border-radius:17px!important;
    background:
      radial-gradient(500px 140px at 50% 90%,rgba(41,126,181,.17),transparent 68%),
      linear-gradient(180deg,#f8fbfd 0%,#eaf3f8 100%)!important;
    overflow:hidden!important;
  }
  body.mscx-windows #cruises #shipList .ship-fleet-card .ship-photo{
    display:block!important;
    width:auto!important;
    max-width:96%!important;
    height:auto!important;
    max-height:176px!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    image-rendering:auto!important;
    filter:none!important;
    mix-blend-mode:multiply;
  }
  body.mscx-windows #cruises #shipList .ship-title-row{gap:10px!important;align-items:flex-start!important}
  body.mscx-windows #cruises #shipList .ship-title-row h3{font-size:20px!important;line-height:1.08!important}
  body.mscx-windows #cruises #shipList .ship-fleet-ranking-note{min-height:34px!important}
  body.mscx-windows #cruises #shipList .ship-card-footer{margin-top:auto!important;padding-top:13px!important}

  /* ----- Ficha individual de crucero ----- */
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card{
    max-width:1360px!important;
    margin:0 auto!important;
    padding:22px!important;
    border-radius:26px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-ship-head{
    display:grid!important;
    grid-template-columns:minmax(300px,.75fr) minmax(520px,1.25fr)!important;
    gap:22px!important;
    align-items:center!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-ship-copy h2{
    font-size:clamp(36px,3vw,52px)!important;
    line-height:1!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-ship-photo-wrap{
    width:100%!important;
    min-height:250px!important;
    height:250px!important;
    margin:0!important;
    padding:14px 22px!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,#f8fbfd,#eaf3f8)!important;
    overflow:hidden!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-ship-photo{
    display:block!important;
    width:auto!important;
    max-width:96%!important;
    height:auto!important;
    max-height:216px!important;
    margin:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    image-rendering:auto!important;
    filter:none!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-summary{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
  }
}

@media (min-width:1050px) and (max-width:1399px){
  body.mscx-windows #cruises #shipList{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.mscx-windows #cruises #cruiseList{grid-template-columns:1fr!important}
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-ship-head{
    grid-template-columns:minmax(270px,.8fr) minmax(430px,1.2fr)!important;
  }
}


/* =========================================================
   WIN1.3.0 · CORRECCIÓN DE NAVEGACIÓN DE ESCRITORIO
   - Las galletas principales vuelven a la franja superior horizontal.
   - Se elimina la columna lateral fija de WIN1.0/WIN1.1.
   - El contenido recupera el ancho completo de la ventana.
   - Se mantienen intactas las mejoras de Cruceros y Flota de Fase 2A.
   ========================================================= */
@media (min-width:1050px){
  html{scroll-padding-top:70px!important}

  body.mscx-windows #mscx-top-nav{
    position:sticky!important;
    inset:auto!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:10px max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left))!important;
    border:0!important;
    border-bottom:1px solid #c6ddf0!important;
    background:#f3f9ff!important;
    box-shadow:none!important;
    scrollbar-width:none!important;
    z-index:80!important;
  }
  body.mscx-windows #mscx-top-nav::-webkit-scrollbar{display:none!important}
  body.mscx-windows #mscx-top-nav::before,
  body.mscx-windows #mscx-top-nav::after{
    content:none!important;
    display:none!important;
  }
  body.mscx-windows #mscx-top-nav>button{
    position:relative!important;
    display:block!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    min-height:44px!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:10px 14px!important;
    border:2px solid rgba(103,169,218,.72)!important;
    border-radius:999px!important;
    background:#dcecf8!important;
    color:#0e3050!important;
    box-shadow:inset 0 0 0 1px rgba(10,94,168,.08)!important;
    font-size:inherit!important;
    font-weight:800!important;
    line-height:1.05!important;
    text-align:center!important;
    white-space:nowrap!important;
    transform:none!important;
    transition:none!important;
  }
  body.mscx-windows #mscx-top-nav>button::before{
    content:none!important;
    display:none!important;
  }
  body.mscx-windows #mscx-top-nav>button:hover{
    transform:none!important;
    background:#dcecf8!important;
    border-color:rgba(103,169,218,.72)!important;
  }
  body.mscx-windows #mscx-top-nav>button.active,
  body.mscx-windows #mscx-top-nav>button.active:hover{
    background:linear-gradient(180deg,#0b5ea7,#084c87)!important;
    color:#fff!important;
    border-color:#d4b45b!important;
    box-shadow:0 0 0 2px rgba(212,180,91,.24)!important;
  }

  body.mscx-windows main{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:var(--win-content-max)!important;
    min-height:calc(100vh - 66px)!important;
    margin:0 auto!important;
    padding:24px clamp(18px,2.5vw,40px) 48px!important;
    background:transparent!important;
  }
  body.mscx-windows main>.panel{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
}


/* =========================================================
   WIN1.3.0 · FASE 2B · FICHA DE CRUCERO + FICHA DE BARCO
   - Mejora la lectura de la ficha individual de crucero.
   - Mejora la ficha de salidas del barco con foto y retícula.
   - Solo escritorio, sin tocar la lógica base.
   ========================================================= */
@media (min-width:1050px){
  body.mscx-windows #cruises #cruiseDetail .detail-head,
  body.mscx-windows #cruises #shipSailingsDetail .detail-head{
    position:sticky!important;
    top:76px!important;
    z-index:25!important;
    margin:0 auto 14px!important;
    padding:10px 12px!important;
    border:1px solid rgba(203,225,241,.9)!important;
    border-radius:20px!important;
    background:rgba(244,249,253,.94)!important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-shadow:0 14px 30px rgba(2,17,31,.12)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .detail-head.cruise-pattern-head-v8155{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    max-width:1360px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .detail-head .my-cruise-detail-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
    gap:8px!important;
  }

  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail{
    display:grid!important;
    grid-template-columns:1.06fr .94fr!important;
    gap:18px!important;
    align-items:start!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-detail-ship-head,
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-summary,
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-travel-status,
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-live-note,
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-ship-rating-v3r5{
    grid-column:1 / -1!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-route-section{
    grid-column:1 / 2!important;
    margin:0!important;
    min-height:100%!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-ranking-section{
    grid-column:2 / 3!important;
    margin:0!important;
    min-height:100%!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-data-section{
    grid-column:1 / -1!important;
    margin:0!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail .cruise-pattern-section{
    padding:18px!important;
    border-radius:20px!important;
    border:1px solid rgba(162,201,228,.34)!important;
    background:linear-gradient(180deg,rgba(247,251,254,.98),rgba(236,245,251,.95))!important;
    box-shadow:0 12px 26px rgba(3,26,46,.08)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail .cruise-pattern-section h3{
    font-size:22px!important;
    margin-bottom:10px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail .cruise-pattern-route-section .route{
    min-height:72px!important;
    font-size:16px!important;
    line-height:1.55!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail .cruise-stops-disclosure{
    margin-top:14px!important;
    border:1px solid rgba(162,201,228,.34)!important;
    border-radius:16px!important;
    background:#f7fbfe!important;
    overflow:hidden!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail .cruise-stops-disclosure > summary{
    padding:12px 14px!important;
    font-weight:800!important;
    background:rgba(220,236,248,.8)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail .cruise-stops-disclosure .port-chips{
    padding:14px!important;
    gap:10px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail .cruise-stops-disclosure .port-chip{
    min-height:42px!important;
    padding:9px 13px!important;
    font-size:13px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail .cruise-pattern-theme-grid{
    gap:10px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail .cruise-pattern-data-grid{
    grid-template-columns:minmax(240px,1fr) minmax(300px,1fr)!important;
    gap:12px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail .cruise-pattern-code,
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail .cruise-pattern-go{
    min-height:100%!important;
  }

  body.mscx-windows #cruises #shipSailingsDetail .ship-sailings-summary.win-ship-sailings-summary{
    display:grid!important;
    grid-template-columns:minmax(310px,.75fr) minmax(360px,1fr)!important;
    align-items:center!important;
    gap:20px 24px!important;
    max-width:1360px!important;
    margin:0 auto 16px!important;
    padding:20px!important;
    border-radius:24px!important;
  }
  body.mscx-windows #cruises #shipSailingsDetail .ship-sailings-summary.win-ship-sailings-summary > .eyebrow,
  body.mscx-windows #cruises #shipSailingsDetail .ship-sailings-summary.win-ship-sailings-summary > .ship-title-row,
  body.mscx-windows #cruises #shipSailingsDetail .ship-sailings-summary.win-ship-sailings-summary > .ship-profile-ranking,
  body.mscx-windows #cruises #shipSailingsDetail .ship-sailings-summary.win-ship-sailings-summary > .meta{
    grid-column:2 / 3!important;
  }
  body.mscx-windows #cruises #shipSailingsDetail .ship-sailings-summary.win-ship-sailings-summary > .win-ship-sailings-media{
    grid-column:1 / 2!important;
    grid-row:1 / span 4!important;
    height:220px!important;
    margin:0!important;
  }
  body.mscx-windows #cruises #shipSailingsDetail .ship-sailings-summary.win-ship-sailings-summary .ship-sailings-title-row h2{
    font-size:clamp(34px,2.8vw,48px)!important;
    line-height:1!important;
  }
  body.mscx-windows #cruises #shipSailingsDetail .ship-sailing-groups{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:start!important;
  }
  body.mscx-windows #cruises #shipSailingsDetail .ship-sailing-group{
    height:100%!important;
    margin:0!important;
    border-radius:22px!important;
    box-shadow:0 16px 32px rgba(3,24,43,.10)!important;
  }
  body.mscx-windows #cruises #shipSailingsDetail .ship-sailing-group .route{
    min-height:64px!important;
    line-height:1.55!important;
  }
  body.mscx-windows #cruises #shipSailingsDetail .ship-dates-disclosure{
    margin-top:14px!important;
  }
  body.mscx-windows #cruises #shipSailingsDetail .ship-date-list{
    gap:9px!important;
  }
  body.mscx-windows #cruises #shipSailingsDetail .ship-date-chip{
    min-height:40px!important;
    padding:9px 12px!important;
    font-weight:800!important;
  }
}

@media (min-width:1050px) and (max-width:1399px){
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail{
    grid-template-columns:1fr!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-route-section,
  body.mscx-windows #cruises #cruiseDetail .cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-ranking-section{
    grid-column:1 / -1!important;
  }
  body.mscx-windows #cruises #shipSailingsDetail .ship-sailings-summary.win-ship-sailings-summary{
    grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr)!important;
  }
  body.mscx-windows #cruises #shipSailingsDetail .ship-sailing-groups{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   WIN1.3.0 · FASE 2B · REDISEÑO VISUAL DE LA FICHA DE CRUCERO
   - La ficha individual del crucero gana un hero más potente.
   - La foto del barco crece y aprovecha de verdad la pantalla del ordenador.
   - Se mantiene la lógica intacta y la portada de Inicio protegida.
   ========================================================= */
@media (min-width:1050px){
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail{
    max-width:1440px!important;
    padding:26px!important;
    border-radius:30px!important;
    background:
      radial-gradient(780px 260px at 100% 0%,rgba(18,109,173,.10),transparent 54%),
      linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,254,.98))!important;
    box-shadow:0 26px 56px rgba(3,20,38,.16)!important;
  }

  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-detail-ship-head{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:minmax(340px,.78fr) minmax(620px,1.22fr)!important;
    gap:24px!important;
    align-items:stretch!important;
    padding:24px!important;
    border:1px solid rgba(173,208,232,.42)!important;
    border-radius:28px!important;
    background:
      radial-gradient(580px 220px at 0% 0%,rgba(20,110,171,.12),transparent 62%),
      linear-gradient(145deg,#082541 0%,#0a355a 54%,#082744 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 34px rgba(2,16,29,.18)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-detail-ship-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-width:0!important;
    padding:10px 6px 10px 2px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-detail-eyebrow,
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .eyebrow.cruise-detail-eyebrow{
    display:inline-flex!important;
    align-self:flex-start!important;
    margin-bottom:12px!important;
    padding:7px 12px!important;
    border:1px solid rgba(226,196,106,.55)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.10)!important;
    color:#f5e4a8!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-detail-ship-copy h2{
    margin:0 0 8px!important;
    color:#ffffff!important;
    font-size:clamp(42px,3.4vw,60px)!important;
    line-height:.95!important;
    letter-spacing:-.03em!important;
    text-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-detail-ship-photo-wrap{
    width:100%!important;
    min-height:350px!important;
    height:350px!important;
    padding:18px 26px!important;
    border:1px solid rgba(232,244,252,.28)!important;
    border-radius:24px!important;
    background:
      radial-gradient(600px 140px at 50% 92%,rgba(34,119,177,.22),transparent 66%),
      linear-gradient(180deg,#fbfdff 0%,#eaf3f8 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 18px 34px rgba(0,0,0,.18)!important;
    overflow:hidden!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-detail-ship-photo{
    width:auto!important;
    max-width:98%!important;
    height:auto!important;
    max-height:308px!important;
    object-fit:contain!important;
    object-position:center center!important;
    filter:none!important;
    transform:none!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-detail-ship-photo-fallback{
    font-size:96px!important;
    color:#0a4f82!important;
  }

  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-ship-rating-v3r5,
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-summary{
    border-radius:22px!important;
    box-shadow:0 14px 28px rgba(3,24,43,.09)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-summary{
    padding:12px!important;
    background:linear-gradient(180deg,#f8fbfe,#edf5fa)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-summary > div{
    min-height:82px!important;
    padding:14px 14px!important;
    border-radius:18px!important;
    background:#ffffff!important;
    box-shadow:0 8px 18px rgba(4,29,52,.08)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-summary > div span{
    font-size:12px!important;
    font-weight:900!important;
    color:#5f7f98!important;
    text-transform:uppercase!important;
    letter-spacing:.03em!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-summary > div b{
    display:block!important;
    margin-top:7px!important;
    font-size:21px!important;
    line-height:1.2!important;
    color:#0b2b47!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-travel-status,
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-live-note{
    border-radius:18px!important;
    box-shadow:0 10px 22px rgba(3,24,43,.08)!important;
  }

  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail{
    grid-template-columns:1.12fr .88fr!important;
    gap:20px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-route-section,
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-ranking-section{
    padding:20px!important;
    border-radius:24px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-route-section{
    min-height:100%!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-route-section .route{
    font-size:17px!important;
    line-height:1.6!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-stops-disclosure{
    margin-top:16px!important;
    border-radius:18px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-stops-disclosure > summary{
    padding:13px 15px!important;
    font-size:14px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-stops-disclosure .port-chip{
    min-height:44px!important;
    padding:10px 14px!important;
    font-size:13px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-ranking-section .cruise-pattern-separation-note,
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-ranking-section .cruise-ranking-separation-note{
    font-size:14px!important;
    line-height:1.5!important;
  }

  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-pattern-data-section{
    padding:0!important;
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-pattern-data-grid{
    gap:14px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-pattern-code,
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-pattern-go{
    padding:16px 18px!important;
    border:1px solid rgba(162,201,228,.34)!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,#f7fbfe,#edf5fa)!important;
    box-shadow:0 12px 24px rgba(3,24,43,.08)!important;
  }
}

@media (min-width:1050px) and (max-width:1399px){
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-detail-ship-head{
    grid-template-columns:minmax(270px,.76fr) minmax(460px,1.24fr)!important;
    padding:20px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-detail-ship-copy h2{
    font-size:clamp(36px,3.2vw,50px)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-detail-ship-photo-wrap{
    min-height:300px!important;
    height:300px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-detail-ship-photo{
    max-height:260px!important;
  }
}


/* =========================================================
   WIN1.3.0 · AJUSTE DE ESCALA DE FOTO EN FICHA DE CRUCERO
   - La imagen del barco en la ficha individual se escala de verdad.
   - Ocupa casi todo el espacio reservado de la tarjeta de foto.
   - Ajuste puramente visual para escritorio.
   ========================================================= */
@media (min-width:1050px){
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-detail-ship-head{
    grid-template-columns:minmax(300px,.62fr) minmax(760px,1.38fr)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-detail-ship-photo-wrap{
    min-height:320px!important;
    height:320px!important;
    padding:8px 12px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-detail-ship-photo{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    max-height:none!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

@media (min-width:1050px) and (max-width:1399px){
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail > .cruise-detail-ship-head{
    grid-template-columns:minmax(250px,.62fr) minmax(520px,1.38fr)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.cruise-pattern-v8155.win-cruise-pattern-detail .cruise-detail-ship-photo-wrap{
    min-height:280px!important;
    height:280px!important;
  }
}


/* =========================================================
   WIN1.3.0 · AJUSTE DE FLOTa · TRES GALLETAS EN UNA LÍNEA
   - Se descarta el enfoque visual de WIN1.2.3.
   - Base funcional y visual: WIN1.2.2 validada por el usuario.
   - Mejora solicitada: en cada ficha de los barcos, las tres galletas
     principales deben quedar en la misma línea.
   ========================================================= */
@media (min-width:1050px){
  body.mscx-windows #cruises #shipList .ship-fleet-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,.9fr)!important;
    grid-template-areas:
      "media media media"
      "title title title"
      "rank specs tonnage"
      "desc desc desc"
      "footer footer footer"!important;
    align-items:start!important;
    gap:12px!important;
  }
  body.mscx-windows #cruises #shipList .ship-media{grid-area:media!important}
  body.mscx-windows #cruises #shipList .ship-title-row{grid-area:title!important;margin:0!important}
  body.mscx-windows #cruises #shipList .ship-fleet-ranking-note,
  body.mscx-windows #cruises #shipList .ship-specs-line,
  body.mscx-windows #cruises #shipList .ship-tonnage-row{
    min-width:0!important;
    min-height:50px!important;
    margin:0!important;
    padding:10px 12px!important;
    border-radius:15px!important;
    border:1px solid rgba(160,207,240,.36)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.06))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  }
  body.mscx-windows #cruises #shipList .ship-fleet-ranking-note{
    grid-area:rank!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    color:#f1d98a!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1.22!important;
  }
  body.mscx-windows #cruises #shipList .ship-specs-line{
    grid-area:specs!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    text-align:center!important;
    color:#ecf5fb!important;
    font-size:12px!important;
    font-weight:820!important;
    line-height:1.22!important;
  }
  body.mscx-windows #cruises #shipList .ship-specs-line .ship-spec-item{display:inline!important}
  body.mscx-windows #cruises #shipList .ship-specs-line .ship-spec-sep{opacity:.72!important}
  body.mscx-windows #cruises #shipList .ship-tonnage-row{
    grid-area:tonnage!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.mscx-windows #cruises #shipList .ship-tonnage-row .ship-tonnage-badge{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#dff1ff!important;
    font-size:12px!important;
    font-weight:900!important;
    text-align:center!important;
    box-shadow:none!important;
  }
  body.mscx-windows #cruises #shipList .ship-fleet-card > p:not(.ship-specs-line){
    grid-area:desc!important;
    margin:2px 0 0!important;
  }
  body.mscx-windows #cruises #shipList .ship-card-footer{
    grid-area:footer!important;
    margin-top:0!important;
    padding-top:4px!important;
  }
}

@media (min-width:1050px) and (max-width:1399px){
  body.mscx-windows #cruises #shipList .ship-fleet-card{
    grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) minmax(0,.88fr)!important;
  }
  body.mscx-windows #cruises #shipList .ship-fleet-ranking-note,
  body.mscx-windows #cruises #shipList .ship-specs-line,
  body.mscx-windows #cruises #shipList .ship-tonnage-row{
    padding:9px 10px!important;
  }
  body.mscx-windows #cruises #shipList .ship-fleet-ranking-note,
  body.mscx-windows #cruises #shipList .ship-specs-line,
  body.mscx-windows #cruises #shipList .ship-tonnage-row .ship-tonnage-badge{
    font-size:11.5px!important;
  }
}


/* =========================================================
   WIN1.3.0 · PANORAMA PREMIUM
   Inspirado en los mockups aprobados por el usuario.
   Conserva navegación superior, Inicio y lógica protegida.
   ========================================================= */
@media (min-width:1050px){
  body.mscx-windows #cruises #cruiseDetail{
    --win-premium-gold:#edc85d;
    --win-premium-navy:#05233b;
    --win-premium-navy-2:#073a5e;
    --win-premium-line:rgba(121,188,231,.28);
    --win-premium-soft:#eaf5fb;
  }
  body.mscx-windows #cruises #cruiseDetail .detail-head.cruise-pattern-head-v8155{
    max-width:1600px!important;
    top:70px!important;
    padding:10px 12px!important;
    margin:0 auto 16px!important;
    border:1px solid rgba(186,216,237,.9)!important;
    border-radius:20px!important;
    background:rgba(244,250,254,.95)!important;
    box-shadow:0 14px 30px rgba(1,17,31,.13)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .detail-head.cruise-pattern-head-v8155 .btn{
    min-height:44px!important;
    border-radius:13px!important;
    font-size:13px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-page-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 350px!important;
    gap:20px!important;
    align-items:start!important;
    width:100%!important;
    max-width:1600px!important;
    margin:0 auto!important;
  }
  body.mscx-windows #cruises #cruiseDetail .cruise-detail-card.win-cruise-premium{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:16px!important;
    border:1px solid rgba(115,184,229,.25)!important;
    border-radius:28px!important;
    background:
      radial-gradient(900px 360px at 90% -10%,rgba(25,119,182,.16),transparent 58%),
      linear-gradient(145deg,#051d32 0%,#073656 56%,#061f37 100%)!important;
    color:#fff!important;
    box-shadow:0 28px 60px rgba(0,10,21,.28)!important;
    overflow:hidden!important;
  }

  /* Hero panorámico */
  body.mscx-windows #cruises #cruiseDetail .win-cruise-premium > .cruise-detail-ship-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"photo" "copy"!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(226,196,106,.32)!important;
    border-radius:24px!important;
    background:#061f38!important;
    overflow:hidden!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 36px rgba(0,0,0,.18)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-premium .cruise-detail-ship-photo-wrap{
    grid-area:photo!important;
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:390px!important;
    min-height:390px!important;
    margin:0!important;
    padding:12px 22px!important;
    border:0!important;
    border-radius:0!important;
    background:
      radial-gradient(700px 190px at 50% 93%,rgba(58,151,210,.20),transparent 70%),
      linear-gradient(180deg,#fbfdff 0%,#eef7fb 76%,#d7eaf4 100%)!important;
    overflow:hidden!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-premium .cruise-detail-ship-photo-wrap::after{
    content:"";
    position:absolute;
    left:8%;right:8%;bottom:16px;height:32px;
    border-radius:50%;
    background:radial-gradient(ellipse,rgba(4,24,42,.18),transparent 70%);
    filter:blur(7px);
    pointer-events:none;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-premium .cruise-detail-ship-photo{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    max-height:none!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    mix-blend-mode:multiply!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-premium .cruise-detail-ship-copy{
    grid-area:copy!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"eyebrow go" "title go" "chips go"!important;
    align-items:center!important;
    gap:7px 18px!important;
    padding:19px 22px 21px!important;
    background:
      radial-gradient(500px 180px at 95% 0%,rgba(15,108,171,.17),transparent 64%),
      linear-gradient(180deg,#073557,#052844)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-premium .cruise-detail-eyebrow{
    grid-area:eyebrow!important;
    width:max-content!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#f3d76e!important;
    font-size:12px!important;
    font-weight:950!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-premium .cruise-detail-ship-copy h2{
    grid-area:title!important;
    margin:0!important;
    color:#fff!important;
    font-size:clamp(36px,3.1vw,52px)!important;
    line-height:1!important;
    letter-spacing:-.025em!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-hero-chips{
    grid-area:chips!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:9px!important;
    min-width:0!important;
    margin-top:5px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-hero-chips>span{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
    min-height:42px!important;
    padding:8px 12px!important;
    border:1px solid rgba(116,189,235,.50)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.055)!important;
    color:#eff8fd!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
    white-space:nowrap!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-hero-chips>span i{font-style:normal!important;font-size:14px!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-hero-chips>span b{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:850!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-hero-go{
    grid-area:go!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:145px!important;
    min-height:48px!important;
    margin:0!important;
    padding:11px 18px!important;
    border:1px solid #f1d36d!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#f5d976,#eabf48)!important;
    color:#082b47!important;
    font-size:15px!important;
    font-weight:950!important;
    text-decoration:none!important;
    box-shadow:0 12px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.42)!important;
  }
  body.mscx-windows #cruises #cruiseDetail span.win-cruise-hero-go{
    opacity:.55!important;
    cursor:not-allowed!important;
  }

  /* Resumen */
  body.mscx-windows #cruises #cruiseDetail .win-cruise-overview{
    display:grid!important;
    grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr)!important;
    gap:14px!important;
    margin:14px 0!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-overview .cruise-pattern-summary{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:9px!important;
    margin:0!important;
    padding:9px!important;
    border:1px solid var(--win-premium-line)!important;
    border-radius:19px!important;
    background:rgba(255,255,255,.055)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-overview .cruise-pattern-summary>div{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-height:75px!important;
    padding:11px 12px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.045)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-overview .cruise-pattern-summary span{
    color:#a9c8dc!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-overview .cruise-pattern-summary b{
    margin-top:5px!important;
    color:#fff3c3!important;
    font-size:15px!important;
    line-height:1.2!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-overview .cruise-ship-rating-v3r5{
    min-height:100%!important;
    margin:0!important;
    padding:13px 15px!important;
    border:1px solid rgba(226,196,106,.32)!important;
    border-radius:19px!important;
    background:linear-gradient(145deg,rgba(240,207,114,.12),rgba(255,255,255,.045))!important;
    color:#fff!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-overview .cruise-ship-rating-v3r5 b{color:#ffe28a!important;font-size:25px!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-overview .cruise-ship-rating-v3r5 p,
  body.mscx-windows #cruises #cruiseDetail .win-cruise-overview .cruise-ship-rating-v3r5 small,
  body.mscx-windows #cruises #cruiseDetail .win-cruise-overview .cruise-ship-rating-v3r5 em{color:#dbeaf4!important}

  /* Mini navegación */
  body.mscx-windows #cruises #cruiseDetail .win-cruise-section-nav{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 0 14px!important;
    padding:7px!important;
    border:1px solid var(--win-premium-line)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.045)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-section-nav button{
    min-height:39px!important;
    padding:8px 13px!important;
    border:1px solid rgba(116,189,235,.30)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.055)!important;
    color:#e8f4fb!important;
    font-size:12px!important;
    font-weight:850!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-section-nav button:hover{
    border-color:#e4c45f!important;
    color:#ffe699!important;
  }

  /* Cuerpo: itinerario grande + columna de ranking/datos */
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)!important;
    gap:14px!important;
    align-items:start!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-side{
    display:grid!important;
    gap:14px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .cruise-pattern-section{
    margin:0!important;
    padding:17px!important;
    border:1px solid var(--win-premium-line)!important;
    border-radius:19px!important;
    background:linear-gradient(145deg,rgba(4,33,56,.84),rgba(7,54,86,.72))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .cruise-pattern-section>h3{
    margin:0 0 11px!important;
    padding:0 0 10px!important;
    border-bottom:1px solid rgba(128,190,230,.19)!important;
    color:#fff!important;
    font-size:20px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .route{
    color:#e7f2f9!important;
    font-size:14px!important;
    line-height:1.6!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .cruise-stops-disclosure{
    margin-top:12px!important;
    border:1px solid rgba(121,188,231,.22)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.035)!important;
    overflow:hidden!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .cruise-stops-disclosure>summary{
    padding:11px 13px!important;
    color:#eaf6fd!important;
    font-size:13px!important;
    font-weight:900!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .port-chips{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:12px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .port-chip{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:42px!important;
    padding:9px 11px!important;
    border:1px solid rgba(134,198,238,.35)!important;
    border-radius:12px!important;
    background:rgba(227,244,255,.09)!important;
    color:#eaf6fd!important;
    font-size:12px!important;
    font-weight:800!important;
    text-align:left!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .port-chip.ready{
    background:linear-gradient(180deg,#eef8ff,#dceefa)!important;
    color:#07466f!important;
    border-color:#9fd1ed!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .cruise-ranking-separation-note{color:#bfd6e5!important;font-size:12px!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .cruise-pattern-ranking-details{
    border:1px solid rgba(121,188,231,.20)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.035)!important;
    overflow:hidden!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .cruise-pattern-ranking-details>summary{
    padding:11px 13px!important;
    color:#e9f5fb!important;
    background:rgba(255,255,255,.035)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .cruise-pattern-theme-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:10px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .thematic-score{
    min-height:48px!important;
    border:1px solid rgba(145,205,241,.27)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.055)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .thematic-score .thematic-pill-label{color:#edf7fd!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .thematic-score b{color:#ffe18b!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .cruise-pattern-data-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .cruise-pattern-code,
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .cruise-pattern-go{
    padding:12px!important;
    border:1px solid rgba(121,188,231,.22)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.04)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .cruise-pattern-code span{color:#aecaDB!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .cruise-pattern-code b{color:#ffe18b!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid .go-msc-pill{min-height:44px!important;border-radius:12px!important}

  /* Columna lateral */
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side{
    position:sticky!important;
    top:142px!important;
    display:grid!important;
    gap:14px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-ship{
    padding:14px!important;
    border:1px solid rgba(226,196,106,.42)!important;
    border-radius:24px!important;
    background:
      radial-gradient(360px 170px at 90% 0%,rgba(22,116,178,.18),transparent 62%),
      linear-gradient(160deg,#06243d 0%,#073858 100%)!important;
    color:#fff!important;
    box-shadow:0 22px 44px rgba(0,9,19,.24)!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-side-kicker{
    margin:2px 2px 10px!important;
    color:#f0d574!important;
    font-size:11px!important;
    font-weight:950!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-photo{
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:190px!important;
    padding:8px 10px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:17px!important;
    background:linear-gradient(180deg,#fbfdff,#e5f1f7)!important;
    overflow:hidden!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-photo img{
    width:100%!important;height:100%!important;object-fit:contain!important;mix-blend-mode:multiply!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-title{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:12px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-title h3{margin:0!important;color:#fff!important;font-size:26px!important;line-height:1!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-title span{
    flex:0 0 auto!important;padding:7px 9px!important;border:1px solid rgba(154,207,239,.42)!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;color:#fff4c7!important;font-size:12px!important;font-weight:900!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-rank{margin:7px 0 10px!important;color:#9ebcd0!important;font-size:11px!important;font-weight:800!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-pills{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin:0 0 12px!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-pills span{
    display:flex!important;align-items:center!important;justify-content:center!important;min-height:39px!important;padding:7px 5px!important;border:1px solid rgba(121,188,231,.40)!important;border-radius:999px!important;background:rgba(255,255,255,.055)!important;color:#eaf6fd!important;font-size:10.5px!important;font-weight:850!important;white-space:nowrap!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-ship>p{
    margin:0 2px 12px!important;color:#dceaf3!important;font-size:12.5px!important;line-height:1.55!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-button{
    width:100%!important;min-height:45px!important;border:1px solid #edc85d!important;border-radius:14px!important;background:transparent!important;color:#fff3bb!important;font-size:13px!important;font-weight:900!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-cruise-related{margin-top:14px!important;padding-top:13px!important;border-top:1px solid rgba(130,191,229,.18)!important}
  body.mscx-windows #cruises #cruiseDetail .win-side-section-title{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important;color:#eaf6fd!important;font-size:12px!important}
  body.mscx-windows #cruises #cruiseDetail .win-side-section-title span{display:grid!important;place-items:center!important;min-width:24px!important;height:24px!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;color:#f0d574!important}
  body.mscx-windows #cruises #cruiseDetail .win-related-cruise{
    display:grid!important;grid-template-columns:auto 1fr!important;grid-template-areas:"date title" "date meta"!important;gap:2px 8px!important;width:100%!important;margin-top:7px!important;padding:9px!important;border:1px solid rgba(126,190,231,.18)!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;color:#fff!important;text-align:left!important;
  }
  body.mscx-windows #cruises #cruiseDetail .win-related-cruise span{grid-area:date!important;align-self:center!important;color:#f0d574!important;font-size:10px!important;font-weight:900!important}
  body.mscx-windows #cruises #cruiseDetail .win-related-cruise b{grid-area:title!important;font-size:11px!important}
  body.mscx-windows #cruises #cruiseDetail .win-related-cruise small{grid-area:meta!important;color:#aac5d7!important;font-size:10px!important}

  /* Flota: misma familia visual y tres galletas en línea */
  body.mscx-windows #cruises #shipList .ship-fleet-card{
    border-color:rgba(226,196,106,.34)!important;
    background:linear-gradient(155deg,#05223a,#073b5b)!important;
    box-shadow:0 18px 38px rgba(0,12,24,.24)!important;
  }
  body.mscx-windows #cruises #shipList .ship-media{
    height:225px!important;min-height:225px!important;padding:8px 12px!important;border-radius:18px!important;
  }
  body.mscx-windows #cruises #shipList .ship-fleet-card .ship-photo{width:100%!important;max-width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
  body.mscx-windows #cruises #shipList .ship-fleet-ranking-note,
  body.mscx-windows #cruises #shipList .ship-specs-line,
  body.mscx-windows #cruises #shipList .ship-tonnage-row{
    border-color:rgba(121,188,231,.35)!important;background:rgba(255,255,255,.055)!important;
  }
}

@media (min-width:1050px) and (max-width:1399px){
  body.mscx-windows #cruises #cruiseDetail .win-cruise-page-grid{grid-template-columns:1fr!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side{position:static!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-ship{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;grid-template-areas:"kicker kicker" "photo title" "photo rank" "photo pills" "photo copy" "photo button" "related related"!important;column-gap:16px!important}
  body.mscx-windows #cruises #cruiseDetail .win-side-kicker{grid-area:kicker!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-photo{grid-area:photo!important;height:190px!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-title{grid-area:title!important;margin-top:0!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-rank{grid-area:rank!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-pills{grid-area:pills!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-ship>p{grid-area:copy!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-side-button{grid-area:button!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-related{grid-area:related!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-premium .cruise-detail-ship-photo-wrap{height:330px!important;min-height:330px!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-grid{grid-template-columns:1fr!important}
  body.mscx-windows #cruises #cruiseDetail .win-cruise-body-side{grid-template-columns:1fr 1fr!important}
}