:root{--navy:#071a2b;--blue:#005cab;--blue2:#0b4979;--bg:#eef4f8;--card:#fff;--line:#d5e1e9;--ink:#10263a;--muted:#5d7180;--gold:#f2b705;--ok:#117a55;--warn:#8a5a00;--shadow:0 5px 20px rgba(7,26,43,.08)}
*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--bg)}body{margin:0;min-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{touch-action:manipulation}.app-header{background:linear-gradient(135deg,var(--navy),var(--blue2));color:#fff;padding:calc(18px + env(safe-area-inset-top)) 16px 16px}.head-inner{max-width:1180px;margin:auto}.app-header h1{margin:0;font-size:clamp(27px,6vw,38px)}.app-header p{margin:5px 0 0;color:#d9e8f4}.tabs{position:sticky;top:0;z-index:20;display:flex;gap:7px;overflow-x:auto;padding:10px 12px;background:#fff;border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{border:0;border-radius:999px;min-height:44px;padding:10px 14px;white-space:nowrap;background:#eaf1f6;color:var(--ink);font-weight:800}.tabs button.active{background:var(--blue);color:#fff}main{max-width:1180px;margin:auto;padding:14px}.panel[hidden]{display:none!important}.card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:15px;margin-bottom:12px;box-shadow:var(--shadow)}.hero{border-left:5px solid var(--gold)}h2,h3,h4{line-height:1.2}.grid{display:grid;gap:11px}.stats{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.stat{background:#f2f7fa;border-radius:13px;padding:13px}.stat b{display:block;color:var(--blue);font-size:26px}.filters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}label{display:block;font-weight:800;font-size:13px;margin:0 0 6px}input,select{width:100%;min-height:46px;border:1px solid #b9cad6;border-radius:11px;background:#fff;padding:10px 12px;color:var(--ink)}.toolbar,.actions,.badges{display:flex;gap:8px;flex-wrap:wrap}.toolbar{margin-top:11px}.btn{border:0;border-radius:11px;min-height:44px;padding:10px 14px;background:var(--blue);color:#fff;font-weight:850}.btn.secondary{background:#e7eff5;color:var(--ink)}.btn.danger{background:#7d2331}.btn.small{min-height:38px;padding:8px 11px;font-size:14px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#eaf2f8;font-size:13px;font-weight:750}.badge.ok{background:#e5f6ef;color:var(--ok)}.badge.pending{background:#fff2cf;color:var(--warn)}.muted,.meta{color:var(--muted);line-height:1.45}.cruise{border-left:4px solid var(--blue)}.cruise h3{margin:0 0 5px}.route{line-height:1.55;margin:10px 0}.port-chips{display:flex;flex-wrap:wrap;gap:6px}.port-chip{border:1px solid #cbd9e3;border-radius:999px;background:#f7fafc;padding:7px 10px;color:#174765}.port-chip.ready{background:#e7f3ff;border-color:#8fc1ea;color:#004d8e;font-weight:800}.list-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.empty{text-align:center;color:var(--muted);padding:35px 15px}.ship-grid,.catalog-grid,.region-grid,.wwii-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.ship-placeholder{height:120px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#e7f1f8,#d9e8f2);font-size:52px}.catalog-card h3{margin:0}.catalog-card .actions{margin-top:12px}.status-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:64px;z-index:8;background:rgba(238,244,248,.96);padding:8px 0}.detail-panel{min-height:70vh}.detail-panel[hidden],.list-view[hidden]{display:none!important}.compare-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.compare-wrap table{border-collapse:collapse;min-width:700px;width:100%}.compare-wrap th,.compare-wrap td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.notice{border-left:5px solid var(--gold)}a{color:#00549a;text-underline-offset:2px}.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:100;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--navy);color:#fff;border-radius:12px;padding:11px 15px;max-width:calc(100% - 28px);transition:.18s;box-shadow:0 8px 30px #0005}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Ficha Base MSC Explorer: one visual system for every port. */
.mscx-detail,.mscx-unified-detail{display:block;max-width:940px;margin:0 auto}.mscx-detail-back,.mscx-unified-back{border:0;border-radius:11px;background:#e6eef4;color:var(--ink);font-weight:850;min-height:44px;padding:10px 14px;margin:4px 0 12px}.mscx-unified-section{background:linear-gradient(180deg,#082746,#0d355f);border:1px solid #214c73;border-radius:18px;padding:16px;margin:0 0 13px;box-shadow:var(--shadow);color:#fff}.mscx-unified-hero{background:linear-gradient(145deg,#071a2b,#0a4f82);color:#fff}.mscx-unified-hero p,.mscx-unified-hero .mscx-unified-country{color:#dbeaf4}.mscx-unified-kicker{text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:12px;color:#9fd8ff}.mscx-unified-hero .mscx-unified-kicker{color:#9fd8ff}.mscx-unified-section h2{font-size:30px;margin:5px 0}.mscx-unified-section h3{margin:5px 0 14px}.mscx-detail-intro,.mscx-unified-intro{line-height:1.6}.mscx-detail-quick,.mscx-unified-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px;margin-top:15px}.mscx-detail-quick>div,.mscx-unified-quick>div{background:rgba(255,255,255,.12);border-radius:12px;padding:11px}.mscx-detail-quick span,.mscx-unified-quick span{display:block;font-size:12px;opacity:.78;margin-bottom:4px}.mscx-unified-place-list{display:grid;gap:10px}.mscx-unified-place{position:relative;border:1px solid #2c5b83;border-radius:14px;padding:14px;background:#0b3158;color:#fff}.mscx-unified-place h4{margin:0 0 7px;font-size:18px}.mscx-unified-place p{line-height:1.5;margin:6px 0 10px}.mscx-place-rank{float:right;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1c6fb3;color:#fff;font-weight:900}.mscx-pills{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.mscx-pill{background:#174d78;color:#fff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;border:1px solid #3a6d95}.mscx-gmap,.mscx-info{display:inline-flex;align-items:center;min-height:40px;margin:5px 7px 0 0;padding:8px 10px;border-radius:10px;background:#e7f3ff;color:#0a3157;text-decoration:none;font-weight:800}.mscx-info{background:#dfeaf3;color:#153a5a}.mscx-unified-climate-top,.mscx-unified-climate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:9px}.mscx-unified-climate-grid{margin-top:9px}.mscx-unified-climate-card{background:#0b3158;border:1px solid #2c5b83;border-radius:13px;padding:12px;color:#fff}.mscx-unified-climate-card small{display:block;color:#d8e8f5;margin-bottom:5px}.mscx-unified-temp{font-size:25px;font-weight:900;color:#fff}.mscx-climate-note,.mscx-unified-source{font-size:13px;color:#d8e8f5;margin-top:11px}.mscx-unified-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px}.mscx-unified-tip{background:#0b3158;border:1px solid #2c5b83;border-radius:13px;padding:12px;color:#fff}.mscx-unified-tip b,.mscx-unified-tip span{display:block}.mscx-unified-tip span{margin-top:5px;line-height:1.45;color:#eaf4fb}
@media(max-width:560px){main{padding:10px}.card,.mscx-unified-section{border-radius:14px;padding:13px}.app-header{padding-left:14px;padding-right:14px}.detail-head{top:64px}.ship-grid,.catalog-grid,.region-grid,.wwii-grid{grid-template-columns:1fr}.mscx-unified-section h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.ship-media{margin:-15px -15px 12px;border-radius:16px 16px 12px 12px;overflow:hidden;background:linear-gradient(145deg,#e7f1f8,#d9e8f2);aspect-ratio:16/9}
.ship-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ship-media .ship-placeholder{height:100%;min-height:140px}

.eyebrow{display:inline-block;margin:0 0 8px;padding:6px 10px;border-radius:999px;background:#edf5fb;color:var(--blue);font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.home-quick,.home-highlights,.home-top-routes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.home-hero{position:relative;overflow:hidden;padding:0;min-height:320px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#171a1f,#242930 60%,#323842)}.home-hero-media{position:absolute;inset:0}.home-hero-image{width:100%;height:100%;object-fit:cover;object-position:78% center;transform:scale(1.45);transform-origin:center;opacity:.72;filter:contrast(1.05) brightness(1.10) saturate(1.04)}.home-hero-overlay{position:absolute;inset:0;background:linear-gradient(110deg,rgba(10,11,14,.72) 0%,rgba(18,18,22,.50) 46%,rgba(28,29,34,.14) 100%)}.home-hero-content{position:relative;z-index:1;display:grid;gap:14px;padding:22px;color:#fff}.home-hero-content h2{margin:0;font-size:clamp(28px,5.2vw,42px);max-width:12ch}.home-hero-content p{margin:0;max-width:62ch;color:#eef3f7}.home-hero-badges,.home-hero-actions,.home-hero-facts{display:flex;flex-wrap:wrap;gap:10px}.home-hero-badge{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);font-weight:800}.home-hero-actions .btn,.home-highlight-card .btn,.home-route-card .btn{margin:0}.home-hero-actions .btn.secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.24)}.home-hero-facts{margin-top:2px}.home-hero-facts .fact{min-width:120px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13)}.home-hero-facts .fact small{display:block;color:#d8e0e8;margin-bottom:4px}.home-hero-facts .fact b{font-size:18px}.home-quick-card{display:flex;align-items:flex-start;gap:12px;text-align:left;cursor:pointer;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f6fbff)}.home-quick-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:14px;background:#eef6fb;font-size:22px}.home-quick-card h4{margin:0 0 4px}.home-quick-card p{margin:0;color:var(--muted)}.home-section-intro .stats{margin-top:14px}.home-highlight-card,.home-route-card{padding:18px;border:1px solid #0a3157;border-radius:18px;background:linear-gradient(180deg,#082746,#0d355f);color:#fff;box-shadow:0 8px 22px rgba(7,26,43,.18)}.home-highlight-card h4,.home-route-card h4{margin:0 0 6px;color:#fff;font-weight:900}.home-highlight-card p,.home-route-card p{margin:0 0 10px;color:#eef4fb;font-weight:650;line-height:1.5}.home-highlight-card .meta,.home-route-card .meta{margin-bottom:8px;color:#d5e8fa;font-weight:800}.home-highlight-card .muted,.home-route-card .muted{color:#eef4fb!important;font-weight:650}.home-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.home-chip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-weight:850;font-size:13px;border:1px solid rgba(255,255,255,.18)}.home-highlight-card .btn,.home-route-card .btn{background:#fff;color:#0a3157;font-weight:900}.home-highlight-card .btn.secondary,.home-route-card .btn.secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.26)}.home-note p{margin-bottom:0}@media (max-width:720px){.home-hero{min-height:360px}.home-hero-content{padding:18px}.home-hero-actions{flex-direction:column;align-items:stretch}.home-hero-actions .btn{width:100%;justify-content:center}.home-hero-facts .fact{flex:1 1 42%}.home-hero-image{object-position:72% center;transform:scale(1.62)}}


/* TEMA AZUL GLOBAL — aplicado a todo el proyecto */
:root{--navy:#06213a;--blue:#0a5ea8;--blue2:#0d4e84;--bg:#dfeffc;--card:#f7fbff;--line:#b9d4ea;--ink:#0f2740;--muted:#4d6880;--shadow:0 8px 24px rgba(6,33,58,.10)}
html,body{background:linear-gradient(180deg,#e7f3fc 0%,#dceefa 100%)}
.app-header{background:linear-gradient(135deg,#06213a 0%,#0a4f83 55%,#1171b5 100%)}
.tabs{background:rgba(243,249,255,.96);border-bottom:1px solid #c6ddf0;backdrop-filter:blur(8px)}
.tabs button{background:#dcecf8;color:#0e3050;box-shadow:inset 0 0 0 1px rgba(10,94,168,.08)}
.tabs button.active{background:linear-gradient(180deg,#0b5ea7,#084c87);color:#fff}
.card{background:linear-gradient(180deg,#fbfdff,#f1f8fe);border-color:#c6dced;box-shadow:0 10px 26px rgba(8,55,93,.08)}
.stat,.mscx-unified-climate-card,.mscx-unified-tip{background:linear-gradient(180deg,#eef6fd,#e7f2fb);border:1px solid #d2e4f2}
input,select{background:#f8fbff;border-color:#bfd6e7;color:#0f2740}
input:focus,select:focus{outline:none;border-color:#0a5ea8;box-shadow:0 0 0 3px rgba(10,94,168,.12)}
.btn{background:linear-gradient(180deg,#0c65b3,#084c86);box-shadow:0 8px 18px rgba(10,94,168,.18)}
.btn.secondary,.mscx-detail-back,.mscx-unified-back{background:linear-gradient(180deg,#d9ebf8,#c7def0);color:#0e3050;border:1px solid #b3d0e7}
.btn.danger{box-shadow:none}
.badge{background:#dcecf8;color:#12426b}
.badge.ok{background:#d8f2e8;color:#0d7150}
.badge.pending{background:#fff0c8;color:#8a5a00}
.port-chip{background:#eef6fd;border-color:#bfd8ee;color:#104a78}
.port-chip.ready{background:#dfefff;border-color:#7eb6e3;color:#084b87}
.compare-wrap th{background:#e6f2fb;color:#0d3150}
.compare-wrap td{background:#fbfdff}
a{color:#0a5ea8}
.toast{background:#06213a}
.mscx-unified-section{background:linear-gradient(180deg,#fcfeff,#f5fafe);border-color:#c8ddec}
.mscx-unified-place{background:linear-gradient(180deg,#fbfdff,#f2f8fd);border-color:#cfe1ef}
.mscx-place-rank{background:#d9ecfb;color:#0a5ea8}
.mscx-pill{background:#dbecf8;color:#10466f}
.mscx-gmap{background:#dcefff;color:#084d88}
.mscx-info{background:#edf4f9;color:#27445e}
.home-quick-card{background:linear-gradient(180deg,#fafdff,#edf6fd);border-color:#c6dded}
.home-quick-icon{background:#ddecf8;color:#0a5ea8}
.detail-head{background:rgba(223,239,252,.96)}
.ship-media{background:linear-gradient(145deg,#dbeaf7,#c9deee)}
.ship-placeholder{background:linear-gradient(145deg,#d7e9f6,#c5dceb);color:#0a5ea8}
.status-line .badge{box-shadow:none}
.wwii-grid .card,.catalog-grid .card,.region-grid .card,.ship-grid .card,#cruiseList .card,#favoriteList .card,#rankingList .card{background:linear-gradient(180deg,#fcfeff,#f2f8fd)}
.home-note,.home-section-intro{background:linear-gradient(180deg,#fbfdff,#eef6fd)}


/* v2.16.76 · Fichas MSCxplorer: alto contraste, sin afectar Inicio */
.mscx-unified-section h2,
.mscx-unified-section h3,
.mscx-unified-section h4,
.mscx-unified-section p,
.mscx-unified-section b,
.mscx-unified-section strong,
.mscx-unified-section li,
.mscx-unified-section .mscx-unified-country,
.mscx-unified-section .mscx-detail-intro,
.mscx-unified-section .mscx-unified-intro{
  color:#fff;
}
.mscx-unified-section .mscx-detail-quick>div,
.mscx-unified-section .mscx-unified-quick>div{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
}
.mscx-unified-section .mscx-detail-quick span,
.mscx-unified-section .mscx-unified-quick span{
  color:#d8e8f5;
  opacity:1;
}







/* =========================================================
   MSCxplorer v2.16.78
   CORRECCIÓN REAL: las fichas usan .mscx-detail como raíz.
   Solo afecta a la ficha abierta de MSCxplorer.
   ========================================================= */
.mscx-detail .mscx-unified-section {
  background:linear-gradient(180deg,#082746 0%,#0d355f 100%) !important;
  border-color:#214c73 !important;
  color:#fff !important;
}

.mscx-detail .mscx-unified-hero {
  background:linear-gradient(145deg,#071a2b,#0a4f82) !important;
  color:#fff !important;
}

.mscx-detail .mscx-unified-place,
.mscx-detail .mscx-unified-climate-card,
.mscx-detail .mscx-unified-tip,
.mscx-detail .mscx-detail-quick > div,
.mscx-detail .mscx-unified-quick > div {
  background:#0b3158 !important;
  border:1px solid #2c5b83 !important;
  color:#fff !important;
}

.mscx-detail h2,
.mscx-detail h3,
.mscx-detail h4,
.mscx-detail p,
.mscx-detail li,
.mscx-detail b,
.mscx-detail strong,
.mscx-detail .mscx-unified-country,
.mscx-detail .mscx-detail-intro,
.mscx-detail .mscx-unified-intro {
  color:#fff !important;
}

.mscx-detail .mscx-unified-kicker,
.mscx-detail .mscx-detail-quick span,
.mscx-detail .mscx-unified-quick span,
.mscx-detail .mscx-unified-climate-card small,
.mscx-detail .mscx-climate-note,
.mscx-detail .mscx-unified-source,
.mscx-detail .mscx-unified-tip span {
  color:#d8e8f5 !important;
  opacity:1 !important;
}

.mscx-detail .mscx-pill {
  background:#174d78 !important;
  color:#fff !important;
  border:1px solid #3a6d95 !important;
}

.mscx-detail .mscx-place-rank {
  background:#1c6fb3 !important;
  color:#fff !important;
}

.mscx-detail .mscx-gmap {
  background:#d9ecfb !important;
  color:#0a3157 !important;
}

.mscx-detail .mscx-info {
  background:#dfeaf3 !important;
  color:#153a5a !important;
}



/* =========================================================
   MSCxplorer v2.16.79
   Unificación visual de TODAS las fichas reales.
   Raíces admitidas: .mscx-detail y .mscx-unified-detail
   ========================================================= */
.mscx-detail .mscx-unified-section,
.mscx-unified-detail .mscx-unified-section {
  background:linear-gradient(180deg,#082746 0%,#0d355f 100%) !important;
  border-color:#214c73 !important;
  color:#fff !important;
}

.mscx-detail .mscx-unified-hero,
.mscx-unified-detail .mscx-unified-hero {
  background:linear-gradient(145deg,#071a2b,#0a4f82) !important;
  color:#fff !important;
}

.mscx-detail .mscx-unified-place,
.mscx-detail .mscx-unified-climate-card,
.mscx-detail .mscx-unified-tip,
.mscx-detail .mscx-detail-quick > div,
.mscx-detail .mscx-unified-quick > div,
.mscx-unified-detail .mscx-unified-place,
.mscx-unified-detail .mscx-unified-climate-card,
.mscx-unified-detail .mscx-unified-tip,
.mscx-unified-detail .mscx-detail-quick > div,
.mscx-unified-detail .mscx-unified-quick > div {
  background:#0b3158 !important;
  border:1px solid #2c5b83 !important;
  color:#fff !important;
}

.mscx-detail h2,
.mscx-detail h3,
.mscx-detail h4,
.mscx-detail p,
.mscx-detail li,
.mscx-detail b,
.mscx-detail strong,
.mscx-detail .mscx-unified-country,
.mscx-detail .mscx-detail-intro,
.mscx-detail .mscx-unified-intro,
.mscx-unified-detail h2,
.mscx-unified-detail h3,
.mscx-unified-detail h4,
.mscx-unified-detail p,
.mscx-unified-detail li,
.mscx-unified-detail b,
.mscx-unified-detail strong,
.mscx-unified-detail .mscx-unified-country,
.mscx-unified-detail .mscx-detail-intro,
.mscx-unified-detail .mscx-unified-intro {
  color:#fff !important;
}

.mscx-detail .mscx-unified-kicker,
.mscx-detail .mscx-detail-quick span,
.mscx-detail .mscx-unified-quick span,
.mscx-detail .mscx-unified-climate-card small,
.mscx-detail .mscx-climate-note,
.mscx-detail .mscx-unified-source,
.mscx-detail .mscx-unified-tip span,
.mscx-unified-detail .mscx-unified-kicker,
.mscx-unified-detail .mscx-detail-quick span,
.mscx-unified-detail .mscx-unified-quick span,
.mscx-unified-detail .mscx-unified-climate-card small,
.mscx-unified-detail .mscx-climate-note,
.mscx-unified-detail .mscx-unified-source,
.mscx-unified-detail .mscx-unified-tip span {
  color:#d8e8f5 !important;
  opacity:1 !important;
}

.mscx-detail .mscx-pill,
.mscx-unified-detail .mscx-pill {
  background:#174d78 !important;
  color:#fff !important;
  border:1px solid #3a6d95 !important;
}

.mscx-detail .mscx-place-rank,
.mscx-unified-detail .mscx-place-rank {
  background:#1c6fb3 !important;
  color:#fff !important;
}

.mscx-detail .mscx-gmap,
.mscx-unified-detail .mscx-gmap {
  background:#d9ecfb !important;
  color:#0a3157 !important;
}

.mscx-detail .mscx-info,
.mscx-unified-detail .mscx-info {
  background:#dfeaf3 !important;
  color:#153a5a !important;
}



/* =========================================================
   MSCxplorer v2.16.80
   Extensión del sistema visual azul marino a:
   Cruceros · Barcos · Regiones · Ranking · Comparar
   Inicio queda expresamente fuera de este bloque.
   ========================================================= */

/* Tarjetas principales de las cinco secciones */
#cruises .card,
#ships .card,
#regions .card,
#ranking .card,
#compare .card {
  background:linear-gradient(180deg,#082746 0%,#0d355f 100%) !important;
  border-color:#214c73 !important;
  color:#fff !important;
}

/* Textos principales */
#cruises .card h2,
#cruises .card h3,
#cruises .card h4,
#cruises .card p,
#cruises .card b,
#cruises .card strong,
#ships .card h2,
#ships .card h3,
#ships .card h4,
#ships .card p,
#ships .card b,
#ships .card strong,
#regions .card h2,
#regions .card h3,
#regions .card h4,
#regions .card p,
#regions .card b,
#regions .card strong,
#ranking .card h2,
#ranking .card h3,
#ranking .card h4,
#ranking .card p,
#ranking .card b,
#ranking .card strong,
#compare .card h2,
#compare .card h3,
#compare .card h4,
#compare .card p,
#compare .card b,
#compare .card strong {
  color:#fff !important;
}

/* Metadatos y textos secundarios */
#cruises .meta,
#cruises .muted,
#ships .meta,
#ships .muted,
#regions .meta,
#regions .muted,
#ranking .meta,
#ranking .muted,
#compare .meta,
#compare .muted {
  color:#d8e8f5 !important;
}

/* Datos internos de las fichas de crucero */
#cruises .stat {
  background:#0b3158 !important;
  border:1px solid #2c5b83 !important;
  color:#fff !important;
}
#cruises .stat span,
#cruises .stat small {
  color:#d8e8f5 !important;
}
#cruises .stat b {
  color:#fff !important;
}

/* Chips de puertos: oscuros y legibles */
#cruises .port-chip {
  background:#174d78 !important;
  border-color:#3a6d95 !important;
  color:#fff !important;
}
#cruises .port-chip.ready {
  background:#1c6fb3 !important;
  border-color:#67a9da !important;
  color:#fff !important;
}

/* Barcos */
#ships .badge {
  background:#174d78 !important;
  color:#fff !important;
  border:1px solid #3a6d95 !important;
}
#ships .ship-placeholder {
  background:linear-gradient(145deg,#0b3158,#164b78) !important;
  color:#fff !important;
}
#ships .card a {
  color:#9fd8ff !important;
}

/* Regiones */
#regions .list-head b {
  color:#9fd8ff !important;
}

/* Ranking */
#ranking .cruise {
  border-left-color:#55a8e0 !important;
}
#ranking .list-head b {
  color:#9fd8ff !important;
}

/* Comparador */
#compare .compare-wrap {
  background:linear-gradient(180deg,#082746 0%,#0d355f 100%) !important;
}
#compare .compare-wrap table {
  background:#082746 !important;
  color:#fff !important;
}
#compare .compare-wrap th,
#compare .compare-wrap td {
  background:#0b3158 !important;
  border-color:#2c5b83 !important;
  color:#fff !important;
}
#compare .compare-wrap thead th,
#compare .compare-wrap tr > th:first-child {
  background:#123f69 !important;
  color:#fff !important;
}
#compare .compare-wrap small {
  color:#d8e8f5 !important;
}

/* Cabeceras y filtros dentro de Cruceros.
   Los campos mantienen fondo claro para máxima legibilidad en iPhone. */
#cruises label {
  color:#fff !important;
}
#cruises input,
#cruises select {
  background:#f7fbff !important;
  color:#0a3157 !important;
  border-color:#9fc4df !important;
}

/* Botones secundarios dentro de estas secciones:
   contraste claro sobre el fondo azul marino. */
#cruises .btn.secondary,
#ships .btn.secondary,
#regions .btn.secondary,
#ranking .btn.secondary,
#compare .btn.secondary {
  background:#dfeaf3 !important;
  color:#153a5a !important;
  border:1px solid #b8d2e6 !important;
}

/* Estados vacíos */
#cruises .empty,
#ships .empty,
#regions .empty,
#ranking .empty,
#compare .empty {
  color:#d8e8f5 !important;
}



/* =========================================================
   MSCxplorer v2.16.81
   Extensión visual a Favoritos · Comparar · II Guerra Mundial
   Mantiene Inicio y resto de secciones sin cambios.
   ========================================================= */

/* FAVORITOS */
#favorites .card {
  background:linear-gradient(180deg,#082746 0%,#0d355f 100%) !important;
  border-color:#214c73 !important;
  color:#fff !important;
}
#favorites .card h2,
#favorites .card h3,
#favorites .card h4,
#favorites .card p,
#favorites .card b,
#favorites .card strong,
#favorites .route {
  color:#fff !important;
}
#favorites .meta,
#favorites .muted,
#favorites .empty {
  color:#d8e8f5 !important;
}
#favorites .port-chip {
  background:#174d78 !important;
  border-color:#3a6d95 !important;
  color:#fff !important;
}
#favorites .port-chip.ready {
  background:#1c6fb3 !important;
  border-color:#67a9da !important;
  color:#fff !important;
}
#favorites .btn.secondary {
  background:#dfeaf3 !important;
  color:#153a5a !important;
  border:1px solid #b8d2e6 !important;
}
#favorites .cruise {
  border-left-color:#55a8e0 !important;
}

/* COMPARAR — consolidación completa */
#compare .card,
#compare .compare-wrap {
  background:linear-gradient(180deg,#082746 0%,#0d355f 100%) !important;
  border-color:#214c73 !important;
  color:#fff !important;
}
#compare .card h2,
#compare .card h3,
#compare .card p,
#compare .card b,
#compare .card strong,
#compare .empty {
  color:#fff !important;
}
#compare .compare-wrap table {
  background:#082746 !important;
  color:#fff !important;
}
#compare .compare-wrap th,
#compare .compare-wrap td {
  background:#0b3158 !important;
  border-color:#2c5b83 !important;
  color:#fff !important;
}
#compare .compare-wrap thead th,
#compare .compare-wrap tr > th:first-child {
  background:#123f69 !important;
  color:#fff !important;
}
#compare .compare-wrap small,
#compare .meta,
#compare .muted {
  color:#d8e8f5 !important;
}

/* II GUERRA MUNDIAL */
#wwii .card {
  background:linear-gradient(180deg,#082746 0%,#0d355f 100%) !important;
  border-color:#214c73 !important;
  color:#fff !important;
}
#wwii .card h2,
#wwii .card h3,
#wwii .card h4,
#wwii .card p,
#wwii .card b,
#wwii .card strong {
  color:#fff !important;
}
#wwii .meta,
#wwii .muted,
#wwii .empty {
  color:#d8e8f5 !important;
}
#wwii .badge {
  background:#174d78 !important;
  border:1px solid #3a6d95 !important;
  color:#fff !important;
}
#wwii label {
  color:#fff !important;
}
#wwii input,
#wwii select {
  background:#f7fbff !important;
  color:#0a3157 !important;
  border-color:#9fc4df !important;
}
#wwii .btn.secondary {
  background:#dfeaf3 !important;
  color:#153a5a !important;
  border:1px solid #b8d2e6 !important;
}


/* =========================================================
   MSCxplorer v2.16.82 · Salidas agrupadas en fichas de Barcos
   ========================================================= */
#ships .ship-sailings-badge{
  cursor:pointer;
  border:1px solid #3a6d95 !important;
  background:#174d78 !important;
  color:#fff !important;
}
#ships .ship-sailings-badge:active{
  transform:translateY(1px);
}
#ships #shipSailingsDetail .card{
  background:linear-gradient(180deg,#082746 0%,#0d355f 100%) !important;
  border-color:#214c73 !important;
  color:#fff !important;
}
#ships #shipSailingsDetail h2,
#ships #shipSailingsDetail h3,
#ships #shipSailingsDetail p,
#ships #shipSailingsDetail b{
  color:#fff !important;
}
#ships #shipSailingsDetail .meta,
#ships #shipSailingsDetail .muted{
  color:#d8e8f5 !important;
}
.ship-sailing-groups{
  display:grid;
  gap:12px;
}
.ship-sailing-group .list-head{
  align-items:flex-start;
}
.ship-sailing-group .list-head b{
  color:#9fd8ff !important;
  white-space:nowrap;
}
.ship-date-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.ship-date-chip{
  border:1px solid #67a9da;
  border-radius:999px;
  background:#1c6fb3;
  color:#fff;
  min-height:38px;
  padding:8px 11px;
  font-weight:850;
  cursor:pointer;
}
.ship-date-chip:active{
  transform:translateY(1px);
}



/* =========================================================
   MSCxplorer v2.16.84
   Botones Favorito/Comparar como Ver ficha + separación segura
   ========================================================= */

/* En las tarjetas de cruceros y favoritos, todos los botones de acción
   comparten el mismo azul y texto blanco. */
#cruises .cruise .actions .btn,
#favorites .cruise .actions .btn {
  background:linear-gradient(180deg,#1375ba,#0a5f9f) !important;
  color:#fff !important;
  border:1px solid #2d8dcc !important;
}

/* Evita que Favorito y Comparar recuperen el estilo secundario claro. */
#cruises .cruise .actions .btn.secondary,
#favorites .cruise .actions .btn.secondary {
  background:linear-gradient(180deg,#1375ba,#0a5f9f) !important;
  color:#fff !important;
  border:1px solid #2d8dcc !important;
}

/* Separación clara entre las ciudades del itinerario y los botones.
   En móvil impide que "Ver ficha" quede pegado al último puerto. */
#cruises .cruise .port-chips,
#favorites .cruise .port-chips {
  margin-bottom:16px !important;
}

#cruises .cruise .actions,
#favorites .cruise .actions {
  margin-top:4px !important;
  gap:10px !important;
}

/* Un poco más de aire entre filas cuando los botones saltan de línea. */
@media (max-width:720px){
  #cruises .cruise .actions,
  #favorites .cruise .actions {
    row-gap:10px !important;
  }
}



/* =========================================================
   MSCxplorer v2.16.85
   Fechas de salidas agrupadas en 3 columnas
   ========================================================= */
.ship-date-list{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  margin-top:12px !important;
}

.ship-date-chip{
  width:100% !important;
  min-width:0 !important;
  text-align:center !important;
  justify-content:center !important;
  padding:8px 6px !important;
}

@media (max-width:420px){
  .ship-date-list{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  .ship-date-chip{
    font-size:13px !important;
    padding:8px 4px !important;
  }
}


/* MSCxplorer v2.16.86 · Fechas plegadas bajo "Ver fechas" */
.ship-dates-disclosure{
  margin-top:12px;
}
.ship-dates-disclosure > summary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 14px;
  border:1px solid #67a9da;
  border-radius:12px;
  background:linear-gradient(180deg,#1375ba,#0a5f9f);
  color:#fff;
  font-weight:850;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.ship-dates-disclosure > summary::-webkit-details-marker{
  display:none;
}
.ship-dates-disclosure > summary::after{
  content:" ▾";
  margin-left:7px;
}
.ship-dates-disclosure[open] > summary::after{
  content:" ▴";
}
.ship-dates-disclosure .ship-date-list{
  margin-top:10px !important;
}


/* =========================================================
   MSCxplorer v2.16.89
   Escalas plegables en la ficha de cada crucero
   ========================================================= */
#cruises .cruise-stops-disclosure{
  margin:16px 0 20px;
}

#cruises .cruise-stops-disclosure > summary{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  padding:9px 15px;
  border-radius:999px;
  border:1px solid #67a9da;
  background:linear-gradient(180deg,#1375ba,#0a5f9f);
  color:#fff;
  font-weight:900;
  cursor:pointer;
  list-style:none;
  user-select:none;
}

#cruises .cruise-stops-disclosure > summary::-webkit-details-marker{
  display:none;
}

#cruises .cruise-stops-disclosure > summary::after{
  content:"▾";
  margin-left:2px;
  font-size:13px;
}

#cruises .cruise-stops-disclosure[open] > summary::after{
  content:"▴";
}

#cruises .cruise-stops-icon{
  display:inline-grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#1c6fb3;
  color:#fff;
  font-size:16px;
}

#cruises .cruise-stops-disclosure .port-chips{
  margin-top:12px !important;
  margin-bottom:0 !important;
}


/* =========================================================
   MSCxplorer v2.16.90
   Cruceros: 4 galletas en una línea + Escalas desplegables
   ========================================================= */
#cruises .cruise .cruise-card-actions{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:6px !important;
  margin-top:14px !important;
  align-items:stretch !important;
}

#cruises .cruise .cruise-card-actions .btn{
  width:100% !important;
  min-width:0 !important;
  min-height:40px !important;
  padding:8px 5px !important;
  border-radius:12px !important;
  font-size:12.5px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#cruises .cruise .card-port-chips{
  margin-top:12px !important;
  margin-bottom:0 !important;
  padding-top:10px !important;
  border-top:1px solid rgba(159,216,255,.28) !important;
}

#cruises .cruise .card-port-chips[hidden]{
  display:none !important;
}

@media (max-width:430px){
  #cruises .cruise .cruise-card-actions{
    gap:5px !important;
  }
  #cruises .cruise .cruise-card-actions .btn{
    font-size:11.5px !important;
    padding:8px 3px !important;
  }
}


/* =========================================================
   MSCxplorer v3.0.2
   Foto pequeña del barco en la ficha de cada crucero
   ========================================================= */
#cruises #cruiseDetail .cruise-detail-ship-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:6px;
}

#cruises #cruiseDetail .cruise-detail-ship-copy{
  min-width:0;
  flex:1 1 auto;
}

#cruises #cruiseDetail .cruise-detail-ship-copy h2{
  margin:0;
}

#cruises #cruiseDetail .cruise-detail-ship-photo-wrap{
  flex:0 0 104px;
  width:104px;
  height:70px;
  border-radius:12px;
  overflow:hidden;
  border:1px solid #2c5b83;
  background:#0b3158;
}

#cruises #cruiseDetail .cruise-detail-ship-photo{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

#cruises #cruiseDetail .cruise-detail-ship-photo-fallback{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-size:30px;
  color:#fff;
  background:linear-gradient(145deg,#0b3158,#164b78);
}

@media (max-width:430px){
  #cruises #cruiseDetail .cruise-detail-ship-photo-wrap{
    flex-basis:92px;
    width:92px;
    height:62px;
  }
}


/* MSCxplorer v3.0.3 · foto de barco adaptativa al espacio disponible */
#cruises #cruiseDetail .cruise-detail-ship-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(72px,clamp(82px,24vw,150px)) !important;
  align-items:start !important;
  gap:clamp(8px,2.5vw,16px) !important;
}
#cruises #cruiseDetail .cruise-detail-ship-photo-wrap{
  width:100% !important;
  height:auto !important;
  aspect-ratio:3 / 2 !important;
  min-width:72px !important;
  max-width:150px !important;
  justify-self:end !important;
}
#cruises #cruiseDetail .cruise-detail-ship-photo{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
@media (max-width:360px){
  #cruises #cruiseDetail .cruise-detail-ship-head{
    grid-template-columns:minmax(0,1fr) minmax(68px,22vw) !important;
    gap:7px !important;
  }
  #cruises #cruiseDetail .cruise-detail-ship-photo-wrap{
    min-width:68px !important;
  }
}

/* v3.0.4 · perfiles reales web · Bloque 1 */
#cruises #cruiseDetail .cruise-detail-ship-photo{
  object-fit:contain !important;
  background:#ffffff !important;
}


/* =========================================================
   MSCxplorer v3.0.5
   Mejor aprovechamiento del marco y del espacio superior
   ========================================================= */

/* La cabecera reparte el espacio de forma fluida:
   nombres cortos permiten una imagen mayor; nombres largos
   reducen la imagen sin invadir el texto. */
#cruises #cruiseDetail .cruise-detail-ship-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:clamp(7px,2vw,14px) !important;
  width:100% !important;
}
#cruises #cruiseDetail .cruise-detail-ship-copy{
  flex:1 1 auto !important;
  min-width:min(52%,230px) !important;
}
#cruises #cruiseDetail .cruise-detail-ship-photo-wrap{
  flex:1 1 220px !important;
  width:auto !important;
  min-width:92px !important;
  max-width:min(46%,280px) !important;
  height:clamp(66px,13vw,118px) !important;
  aspect-ratio:auto !important;
  justify-self:auto !important;
  padding:3px 5px !important;
  box-sizing:border-box !important;
  background:#ffffff !important;
  border-radius:12px !important;
}

/* El barco ocupa prácticamente todo el marco, pero siempre completo. */
#cruises #cruiseDetail .cruise-detail-ship-photo{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:scale(1.08);
  transform-origin:center center;
  background:#ffffff !important;
}

/* En iPhone estrecho damos prioridad al texto, manteniendo una
   miniatura útil en el hueco superior disponible. */
@media (max-width:430px){
  #cruises #cruiseDetail .cruise-detail-ship-copy{
    min-width:50% !important;
  }
  #cruises #cruiseDetail .cruise-detail-ship-photo-wrap{
    flex-basis:150px !important;
    min-width:86px !important;
    max-width:44% !important;
    height:clamp(62px,19vw,88px) !important;
    padding:2px 3px !important;
  }
}
@media (max-width:350px){
  #cruises #cruiseDetail .cruise-detail-ship-head{
    gap:6px !important;
  }
  #cruises #cruiseDetail .cruise-detail-ship-copy{
    min-width:54% !important;
  }
  #cruises #cruiseDetail .cruise-detail-ship-photo-wrap{
    max-width:41% !important;
    min-width:78px !important;
    height:62px !important;
  }
}

/* MSCxplorer v3.0.6 · perfil lateral completo en fichas de Barcos */
#ships .ship-media{
  aspect-ratio:2.35 / 1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:clamp(5px,1.2vw,10px) !important;
  background:#e8f4fc !important;
  overflow:hidden !important;
}
#ships .ship-photo{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
}
@media (max-width:560px){
  #ships .ship-media{
    aspect-ratio:2.15 / 1 !important;
    padding:5px !important;
  }
}


/* =========================================================
   MSCxplorer v3.0.13
   Fondos blancos de perfiles integrados en el azul del marco
   ========================================================= */

/* El marco mantiene el mismo azul claro validado. */
#ships .ship-media,
#cruises #cruiseDetail .cruise-detail-ship-photo-wrap{
  background:#e8f4fc !important;
}

/* Los perfiles procedentes de CruiseDeckPlans llevan blanco
   incorporado en el propio archivo. Multiply hace que ese blanco
   adopte el azul del marco sin recortar ni alterar la geometría. */
#ships .ship-photo[src*="cruisedeckplans.com"],
#cruises #cruiseDetail .cruise-detail-ship-photo[src*="cruisedeckplans.com"]{
  mix-blend-mode:multiply !important;
  background:transparent !important;
}

/* Euribia usa un recurso oficial distinto, pero tiene el mismo
   fondo blanco integrado. Se trata con el mismo criterio. */
#ships .ship-photo[src*="euribia_visual"],
#cruises #cruiseDetail .cruise-detail-ship-photo[src*="euribia_visual"]{
  mix-blend-mode:multiply !important;
  background:transparent !important;
}

/* Se conserva íntegramente el criterio de v3.0.6:
   perfil completo, sin recorte de proa ni popa. */
#ships .ship-photo,
#cruises #cruiseDetail .cruise-detail-ship-photo{
  object-fit:contain !important;
  object-position:center center !important;
}


/* =========================================================
   MSCxplorer v3.0.14
   Aplicación explícita de fondo uniforme a 14 barcos,
   incluyendo MSC Seaview.
   ========================================================= */
#ships .ship-photo[src*="MSC-Sinfonia-profile.webp"],
#cruises #cruiseDetail .cruise-detail-ship-photo[src*="MSC-Sinfonia-profile.webp"],
#ships .ship-photo[src*="MSC-Opera-profile.webp"],
#cruises #cruiseDetail .cruise-detail-ship-photo[src*="MSC-Opera-profile.webp"],
#ships .ship-photo[src*="MSC-Musica-profile.webp"],
#cruises #cruiseDetail .cruise-detail-ship-photo[src*="MSC-Musica-profile.webp"],
#ships .ship-photo[src*="MSC-Orchestra-profile.webp"],
#cruises #cruiseDetail .cruise-detail-ship-photo[src*="MSC-Orchestra-profile.webp"],
#ships .ship-photo[src*="MSC-Poesia-profile.webp"],
#cruises #cruiseDetail .cruise-detail-ship-photo[src*="MSC-Poesia-profile.webp"],
#ships .ship-photo[src*="MSC-Magnifica-profile.webp"],
#cruises #cruiseDetail .cruise-detail-ship-photo[src*="MSC-Magnifica-profile.webp"],
#ships .ship-photo[src*="MSC-Splendida-profile.webp"],
#cruises #cruiseDetail .cruise-detail-ship-photo[src*="MSC-Splendida-profile.webp"],
#ships .ship-photo[src*="MSC-Meraviglia-profile.webp"],
#cruises #cruiseDetail .cruise-detail-ship-photo[src*="MSC-Meraviglia-profile.webp"],
#ships .ship-photo[src*="MSC-Grandiosa-profile.webp"],
#cruises #cruiseDetail .cruise-detail-ship-photo[src*="MSC-Grandiosa-profile.webp"],
#ships .ship-photo[src*="MSC-Virtuosa-profile.webp"],
#cruises #cruiseDetail .cruise-detail-ship-photo[src*="MSC-Virtuosa-profile.webp"],
#ships .ship-photo[src*="MSC-World-Europa-profile.webp"],
#cruises #cruiseDetail .cruise-detail-ship-photo[src*="MSC-World-Europa-profile.webp"],
#ships .ship-photo[src*="MSC-World-Asia-profile.webp"],
#cruises #cruiseDetail .cruise-detail-ship-photo[src*="MSC-World-Asia-profile.webp"],
#ships .ship-photo[src*="euribia_visual_new.jpg"],
#cruises #cruiseDetail .cruise-detail-ship-photo[src*="euribia_visual_new.jpg"],
#ships .ship-photo[src*="MSC-Seaview-profile.webp"],
#cruises #cruiseDetail .cruise-detail-ship-photo[src*="MSC-Seaview-profile.webp"] {
  mix-blend-mode:multiply !important;
  background:transparent !important;
  object-fit:contain !important;
  object-position:center center !important;
}

#ships .ship-media,
#cruises #cruiseDetail .cruise-detail-ship-photo-wrap {
  background:#e8f4fc !important;
}



/* MSCxplorer v3.0.19 — Euribia: corrección efectiva.
   La imagen local ya viene recortada al barco; se fuerza a aprovechar
   el área útil sin zoom artificial y conservando el barco completo. */
#ships .ship-photo[src*="msc-euribia-side-large.jpg"]{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
}


/* =========================================================
   MSCxplorer v3.0.20 — MSC Euribia más grande
   ========================================================= */
#ships .ship-photo[src*="msc-euribia-side-large.jpg"]{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:scale(1.28) !important;
  transform-origin:center center !important;
}

#cruises #cruiseDetail .cruise-detail-ship-photo[src*="msc-euribia-side-large.jpg"]{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:scale(1.28) !important;
  transform-origin:center center !important;
}

#ships .ship-media,
#cruises #cruiseDetail .cruise-detail-ship-photo-wrap{
  overflow:hidden !important;
}

/* v3.0.24 · MSC Euribia: integra el fondo blanco de la imagen con el fondo azul de la ficha */
.ship-photo[src*="msc-euribia-side-large"]{mix-blend-mode:multiply}

/* v3.0.25 — Inicio MSC: azul marino con ribetes dorados */
.home-hero{background:linear-gradient(145deg,#061b31 0%,#082b4d 55%,#0b355c 100%);border:2px solid #c7a85a;box-shadow:inset 0 0 0 1px rgba(255,226,145,.22),0 8px 24px rgba(4,22,39,.22)}
.home-hero-media{display:none}
.home-hero-overlay{background:linear-gradient(110deg,rgba(5,25,45,.18),rgba(9,48,82,.08))}
.home-hero-content{padding:22px}
.home-hero-content .eyebrow{background:#f2f6fa;color:#075c96;border:1px solid #c7a85a}
.home-hero-content h2{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.18)}
.home-hero-content p{color:#f4f7fa}
.home-hero-badge,.home-hero-facts .fact{background:rgba(255,255,255,.10);border:1px solid rgba(212,180,91,.58)}
.home-hero-actions .btn{background:linear-gradient(180deg,#0a70bd,#075a9b);border:1px solid #d0ae58}
.home-hero-actions .btn.secondary{background:rgba(255,255,255,.07);color:#fff;border:1px solid #c7a85a}
.home-hero-facts .fact small{color:#e9dfc3}

/* v4 · rankings temáticos V2.2-R2 */
.thematic-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.thematic-tab{border:1px solid rgba(11,45,70,.18);background:#f5f8fb;color:#0b2d46;border-radius:999px;padding:10px 13px;font:inherit;font-weight:750;white-space:nowrap;display:flex;gap:6px;align-items:center;cursor:pointer}
.thematic-tab.active{background:#0b2d46;color:#fff;border-color:#0b2d46;box-shadow:0 6px 16px rgba(11,45,70,.18)}
.thematic-ranking-head h3{margin:10px 0 4px}
.thematic-rank-card .list-head>b{font-size:1.45rem;color:#0b2d46}
.thematic-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}
.thematic-unclassified{opacity:.82}
.thematic-score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:9px;margin:10px 0 8px}
.thematic-score{border:1px solid rgba(11,45,70,.12);background:#f7fafc;border-radius:12px;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.thematic-score span{font-size:.86rem;color:#496174}.thematic-score b{font-size:1.16rem;color:#0b2d46}
.thematic-na{padding:12px;border-radius:12px;background:#f3f4f6;color:#475569;font-weight:700}
.thematic-global-note{font-size:.88rem;color:#66788a;margin-top:8px}
@media (max-width:600px){.thematic-tab{padding:9px 11px}.thematic-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v4.0.5 · UX móvil Ranking + Comparador */
.thematic-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible;padding:6px 0 12px}
.thematic-tab{border-radius:13px;padding:10px 6px;min-height:54px;white-space:normal;justify-content:center;text-align:center;flex-direction:column;gap:3px;line-height:1.05}
.thematic-tab span{font-size:.78rem}
.thematic-tab.active{outline:2px solid rgba(199,168,90,.75);outline-offset:1px;transform:translateY(-1px)}
.ranking-help{max-width:760px}
.cruise-toolbar{gap:8px;align-items:center;flex-wrap:wrap}
.compare-selected-cta{margin-left:auto}
.compare-selected-cta:disabled{opacity:.55;cursor:not-allowed}
.compare-selected-cta.has-selection{box-shadow:0 0 0 2px rgba(199,168,90,.45)}
#cruises .cruise.compare-selected{border-color:#c7a85a !important;box-shadow:0 0 0 2px rgba(199,168,90,.22),0 8px 22px rgba(0,0,0,.12)}
#cruises .btn.compare-added{background:#0d6b4f !important;color:#fff !important;border:1px solid #7cc7ad !important}
.compare-head-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:12px}
.compare-mobile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}
#compare .compare-cruise-card{background:linear-gradient(180deg,#082746 0%,#0d355f 100%) !important;color:#fff !important}
.compare-card-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.compare-card-head h3{margin-top:2px}
.compare-remove{width:38px;height:38px;border-radius:50%;border:1px solid #6b8dab;background:#123f69;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;flex:0 0 auto}
.compare-key{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 10px;padding:12px;border-radius:12px;background:#123f69;border:1px solid #2c5b83}
.compare-key small{font-weight:500;color:#d8e8f5}.compare-key b{font-size:1.5rem}
.compare-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.compare-theme-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:10px;background:#0b3158;border:1px solid #2c5b83}
.compare-theme-row span{font-size:.84rem;color:#e5f0f8}.compare-theme-row b{font-size:1rem}
.compare-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.compare-empty{text-align:center;padding:24px}
@media (max-width:600px){
  .thematic-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .thematic-tab{min-height:50px;flex-direction:row;gap:5px;padding:9px 7px}
  .thematic-tab span{font-size:.81rem}
  .compare-selected-cta{width:100%;margin-left:0}
  .compare-mobile-grid{grid-template-columns:1fr}
}

/* v4.0.3 · Ranking: un crucero por barco+ruta, fechas en desplegable */
.ranking-dates{margin:12px 0;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.035);overflow:hidden}
.ranking-dates summary{cursor:pointer;display:flex;align-items:center;gap:8px;padding:11px 13px;font-weight:800;list-style:none}
.ranking-dates summary::-webkit-details-marker{display:none}
.ranking-dates summary span{margin-left:auto;min-width:28px;text-align:center;border-radius:999px;padding:3px 8px;background:rgba(255,255,255,.09)}
.ranking-date-list{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 12px}
.ranking-date-chip{appearance:none;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);color:inherit;padding:8px 10px;font:inherit;font-size:13px;cursor:pointer}
.ranking-date-chip:active{transform:scale(.98)}

/* v4.0.4 · enlace directo desde ficha al ranking */
.thematic-score-link{appearance:none;width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;position:relative}
.thematic-score-link small{display:block;margin-top:4px;font-size:11px;font-weight:700;opacity:.62}
.thematic-score-link:active{transform:scale(.985)}
.ranking-focus-summary{margin:12px 0 16px;padding:14px 16px;border-radius:14px;border:2px solid rgba(246,196,73,.72);background:rgba(246,196,73,.11)}
.ranking-focus-summary strong{display:block;font-size:18px;margin-bottom:4px}
.ranking-focus-summary span{display:block;margin-bottom:10px}
.ranking-focus-card{outline:2px solid rgba(246,196,73,.78);outline-offset:1px;box-shadow:0 0 0 3px rgba(246,196,73,.10)}

/* v4.0.5 · puntuación integrada dentro de cada galleta temática */
.thematic-score-link .thematic-pill-label{
  display:flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
}
.thematic-score-link .thematic-pill-label b{
  margin-left:0;
  font-size:inherit;
}

/* v4.0.6 · transición ranking más discreta */
html{scroll-behavior:auto}
.ranking-focus-card{transition:none!important}

/* v4.0.7 · identificación clara de la ficha correspondiente */
.ranking-focus-card{
  position:relative;
  outline:3px solid rgba(246,196,73,.95)!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 5px rgba(246,196,73,.13)!important;
}
.ranking-focus-badge{
  display:inline-flex;
  align-items:center;
  margin:0 0 10px;
  padding:6px 10px;
  border-radius:999px;
  background:#f6c449;
  color:#10233d;
  font-size:12px;
  font-weight:900;
  letter-spacing:.35px;
}

/* v4.0.8 · Cruceros: galletas de ranking en azul con texto blanco */
.thematic-score-link{
  background:#0a4270!important;
  border:1px solid rgba(255,255,255,.20)!important;
  color:#fff!important;
}
.thematic-score-link .thematic-pill-label{
  color:#fff!important;
  font-weight:800!important;
}
.thematic-score-link .thematic-pill-label b{
  color:#fff!important;
  font-weight:900!important;
}
.thematic-score-link small{
  color:#fff!important;
  font-weight:700!important;
  opacity:.82!important;
}

/* v4.0.11 · Ranking: modalidades en azul claro + opción elegida con borde dorado */
.thematic-tab{
  background:#dbeeff !important;
  color:#0b2d46 !important;
  border:1px solid #9fc6ea !important;
  box-shadow:none !important;
}
.thematic-tab span{
  color:#0b2d46 !important;
  font-weight:800 !important;
}
.thematic-tab.active{
  background:#dbeeff !important;
  color:#0b2d46 !important;
  border:4px solid #d4b45b !important;
  box-shadow:0 0 0 3px rgba(212,180,91,.24) !important;
  outline:none !important;
  transform:none !important;
}

/* v4.0.13 · tipografía más gordilla en toda la app */
html, body, button, input, select, textarea {
  font-weight: 700 !important;
}
p, span, a, li, div, small, label, summary {
  font-weight: 700 !important;
}
h1, h2, h3, h4, h5, h6, strong, b {
  font-weight: 800 !important;
}
.badge, .btn, .thematic-tab, .thematic-score-link, .ranking-date-chip {
  font-weight: 800 !important;
}

/* v4.0.15 · GO MSC */
.go-msc-btn{
  letter-spacing:.3px;
  font-weight:900!important;
}

/* v4.0.19 · GO MSC con la misma cromía exacta que Escalas */
.go-msc-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:44px;
  margin-top:10px;
  padding:9px 15px;
  border-radius:999px;
  border:1px solid #67a9da;
  background:linear-gradient(180deg,#1375ba,#0a5f9f);
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:.25px;
  text-decoration:none !important;
  box-shadow:none !important;
}
.go-msc-pill.ready{
  border:1px solid #67a9da;
  background:linear-gradient(180deg,#1375ba,#0a5f9f);
  color:#fff !important;
}
.go-msc-pill.pending{
  border:1px solid #67a9da;
  background:linear-gradient(180deg,#1375ba,#0a5f9f);
  color:#fff !important;
  cursor:default;
}


/* v4.0.23 · GO MSC en fichas de barcos dentro de galleta */
.ship-go-msc-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid #67a9da;
  background:linear-gradient(180deg,#1375ba,#0a5f9f);
  color:#fff !important;
  font-weight:900 !important;
  text-decoration:none !important;
  letter-spacing:.25px;
  box-shadow:none !important;
}

/* v4.0.86 · Blindaje Ranking: 8 opciones siempre visibles */
#rankingCategoryButtons.thematic-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:100%!important;
  overflow:visible!important;
  gap:8px!important;
}
#rankingCategoryButtons .thematic-tab{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  min-width:0!important;
}
@media (max-width:600px){
  #rankingCategoryButtons.thematic-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #rankingCategoryButtons .thematic-tab{
    min-height:50px!important;
  }
}

/* v4.0.97 · GO MSC Similar: mismo barco/recorrido/duración, otra fecha */
.go-msc-similar-wrap{display:block;margin-top:2px}
.go-msc-pill.similar{
  border:1px solid #c58a18;
  background:linear-gradient(180deg,#d9a328,#b77908);
  color:#fff!important;
}
.go-msc-similar-note{
  margin:7px 0 0;
  max-width:680px;
  font-size:13px;
  line-height:1.45;
  font-weight:700;
}

/* v4.0.98 · Corrección visual: Similar siempre debajo de GO MSC */
.go-msc-similar-wrap{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:100%;
}
.go-msc-similar-wrap .go-msc-pill.similar{
  display:inline-flex;
  margin-top:8px;
}
.go-msc-similar-wrap .go-msc-similar-note{
  display:block;
  margin-top:7px;
}

/* v4.0.99 · GO MSC / Similar visible también en las tarjetas de Cruceros */
.go-msc-card-status{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.14);
}
.go-msc-card-status .go-msc-pill{
  width:max-content;
  max-width:100%;
}
.go-msc-card-status.go-msc-similar-wrap .go-msc-pill.similar{
  margin-top:0;
}
.go-msc-card-status .go-msc-similar-note{
  margin:0;
  max-width:720px;
}
@media (max-width:600px){
  .go-msc-card-status{margin-top:12px;padding-top:10px}
  .go-msc-card-status .go-msc-pill{
    min-height:38px;
    display:inline-flex;
    align-items:center;
  }
  .go-msc-card-status .go-msc-similar-note{
    font-size:12.5px;
    line-height:1.4;
  }
}

/* v4.1.00 · GO MSC Similar usa exactamente el mismo estilo que GO MSC */
.go-msc-similar-wrap{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:100%;
}
.go-msc-similar-wrap .go-msc-pill.ready{
  margin-top:0;
}


/* v4.1.16 · MSCxplorer: el nombre de la localidad sustituye a “Abrir ficha” */
.catalog-port-name-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid #67a9da;
  background:linear-gradient(180deg,#1375ba,#0a5f9f);
  color:#fff!important;
  font:inherit;
  font-weight:900!important;
  line-height:1.15;
  text-align:left;
  cursor:pointer;
  box-shadow:none;
}
.catalog-port-name-pill:focus-visible{
  outline:3px solid rgba(212,180,91,.65);
  outline-offset:2px;
}
@media (max-width:520px){
  .catalog-card .status-line{align-items:flex-start;flex-wrap:wrap}
  .catalog-port-name-pill{max-width:100%;white-space:normal}
}


/* =========================================================
   MSCxplorer v5.0.1 · Unificación visual de galletas
   - Un único azul para navegación, acciones, chips y galletas.
   - Tipografía uniforme y gordilla.
   - El dorado se reserva para estados activos/seleccionados.
   - Los controles destructivos conservan su semántica propia.
   ========================================================= */
:root{
  --mscx-pill-top:#1375ba;
  --mscx-pill-bottom:#0a5f9f;
  --mscx-pill-border:#67a9da;
  --mscx-pill-text:#ffffff;
  --mscx-pill-weight:850;
  --mscx-pill-active:#d4b45b;
}
.tabs button,
.btn:not(.danger),
.badge,
.port-chip,
.mscx-pill,
.mscx-gmap,
.mscx-info,
.home-hero-badge,
.home-chip,
.eyebrow,
.ship-sailings-badge,
.ship-date-chip,
.ship-dates-disclosure > summary,
#cruises .cruise-stops-disclosure > summary,
.thematic-tab,
.thematic-score-link,
.ranking-date-chip,
.go-msc-pill,
.ship-go-msc-pill,
.catalog-port-name-pill{
  background:linear-gradient(180deg,var(--mscx-pill-top),var(--mscx-pill-bottom)) !important;
  color:var(--mscx-pill-text) !important;
  border-color:var(--mscx-pill-border) !important;
  font-weight:var(--mscx-pill-weight) !important;
  box-shadow:none !important;
}
.tabs button *,
.btn:not(.danger) *,
.badge *,
.port-chip *,
.mscx-pill *,
.mscx-gmap *,
.mscx-info *,
.home-hero-badge *,
.home-chip *,
.eyebrow *,
.ship-sailings-badge *,
.ship-date-chip *,
.ship-dates-disclosure > summary *,
#cruises .cruise-stops-disclosure > summary *,
.thematic-tab *,
.thematic-score-link *,
.ranking-date-chip *,
.go-msc-pill *,
.ship-go-msc-pill *,
.catalog-port-name-pill *{
  color:var(--mscx-pill-text) !important;
  font-weight:var(--mscx-pill-weight) !important;
}
.btn.secondary,
.home-hero-actions .btn.secondary,
.home-highlight-card .btn,
.home-highlight-card .btn.secondary,
.home-route-card .btn,
.home-route-card .btn.secondary,
.mscx-detail-back,
.mscx-unified-back,
#wwii .btn.secondary,
#favorites .btn.secondary,
#cruises .btn.secondary,
#ships .btn.secondary,
#regions .btn.secondary,
#ranking .btn.secondary,
#compare .btn.secondary{
  background:linear-gradient(180deg,var(--mscx-pill-top),var(--mscx-pill-bottom)) !important;
  color:var(--mscx-pill-text) !important;
  border:1px solid var(--mscx-pill-border) !important;
  font-weight:var(--mscx-pill-weight) !important;
  box-shadow:none !important;
}
.tabs button.active,
.thematic-tab.active,
#cruises .btn.compare-added,
.compare-selected-cta.has-selection{
  background:linear-gradient(180deg,var(--mscx-pill-top),var(--mscx-pill-bottom)) !important;
  color:var(--mscx-pill-text) !important;
  border-color:var(--mscx-pill-active) !important;
  box-shadow:0 0 0 2px rgba(212,180,91,.24) !important;
}
.tabs button.active{border:2px solid var(--mscx-pill-active) !important;}
.thematic-tab.active{border:4px solid var(--mscx-pill-active) !important;}
#cruises .btn.compare-added{border:2px solid var(--mscx-pill-active) !important;}
.mscx-detail .mscx-pill,
.mscx-unified-detail .mscx-pill,
.mscx-detail .mscx-gmap,
.mscx-unified-detail .mscx-gmap,
.mscx-detail .mscx-info,
.mscx-unified-detail .mscx-info{
  background:linear-gradient(180deg,var(--mscx-pill-top),var(--mscx-pill-bottom)) !important;
  color:var(--mscx-pill-text) !important;
  border:1px solid var(--mscx-pill-border) !important;
  font-weight:var(--mscx-pill-weight) !important;
}


/* v5.1.0 · Ranking V3: galletas unificadas con texto blanco */
#rankingCategoryButtons .thematic-tab span{
  color:var(--mscx-pill-text) !important;
  font-weight:var(--mscx-pill-weight) !important;
}

/* =========================================================
   MSCxplorer v5.1.4
   GO MSC en la esquina superior derecha de las tarjetas
   ========================================================= */
#cruises .cruise .cruise-card-head,
#favorites .cruise .cruise-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:2px;
}
#cruises .cruise .cruise-card-head h3,
#favorites .cruise .cruise-card-head h3{
  margin:0;
  min-width:0;
}
#cruises .cruise .cruise-card-go-msc,
#favorites .cruise .cruise-card-go-msc{
  flex:0 0 auto;
  margin:-3px 0 0 auto;
}
#cruises .cruise .cruise-card-go-msc .go-msc-pill,
#favorites .cruise .cruise-card-go-msc .go-msc-pill{
  margin-top:0 !important;
  min-height:38px;
  padding:7px 13px;
  white-space:nowrap;
}
#cruises .cruise .go-msc-card-similar-note,
#favorites .cruise .go-msc-card-similar-note{
  margin:12px 0 0;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.14);
  font-size:12.5px;
  line-height:1.4;
  font-weight:700;
}
@media (max-width:430px){
  #cruises .cruise .cruise-card-head,
  #favorites .cruise .cruise-card-head{gap:8px}
  #cruises .cruise .cruise-card-go-msc .go-msc-pill,
  #favorites .cruise .cruise-card-go-msc .go-msc-pill{
    min-height:36px;
    padding:7px 10px;
    font-size:12px;
  }
}


/* =========================================================
   MSCxplorer v5.1.7 · Ranking: empates explícitos
   ========================================================= */
.ranking-tie-badge{
  display:inline-block;
  margin:0 5px 0 3px;
  padding:2px 7px;
  border:1px solid rgba(212,180,91,.78);
  border-radius:999px;
  background:rgba(212,180,91,.10);
  color:#f0d88b;
  font-size:10px;
  line-height:1.35;
  font-weight:850;
  letter-spacing:.02em;
  vertical-align:middle;
  white-space:nowrap;
}


/* =========================================================
   MSCxplorer v5.1.8 · Ranking Global: jerarquía y explicación
   Solo presentación; puntuaciones V3 intactas.
   ========================================================= */
.global-rank-card{position:relative}
.global-rank-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:7px}
.global-rank-head h3{margin:0 0 6px}
.global-rank-score{min-width:68px;min-height:68px;border-radius:18px;background:#0a4270;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 10px;box-shadow:0 6px 16px rgba(10,66,112,.16)}
.global-rank-score strong{font-size:1.48rem;line-height:1;font-weight:900}
.global-rank-score small{font-size:.68rem;margin-top:5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.global-rank-tier{display:inline-flex;border-radius:999px;padding:4px 9px;background:#eef4f8;color:#0b2d46;font-size:.74rem;font-weight:850}
.global-rank-top3{border-width:2px}
.global-rank-top3:before{position:absolute;top:-9px;left:16px;border-radius:999px;padding:3px 8px;background:#f6c449;color:#10233d;font-size:.68rem;font-weight:900}
.global-rank-top1:before{content:'TOP 1'}
.global-rank-top2:before{content:'TOP 2'}
.global-rank-top3:before{content:'TOP 3'}
.global-rank-strengths{display:flex;gap:7px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}
.global-rank-strengths::-webkit-scrollbar{display:none}
.global-rank-strengths span{flex:0 0 auto;border-radius:999px;background:#0a4270;color:#fff;padding:7px 10px;font-size:.76rem;font-weight:750;white-space:nowrap}
.global-rank-strengths b{font-weight:900}
.global-rank-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.ranking-why{margin-top:10px;padding:12px 13px;border-radius:13px;background:#edf3f8;border:1px solid rgba(11,45,70,.16);color:#0b2d46;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.ranking-why strong{color:#0b2d46;display:block}
.ranking-why p{margin:6px 0 0;color:#173b57}
.ranking-why .muted{color:#476173 !important}
.ranking-why b{color:#0b2d46}
.ranking-why .emphasis{color:#0b2d46;font-weight:800}
@media(max-width:600px){
 .global-rank-score{min-width:62px;min-height:62px;border-radius:16px}
 .global-rank-score strong{font-size:1.35rem}
 .global-rank-actions .btn{flex:1 1 auto}
}


/* =========================================================
   MSCxplorer v5.1.10 · Contraste definitivo explicación Global
   Override de alta especificidad sobre reglas generales del Ranking.
   ========================================================= */
#ranking .global-rank-card .ranking-why{
  background:#123f69 !important;
  border:1px solid #4e86b2 !important;
  color:#ffffff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}
#ranking .global-rank-card .ranking-why strong,
#ranking .global-rank-card .ranking-why p,
#ranking .global-rank-card .ranking-why b{
  color:#ffffff !important;
  opacity:1 !important;
}
#ranking .global-rank-card .ranking-why .muted{
  color:#d8e8f5 !important;
  opacity:1 !important;
}


/* =========================================================
   MSCxplorer v5.1.11 · Explicación Global enlazada a MSCxplorer
   ========================================================= */
.ranking-why-places{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.24)}
.ranking-why-subtitle{display:block!important;margin-bottom:7px;color:#fff!important;font-size:.82rem;font-weight:900}
.ranking-place{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.ranking-place:last-child{border-bottom:0;padding-bottom:2px}
.ranking-place-link{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;margin:0;color:#fff!important;font:inherit;font-weight:900!important;text-decoration:underline!important;text-decoration-thickness:1.5px!important;text-underline-offset:3px!important;cursor:pointer;text-align:left}
.ranking-place-link:active{opacity:.78}
.ranking-place-reason{display:block!important;margin-top:3px;color:#d8eafb!important;font-size:.80rem;line-height:1.4;font-weight:650!important}
.ranking-why-strengths{color:#fff!important}
.ranking-why-strengths b{color:#fff!important}


/* =========================================================
   MSCxplorer v5.1.13 · Explicaciones enlazadas en rankings temáticos
   ========================================================= */
#ranking .thematic-explained-card .ranking-why{
  background:#0b3a5e !important;
  border:1px solid rgba(160,205,239,.38) !important;
  color:#fff !important;
}
#ranking .thematic-explained-card .ranking-why strong,
#ranking .thematic-explained-card .ranking-why p,
#ranking .thematic-explained-card .ranking-why b{
  color:#fff !important;
  opacity:1 !important;
}
#ranking .thematic-explained-card .ranking-why .muted{
  color:#d8e8f5 !important;
  opacity:1 !important;
}
.thematic-explained-card .thematic-card-foot{align-items:stretch}
.thematic-explained-card .thematic-card-foot .btn{flex:0 1 auto}
@media(max-width:600px){
 .thematic-explained-card .thematic-card-foot .btn{flex:1 1 auto}
}


/* =========================================================
   MSCxplorer v5.1.14 · Ranking móvil: cambio de categoría inmediato
   - Explicaciones V3 en carga diferida (JS).
   - Galletas con zona táctil reforzada para iPhone.
   ========================================================= */
#rankingCategoryButtons .thematic-tab{
  touch-action:manipulation!important;
  -webkit-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:rgba(212,180,91,.22);
  position:relative;
  z-index:1;
  min-height:56px!important;
  cursor:pointer;
}
#rankingCategoryButtons .thematic-tab.active{
  transform:none!important;
  z-index:2;
}
#rankingCategoryButtons .thematic-tab::after{
  content:'';
  position:absolute;
  inset:-2px;
  border-radius:inherit;
}
@media(max-width:600px){
  #rankingCategoryButtons .thematic-tab{min-height:58px!important;padding:10px 8px!important;}
}

/* =========================================================
   MSCxplorer v5.1.15 · Ranking: respuesta táctil inmediata
   ========================================================= */
#rankingCategoryButtons .thematic-tab{
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(246,196,73,.18);
  user-select:none;
  -webkit-user-select:none;
}
#rankingCategoryButtons.ranking-tabs-busy .thematic-tab{
  pointer-events:none;
}
#rankingCategoryButtons.ranking-tabs-busy .thematic-tab.active{
  box-shadow:0 0 0 2px rgba(246,196,73,.72),0 6px 16px rgba(11,45,70,.18)!important;
}
.ranking-heading-switching{opacity:.72}


/* =========================================================
   MSCxplorer v5.1.17 · Jerarquía visual de rankings temáticos
   Presentación alineada con Global; sin cálculos V3 nuevos.
   ========================================================= */
.thematic-visual-card{position:relative}
.thematic-rank-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:7px}
.thematic-rank-head h3{margin:0 0 6px}
.thematic-rank-score{min-width:68px;min-height:68px;max-width:92px;border-radius:18px;background:#0a4270;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 9px;box-shadow:0 6px 16px rgba(10,66,112,.16);text-align:center}
.thematic-rank-score strong{font-size:1.48rem;line-height:1;font-weight:900;color:#fff!important}
.thematic-rank-score small{font-size:.64rem;line-height:1.1;margin-top:5px;font-weight:850;letter-spacing:.02em;color:#fff!important}
.thematic-rank-tier{display:inline-flex;border-radius:999px;padding:4px 9px;background:#eef4f8;color:#0b2d46!important;font-size:.74rem;font-weight:850}
.thematic-rank-top3{border-width:2px;position:relative}
.thematic-rank-top3:before{position:absolute;top:-9px;left:16px;border-radius:999px;padding:3px 8px;background:#f6c449;color:#10233d;font-size:.68rem;font-weight:900;z-index:2}
.thematic-rank-top1:before{content:'TOP 1'}
.thematic-rank-top2:before{content:'TOP 2'}
.thematic-rank-top3:before{content:'TOP 3'}
.thematic-rank-support{display:flex;gap:7px;overflow-x:auto;padding:4px 0 9px;scrollbar-width:none}
.thematic-rank-support::-webkit-scrollbar{display:none}
.thematic-rank-support span{flex:0 0 auto;border-radius:999px;background:#0a4270;color:#fff!important;padding:7px 10px;font-size:.76rem;font-weight:750;white-space:nowrap}
.thematic-rank-support b{color:#fff!important;font-weight:900}
@media(max-width:600px){
 .thematic-rank-score{min-width:62px;min-height:62px;max-width:82px;border-radius:16px}
 .thematic-rank-score strong{font-size:1.35rem}
 .thematic-rank-score small{font-size:.59rem}
}

/* =========================================================
   MSCxplorer v6.0.3 · Ranking de Barcos
   ========================================================= */
.ship-view-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.ship-view-tab.active{background:linear-gradient(180deg,#1375ba,#0a5f9f)!important;color:#fff!important;border-color:#2d8dcc!important}
.ship-ranking-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 16px}
.ship-ranking-tab{border:1px solid #3a6d95;border-radius:999px;background:#174d78;color:#fff;padding:8px 11px;font-weight:800;cursor:pointer}
.ship-ranking-tab.active{background:#1c6fb3;border-color:#67a9da}
.ship-ranking-list{display:grid;gap:12px}
.ship-ranking-score{font-size:24px;font-weight:950;color:#9fd8ff;white-space:nowrap}
.ship-ranking-sub{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.ship-ranking-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;background:#174d78;border:1px solid #3a6d95;color:#fff;font-size:12px;font-weight:800}
.ship-ranking-provisional{background:#5b4a16!important;border-color:#9b8431!important}


/* =========================================================
   MSCxplorer v6.0.3 · Ranking de Barcos · acabado visual
   ========================================================= */
.ship-ranking-card h3{display:flex;align-items:center;gap:5px;margin:0}
.ship-rank-position{display:inline-block;min-width:29px}
.ship-ranking-strengths{margin:11px 0 0;color:#d8e8f5}
.ship-ranking-strengths b{color:#9fd8ff}
.ship-ranking-actions{margin:12px 0 0}
.ship-ranking-card-provisional{border-style:dashed!important;opacity:.96}
.ship-ranking-provisional-head{margin-top:8px;border-color:#8d7930!important}
.ship-fleet-highlight{
  outline:3px solid #67a9da!important;
  outline-offset:2px;
  box-shadow:0 0 0 5px rgba(103,169,218,.18)!important;
}
@media (max-width:430px){
  .ship-ranking-card .list-head{gap:8px}
  .ship-ranking-score{font-size:21px}
  .ship-ranking-card h3{font-size:17px}
}


/* =========================================================
   MSCxplorer v6.0.3 · Ranking de Barcos · explicación y empates
   ========================================================= */
.ship-ranking-actions{display:flex;flex-wrap:wrap;gap:8px}
.ship-ranking-why{
  margin-top:12px;
  padding:11px 12px;
  border:1px solid #3a6d95;
  border-radius:12px;
  background:#0b3158;
}
.ship-ranking-why[hidden]{display:none!important}
.ship-ranking-why p{margin:5px 0}


/* =========================================================
   MSCxplorer v6.0.2 · Ranking · enlace de barco en cabecera
   ========================================================= */
.ranking-ship-heading{padding-top:7px}
.ranking-ship-link{
  appearance:none;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  font-weight:inherit;
  line-height:inherit;
  padding:0;
  margin:0;
  display:inline-flex;
  align-items:center;
  gap:7px;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:4px;
  cursor:pointer;
}
.ranking-ship-link:focus-visible{
  outline:2px solid #8ecfff;
  outline-offset:4px;
  border-radius:6px;
}
.ranking-ship-icon{
  font-size:.9em;
  text-decoration:none;
  display:inline-block;
}
.global-rank-actions-single,
.thematic-card-foot-single{
  grid-template-columns:minmax(0,1fr)!important;
}
.global-rank-actions-single .btn,
.thematic-card-foot-single .btn{
  width:100%;
}
@media (max-width:430px){
  .ranking-ship-heading{padding-top:5px}
  .ranking-ship-link{gap:5px;text-underline-offset:3px}
}


/* =========================================================
   MSCxplorer v6.0.2 · Flota · nombre + GO MSC
   ========================================================= */
.ship-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:2px;
}
.ship-title-row h3{
  margin:0;
  min-width:0;
}
.ship-title-row .ship-go-msc-pill{
  flex:0 0 auto;
  margin-left:auto;
}
@media (max-width:430px){
  .ship-title-row{gap:8px}
  .ship-title-row h3{font-size:20px}
  .ship-title-row .ship-go-msc-pill{padding:7px 10px;font-size:13px}
}

/* =========================================================
   MSCxplorer v6.0.3 · Transición Ranking de barcos → Flota
   ========================================================= */
.ship-fleet-card{
  scroll-margin-top:18px;
}
.ship-fleet-highlight{
  animation:shipFleetArrival 1.05s cubic-bezier(.2,.75,.25,1) both;
}
@keyframes shipFleetArrival{
  0%{outline-color:rgba(103,169,218,0);box-shadow:0 0 0 0 rgba(103,169,218,0);transform:scale(.992)}
  35%{outline-color:#67a9da;box-shadow:0 0 0 7px rgba(103,169,218,.20);transform:scale(1.006)}
  100%{outline-color:#67a9da;box-shadow:0 0 0 5px rgba(103,169,218,.18);transform:scale(1)}
}
@media (prefers-reduced-motion:reduce){
  .ship-fleet-highlight{animation:none}
}


/* =========================================================
   MSCxplorer v6.0.4 · Ranking de barcos → Flota
   Cambio directo, sin scroll largo visible en iPhone
   ========================================================= */
html.ship-fleet-switching,
html.ship-fleet-switching body{
  scroll-behavior:auto!important;
  overflow-anchor:none;
}
.ship-fleet-highlight{
  animation:shipFleetArrivalDirect .72s ease-out both;
}
@keyframes shipFleetArrivalDirect{
  0%{outline-color:rgba(103,169,218,0);box-shadow:0 0 0 0 rgba(103,169,218,0)}
  45%{outline-color:#67a9da;box-shadow:0 0 0 6px rgba(103,169,218,.18)}
  100%{outline-color:#67a9da;box-shadow:0 0 0 3px rgba(103,169,218,.12)}
}
@media (prefers-reduced-motion:reduce){
  .ship-fleet-highlight{animation:none}
}


/* =========================================================
   MSCxplorer v6.0.5 · Afinado Ranking de barcos → Flota
   Llegada al nombre + confirmación visual más breve
   ========================================================= */
.ship-fleet-highlight{
  animation:shipFleetArrivalRefined .48s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes shipFleetArrivalRefined{
  0%{outline-color:rgba(103,169,218,0);box-shadow:0 0 0 0 rgba(103,169,218,0)}
  38%{outline-color:rgba(103,169,218,.86);box-shadow:0 0 0 4px rgba(103,169,218,.13)}
  100%{outline-color:rgba(103,169,218,.62);box-shadow:0 0 0 2px rgba(103,169,218,.08)}
}
@media (prefers-reduced-motion:reduce){
  .ship-fleet-highlight{animation:none}
}


/* =========================================================
   MSCxplorer v6.0.7 · Flota · ficha técnica en una sola línea
   Mantiene “pasajeros” junto a la cifra en todas las fichas.
   En iPhone reduce solo esta línea lo necesario, sin afectar
   al resto de la tipografía de la tarjeta.
   ========================================================= */
#ships .ship-specs-line{
  white-space:nowrap;
}
@media (max-width:430px){
  #ships .ship-specs-line{
    font-size:clamp(10.6px,2.92vw,12.6px);
    letter-spacing:-.08px;
    line-height:1.25;
  }
}

/* v6.1.0 · Climatología específica MSC Preziosa 18/06/2027 */
.mscx-special-climate{border:1px solid rgba(32,101,170,.25);background:linear-gradient(180deg,#f7fbff 0%,#fff 100%)}
.mscx-special-climate-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.mscx-special-climate-head h3{margin:2px 0 5px}
.mscx-special-date{margin:0;color:#49657d;font-size:.9rem;line-height:1.4}
.mscx-special-badge{flex:0 0 auto;border-radius:999px;background:#e8f3ff;color:#0c548e;padding:6px 9px;font-size:.72rem;font-weight:800;white-space:nowrap}
.mscx-special-headline{margin:14px 0 10px;font-size:1.02rem;font-weight:800;color:#082743;line-height:1.4}
.mscx-special-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mscx-special-stat{background:#fff;border:1px solid #dbe7f0;border-radius:12px;padding:10px;min-width:0}
.mscx-special-stat span{display:block;color:#567087;font-size:.75rem;font-weight:700;margin-bottom:3px}
.mscx-special-stat b{display:block;color:#092941;font-size:.9rem;line-height:1.25}
.mscx-special-flags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 12px}
.mscx-special-flags span{display:flex;flex-direction:column;gap:2px;padding:9px 10px;background:#eef6fb;border-radius:10px}
.mscx-special-flags small{color:#607688;font-size:.68rem;font-weight:700}
.mscx-special-flags b{font-size:.82rem;color:#113a56;line-height:1.25}
.mscx-special-detail{margin-top:8px;border:1px solid #dce8f1;border-radius:12px;background:#fff;overflow:hidden}
.mscx-special-detail summary{cursor:pointer;padding:11px 12px;font-weight:800;color:#0b3552;list-style:none}
.mscx-special-detail summary::-webkit-details-marker{display:none}
.mscx-special-detail summary:after{content:'＋';float:right;color:#55809e}
.mscx-special-detail[open] summary:after{content:'−'}
.mscx-special-detail p,.mscx-special-detail ul{margin:0;padding:0 12px 12px;color:#334e61;line-height:1.5;font-size:.9rem}
.mscx-special-detail ul{padding-left:30px}
.mscx-special-detail li+li{margin-top:5px}
.mscx-special-pills{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}
.mscx-special-pills span{background:#edf5fa;border:1px solid #d7e6ef;border-radius:999px;padding:6px 9px;font-size:.76rem;font-weight:700;color:#244b65}
.mscx-special-advice{margin-top:10px;padding:12px;border-radius:12px;background:#fff7d8;border:1px solid #ead88d;color:#4d421b}
.mscx-special-advice b{display:block;margin-bottom:4px}
.mscx-special-advice p{margin:0;line-height:1.45;font-size:.9rem}
.mscx-special-note{margin:10px 2px 0;color:#697a86;font-size:.72rem;line-height:1.4}
@media(max-width:520px){.mscx-special-climate-head{display:block}.mscx-special-badge{display:inline-block;margin-top:8px}.mscx-special-stat-grid,.mscx-special-flags{grid-template-columns:1fr 1fr}.mscx-special-stat{padding:9px}.mscx-special-stat b{font-size:.84rem}}

/* v6.1.1 · Longyearbyen premium climate focus */
.mscx-longyear-focus{margin:12px 0 10px;padding:13px;border-radius:14px;background:linear-gradient(180deg,#eaf6ff 0%,#f8fcff 100%);border:1px solid #c8e3f5}
.mscx-longyear-title{display:flex;align-items:flex-start;gap:9px;color:#0b3552}
.mscx-longyear-title>span{font-size:1.25rem;line-height:1.1}
.mscx-longyear-title b{display:block;font-size:.98rem}
.mscx-longyear-title small{display:block;margin-top:2px;color:#547189;font-weight:700;line-height:1.35}
.mscx-longyear-intro{margin:10px 0;color:#28485f;line-height:1.5;font-size:.91rem}
.mscx-longyear-zones{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mscx-longyear-zones>div{background:#fff;border:1px solid #d9e8f2;border-radius:11px;padding:10px;min-width:0}
.mscx-longyear-zones b{display:block;color:#0a3553;font-size:.82rem;margin-bottom:4px;line-height:1.3}
.mscx-longyear-zones span{display:block;color:#4b6679;font-size:.78rem;line-height:1.42}
.mscx-longyear-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px}
.mscx-longyear-cards article{background:#f3f8fc;border:1px solid #dce8f1;border-radius:11px;padding:10px}
.mscx-longyear-cards b{display:block;color:#0c3a59;font-size:.78rem;margin-bottom:4px;line-height:1.3}
.mscx-longyear-cards strong{display:block;color:#334f62;font-size:.8rem;line-height:1.45;font-weight:650}
.mscx-longyear-condition-list{display:grid;gap:8px;padding:0 12px 12px}
.mscx-longyear-condition-list article{background:#f7fafc;border:1px solid #dfe9f0;border-radius:11px;padding:10px}
.mscx-longyear-condition-list article>div{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.mscx-longyear-condition-list b{color:#0b3552;font-size:.82rem;line-height:1.35}
.mscx-longyear-condition-list span{flex:0 0 auto;border-radius:999px;background:#eaf4fb;color:#285672;padding:4px 7px;font-size:.66rem;font-weight:850;white-space:nowrap}
.mscx-longyear-condition-list p{padding:0!important;margin:6px 0 0!important;color:#496477!important;font-size:.79rem!important;line-height:1.45!important}
.mscx-longyear-detail ul{padding:0 26px 12px 31px!important}
.mscx-longyear-detail li{color:#405c70;font-size:.82rem;line-height:1.45}
.mscx-longyear-final{background:#eef8ef;border-color:#c9dfcb;color:#234827}
@media(max-width:520px){
  .mscx-longyear-zones,.mscx-longyear-cards{grid-template-columns:1fr}
  .mscx-longyear-condition-list article>div{display:block}
  .mscx-longyear-condition-list span{display:inline-block;margin-top:5px}
}

/* =========================================================
   v6.1.2 · Longyearbyen: contraste + simbología climática
   Corrige texto blanco sobre tarjetas claras y adopta la
   lectura visual del diseño aprobado: tarjetas azul marino,
   iconos claros, valores resaltados y recorrido numerado.
   ========================================================= */
.mscx-detail .mscx-special-climate,
.mscx-unified-detail .mscx-special-climate{
  background:linear-gradient(180deg,#071f39 0%,#0a3158 100%) !important;
  border:1px solid #235d8d !important;
  color:#eef7ff !important;
}
.mscx-detail .mscx-special-climate .mscx-special-date,
.mscx-unified-detail .mscx-special-climate .mscx-special-date{
  color:#c9def0 !important;
}
.mscx-detail .mscx-special-climate .mscx-special-badge,
.mscx-unified-detail .mscx-special-climate .mscx-special-badge{
  background:#0d4777 !important;
  border:1px solid #3a7dac !important;
  color:#d8efff !important;
}
.mscx-detail .mscx-special-climate .mscx-special-headline,
.mscx-unified-detail .mscx-special-climate .mscx-special-headline{
  color:#ffffff !important;
}
.mscx-detail .mscx-special-climate .mscx-special-stat,
.mscx-unified-detail .mscx-special-climate .mscx-special-stat{
  background:linear-gradient(145deg,#102f50,#173b61) !important;
  border:1px solid #27577f !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  min-height:78px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.mscx-detail .mscx-special-climate .mscx-special-stat span,
.mscx-unified-detail .mscx-special-climate .mscx-special-stat span{
  color:#dbeaf6 !important;
  font-weight:800 !important;
  font-size:.79rem;
}
.mscx-detail .mscx-special-climate .mscx-special-stat b,
.mscx-unified-detail .mscx-special-climate .mscx-special-stat b{
  color:#8fd6ff !important;
  font-size:.92rem !important;
}
.mscx-detail .mscx-longyear-special .mscx-stat-1 b,
.mscx-detail .mscx-longyear-special .mscx-stat-6 b,
.mscx-unified-detail .mscx-longyear-special .mscx-stat-1 b,
.mscx-unified-detail .mscx-longyear-special .mscx-stat-6 b{color:#71e071 !important}
.mscx-detail .mscx-longyear-special .mscx-stat-3 b,
.mscx-detail .mscx-longyear-special .mscx-stat-4 b,
.mscx-detail .mscx-longyear-special .mscx-stat-5 b,
.mscx-unified-detail .mscx-longyear-special .mscx-stat-3 b,
.mscx-unified-detail .mscx-longyear-special .mscx-stat-4 b,
.mscx-unified-detail .mscx-longyear-special .mscx-stat-5 b{color:#ffc247 !important}
.mscx-detail .mscx-longyear-special .mscx-stat-2 b,
.mscx-unified-detail .mscx-longyear-special .mscx-stat-2 b{color:#ff8b78 !important}

.mscx-detail .mscx-special-climate .mscx-special-flags span,
.mscx-unified-detail .mscx-special-climate .mscx-special-flags span{
  background:linear-gradient(145deg,#102f50,#173b61) !important;
  border:1px solid #27577f;
  border-radius:12px;
  min-height:68px;
  justify-content:center;
}
.mscx-detail .mscx-special-climate .mscx-special-flags small,
.mscx-unified-detail .mscx-special-climate .mscx-special-flags small{color:#c7dbea !important}
.mscx-detail .mscx-special-climate .mscx-special-flags b,
.mscx-unified-detail .mscx-special-climate .mscx-special-flags b{color:#ff8b78 !important}

.mscx-detail .mscx-longyear-focus,
.mscx-unified-detail .mscx-longyear-focus{
  background:linear-gradient(145deg,#0b3765 0%,#0a2b50 100%) !important;
  border:1px solid #2f6fa6 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.mscx-detail .mscx-longyear-title,
.mscx-unified-detail .mscx-longyear-title{color:#fff !important}
.mscx-detail .mscx-longyear-title b,
.mscx-unified-detail .mscx-longyear-title b{color:#ffd04d !important;text-transform:uppercase;letter-spacing:.015em}
.mscx-detail .mscx-longyear-title small,
.mscx-unified-detail .mscx-longyear-title small{color:#d6e8f7 !important;font-size:.9rem}
.mscx-detail .mscx-longyear-intro,
.mscx-unified-detail .mscx-longyear-intro{color:#eef7ff !important}
.mscx-longyear-route-pills{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 12px}
.mscx-detail .mscx-longyear-route-pills span,
.mscx-unified-detail .mscx-longyear-route-pills span{
  display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border-radius:999px;
  background:#0c2948;border:1px solid #3777a8;color:#dff1ff !important;font-size:.74rem;font-weight:850
}
.mscx-longyear-zones{grid-template-columns:1fr !important;gap:8px}
.mscx-detail .mscx-longyear-zones>div,
.mscx-unified-detail .mscx-longyear-zones>div{
  background:#0d2947 !important;border:1px solid #2e618d !important;color:#fff !important;
}
.mscx-longyear-zone{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:flex-start}
.mscx-longyear-step{display:grid!important;place-items:center;width:30px;height:30px;border-radius:50%;background:#2389d1;color:#fff!important;font-weight:900;font-size:.78rem;box-shadow:0 0 0 3px rgba(35,137,209,.13)}
.mscx-detail .mscx-longyear-zones b,
.mscx-unified-detail .mscx-longyear-zones b{color:#56b9ff !important;font-size:.85rem}
.mscx-detail .mscx-longyear-zones span:not(.mscx-longyear-step),
.mscx-unified-detail .mscx-longyear-zones span:not(.mscx-longyear-step){color:#d6e5f1 !important;font-size:.8rem}

.mscx-detail .mscx-special-detail,
.mscx-unified-detail .mscx-special-detail{
  background:#0b2947 !important;border:1px solid #2a5c86 !important;color:#eef7ff !important
}
.mscx-detail .mscx-special-detail summary,
.mscx-unified-detail .mscx-special-detail summary{color:#e9f5ff !important;background:#0e3459}
.mscx-detail .mscx-special-detail summary:after,
.mscx-unified-detail .mscx-special-detail summary:after{color:#71c9ff !important}
.mscx-detail .mscx-longyear-cards article,
.mscx-unified-detail .mscx-longyear-cards article,
.mscx-detail .mscx-longyear-condition-list article,
.mscx-unified-detail .mscx-longyear-condition-list article{
  background:#102f50 !important;border:1px solid #2b587e !important;color:#fff !important
}
.mscx-detail .mscx-longyear-cards b,
.mscx-unified-detail .mscx-longyear-cards b,
.mscx-detail .mscx-longyear-condition-list b,
.mscx-unified-detail .mscx-longyear-condition-list b{color:#68c2ff !important}
.mscx-detail .mscx-longyear-cards strong,
.mscx-unified-detail .mscx-longyear-cards strong{color:#eaf5ff !important;font-weight:650}
.mscx-detail .mscx-longyear-condition-list p,
.mscx-unified-detail .mscx-longyear-condition-list p{color:#d6e5f1 !important}
.mscx-detail .mscx-longyear-condition-list span,
.mscx-unified-detail .mscx-longyear-condition-list span{
  background:#0a2340 !important;border:1px solid #316b98;color:#ffc247 !important
}
.mscx-detail .mscx-special-pills span,
.mscx-unified-detail .mscx-special-pills span{
  background:#0d3459 !important;border:1px solid #3975a2 !important;color:#e6f5ff !important
}
.mscx-detail .mscx-longyear-detail li,
.mscx-unified-detail .mscx-longyear-detail li{color:#dbeaf5 !important}
.mscx-detail .mscx-longyear-final,
.mscx-unified-detail .mscx-longyear-final{
  background:linear-gradient(145deg,#103b35,#123329) !important;border:1px solid #347961 !important;color:#effff7 !important
}
.mscx-detail .mscx-longyear-final b,
.mscx-unified-detail .mscx-longyear-final b{color:#79e4a7 !important}
.mscx-detail .mscx-longyear-final p,
.mscx-unified-detail .mscx-longyear-final p{color:#effff7 !important}
.mscx-detail .mscx-special-note,
.mscx-unified-detail .mscx-special-note{color:#a9bfd0 !important}

@media(max-width:520px){
  .mscx-detail .mscx-special-climate,.mscx-unified-detail .mscx-special-climate{padding:13px !important}
  .mscx-special-stat-grid{gap:7px}
  .mscx-detail .mscx-special-climate .mscx-special-stat,
  .mscx-unified-detail .mscx-special-climate .mscx-special-stat{padding:9px !important;min-height:82px}
  .mscx-detail .mscx-special-climate .mscx-special-stat span,
  .mscx-unified-detail .mscx-special-climate .mscx-special-stat span{font-size:.72rem}
  .mscx-detail .mscx-special-climate .mscx-special-stat b,
  .mscx-unified-detail .mscx-special-climate .mscx-special-stat b{font-size:.82rem !important;line-height:1.3}
  .mscx-special-flags{gap:7px}
  .mscx-detail .mscx-special-climate .mscx-special-flags span,
  .mscx-unified-detail .mscx-special-climate .mscx-special-flags span{padding:8px;min-height:70px}
  .mscx-longyear-focus{padding:12px !important}
  .mscx-longyear-zone{grid-template-columns:32px 1fr}
}

/* build v6.1.6 */


/* v6.1.8 · Longyearbyen · ficha real de la excursión MS Bard */
.mscx-excursion-selected-section{overflow:hidden}
.mscx-excursion-feature{margin-top:14px;padding:18px;border-radius:24px;background:linear-gradient(145deg,#083a68 0%,#062a4d 55%,#051f39 100%);border:1px solid #2f78ad;box-shadow:0 16px 36px rgba(3,27,49,.18);color:#f6fbff}
.mscx-excursion-feature h4{margin:.4rem 0 .65rem;font-size:clamp(1.28rem,5.5vw,1.75rem);line-height:1.14;color:#fff}
.mscx-excursion-lead{margin:0;color:#e8f3fb;line-height:1.55;font-weight:650}
.mscx-excursion-selected-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;background:#0e9b70;color:#fff;font-weight:900;font-size:.82rem;letter-spacing:.02em}
.mscx-excursion-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.mscx-excursion-facts>div{min-width:0;padding:12px;border:1px solid rgba(123,193,241,.42);border-radius:16px;background:rgba(255,255,255,.07)}
.mscx-excursion-facts span{font-size:1.28rem;display:block;margin-bottom:4px}.mscx-excursion-facts small{display:block;color:#b9d6e9;font-weight:800}.mscx-excursion-facts b{display:block;margin-top:2px;color:#fff;line-height:1.25}
.mscx-excursion-route{margin:16px 0 12px;display:grid;gap:10px}
.mscx-excursion-route-step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:12px;border-radius:16px;background:#f6fbff;color:#153b57;border:1px solid #b8d8ec}
.mscx-excursion-route-step>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0e83c6;color:#fff;font-weight:950}
.mscx-excursion-route-step b{font-size:1.02rem;color:#0c4d78}.mscx-excursion-route-step p{margin:.28rem 0 0;line-height:1.45;color:#365d74;font-weight:650}
.mscx-excursion-detail{margin-top:10px;border:1px solid rgba(123,193,241,.45);border-radius:16px;background:rgba(255,255,255,.07);overflow:hidden}
.mscx-excursion-detail summary{padding:13px 14px;cursor:pointer;list-style:none;font-weight:900;color:#fff;line-height:1.3}.mscx-excursion-detail summary::-webkit-details-marker{display:none}.mscx-excursion-detail summary:after{content:'＋';float:right;color:#7fd2ff}.mscx-excursion-detail[open] summary:after{content:'−'}
.mscx-excursion-detail-body{padding:0 14px 14px;color:#e9f4fb}.mscx-excursion-detail-body p{margin:.4rem 0 .75rem;line-height:1.55}.mscx-excursion-detail-body b{color:#fff}
.mscx-excursion-detail-body .mscx-pill{background:#0b5586;color:#f8fcff;border-color:#438fc0}
.mscx-excursion-callout{display:grid;gap:4px;padding:12px 13px;margin-top:10px;border-radius:14px;background:#f2f9fd;color:#143f5d;border:1px solid #a9d2eb}.mscx-excursion-callout b{color:#0a5687}.mscx-excursion-callout span{line-height:1.45;font-weight:700}
.mscx-excursion-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.mscx-excursion-links .mscx-info{margin:0;text-decoration:none}
.mscx-excursion-feature .mscx-unified-source{color:#b9d6e9;border-top:1px solid rgba(151,208,241,.28);padding-top:12px;margin-top:15px}
.mscx-other-excursions-title{margin:22px 0 10px;font-size:1.04rem;font-weight:950;color:#0c4d78;text-transform:uppercase;letter-spacing:.06em}
@media (max-width:520px){.mscx-excursion-feature{padding:14px;border-radius:20px}.mscx-excursion-facts{grid-template-columns:1fr 1fr}.mscx-excursion-facts b{font-size:.9rem}.mscx-excursion-route-step{grid-template-columns:34px minmax(0,1fr);padding:10px}.mscx-excursion-detail summary{font-size:.95rem}.mscx-excursion-links{display:grid;grid-template-columns:1fr 1fr}.mscx-excursion-links .mscx-info{text-align:center;padding:.7rem .45rem}}
@media (max-width:365px){.mscx-excursion-facts,.mscx-excursion-links{grid-template-columns:1fr}}


/* v6.1.9 · Longyearbyen · ficha extensa plegable + contraste sin tarjetas blancas */
.mscx-excursion-master{margin-top:14px;border:1px solid #2f78ad;border-radius:22px;background:#082d4f;overflow:hidden;box-shadow:0 12px 28px rgba(3,27,49,.16)}
.mscx-excursion-master>summary{list-style:none;cursor:pointer;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(145deg,#0d4777,#0a3158);color:#fff}
.mscx-excursion-master>summary::-webkit-details-marker{display:none}
.mscx-excursion-master>summary span{display:grid;gap:4px;min-width:0}
.mscx-excursion-master>summary b{color:#fff;font-size:1.02rem;line-height:1.25}
.mscx-excursion-master>summary small{color:#cfe6f6;font-size:.78rem;line-height:1.3;font-weight:750}
.mscx-excursion-master>summary:after{content:'＋';flex:0 0 auto;color:#7fd2ff;font-size:1.35rem;font-weight:900}
.mscx-excursion-master[open]>summary:after{content:'−'}
.mscx-excursion-master .mscx-excursion-feature{margin:0;border:0;border-top:1px solid #2f78ad;border-radius:0;box-shadow:none}
.mscx-excursion-feature .mscx-excursion-route-step{background:#0d3558!important;border-color:#3979a6!important;color:#eef8ff!important}
.mscx-excursion-feature .mscx-excursion-route-step b{color:#70c8ff!important}
.mscx-excursion-feature .mscx-excursion-route-step p{color:#e3f1fa!important}
.mscx-excursion-feature .mscx-excursion-callout{background:#0d3558!important;border-color:#3979a6!important;color:#eef8ff!important}
.mscx-excursion-feature .mscx-excursion-callout b{color:#79d3ff!important}
.mscx-excursion-feature .mscx-excursion-callout span{color:#eef8ff!important}
@media (max-width:520px){.mscx-excursion-master{border-radius:18px}.mscx-excursion-master>summary{padding:14px}.mscx-excursion-master>summary b{font-size:.96rem}.mscx-excursion-master>summary small{font-size:.72rem}}

/* v6.1.10 · Bergen premium climate/excursion: reuses proven Longyearbyen high-contrast cards. */
#portDetail .mscx-excursion-selected-section .mscx-excursion-master>summary small{display:block;margin-top:4px;line-height:1.35}
#portDetail .mscx-excursion-selected-section .mscx-excursion-route-step p{margin-top:5px}
#portDetail .mscx-longyear-special .mscx-longyear-route-pills{align-items:flex-start}

/* v6.1.11 · Molde premium climate/excursion: Atlantic Road + Eldhusøya + Bud. */
#portDetail .mscx-excursion-selected-section .mscx-excursion-master>summary small{display:block;margin-top:4px;line-height:1.35}
#portDetail .mscx-excursion-selected-section .mscx-excursion-route-step p{margin-top:5px}
#portDetail .mscx-longyear-special .mscx-longyear-route-pills{align-items:flex-start}

/* v6.1.12 · Cabo Norte premium climate/excursion. */
#portDetail .mscx-excursion-selected-section .mscx-excursion-master>summary small{display:block;margin-top:4px;line-height:1.35}
#portDetail .mscx-excursion-selected-section .mscx-excursion-route-step p{margin-top:5px}
#portDetail .mscx-longyear-special .mscx-longyear-route-pills{align-items:flex-start}
#portDetail .mscx-excursion-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#portDetail .mscx-excursion-links a{display:inline-flex;padding:8px 11px;border-radius:999px;background:#0c527e;color:#fff;text-decoration:none;font-weight:800;border:1px solid #4ba3d6}

/* v6.1.15 · Stavanger / Lysefjord premium climate & reserved excursion. */
#portDetail .mscx-longyear-special .mscx-longyear-route-pills{align-items:flex-start}
#portDetail .mscx-longyear-special .mscx-longyear-zone b{line-height:1.25}
#portDetail .mscx-longyear-special .mscx-longyear-condition-list article p{line-height:1.48}


/* v7.0.1 — WiKMSC. Tres galletas de acción en una sola línea. */
.mscx-wikmsc{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:5px 7px 0 0;padding:8px 10px;border-radius:10px;background:#e8f0ff;color:#173f78;text-decoration:none;font-weight:850;border:1px solid #c8d9f3;vertical-align:middle}
.mscx-wikmsc:hover,.mscx-wikmsc:focus-visible{background:#dbe9ff;text-decoration:none}
.mscx-detail .mscx-wikmsc,.mscx-unified-detail .mscx-wikmsc{min-height:44px}
.mscx-excursion-links .mscx-wikmsc{margin:0;text-align:center}
@media (max-width:520px){.mscx-gmap,.mscx-info,.mscx-wikmsc{min-height:44px}.mscx-wikmsc{padding:.7rem .55rem}.mscx-excursion-links .mscx-wikmsc{width:100%}}


/* v7.0.1 · Google Maps + Información + WiKMSC: una fila compacta y táctil. */
.mscx-action-row{display:flex;flex-wrap:nowrap;align-items:stretch;gap:5px;width:100%;margin-top:7px}
.mscx-action-row>.mscx-gmap,.mscx-action-row>.mscx-info,.mscx-action-row>.mscx-wikmsc{display:inline-flex;flex:1 1 0;min-width:0;min-height:44px;margin:0!important;padding:8px 5px!important;align-items:center;justify-content:center;text-align:center;white-space:nowrap;font-size:12px;line-height:1.05;border-radius:10px}
@media (max-width:390px){.mscx-action-row{gap:4px}.mscx-action-row>.mscx-gmap,.mscx-action-row>.mscx-info,.mscx-action-row>.mscx-wikmsc{padding-left:3px!important;padding-right:3px!important;font-size:11.5px;letter-spacing:-.1px}}
@media (max-width:350px){.mscx-action-row{gap:3px}.mscx-action-row>.mscx-gmap,.mscx-action-row>.mscx-info,.mscx-action-row>.mscx-wikmsc{font-size:11px}}

/* v7.0.2 — Google Maps, Información y WiKMSC con el mismo azul. */
.mscx-gmap,
.mscx-info,
.mscx-wikmsc,
.mscx-detail .mscx-gmap,
.mscx-unified-detail .mscx-gmap,
.mscx-detail .mscx-info,
.mscx-unified-detail .mscx-info,
.mscx-detail .mscx-wikmsc,
.mscx-unified-detail .mscx-wikmsc,
.mscx-action-row > .mscx-gmap,
.mscx-action-row > .mscx-info,
.mscx-action-row > .mscx-wikmsc{
  background:linear-gradient(180deg,var(--mscx-pill-top),var(--mscx-pill-bottom)) !important;
  color:var(--mscx-pill-text) !important;
  border:1px solid var(--mscx-pill-border) !important;
  font-weight:var(--mscx-pill-weight) !important;
  box-shadow:none !important;
}
.mscx-gmap *,
.mscx-info *,
.mscx-wikmsc *,
.mscx-action-row > .mscx-gmap *,
.mscx-action-row > .mscx-info *,
.mscx-action-row > .mscx-wikmsc *{
  color:var(--mscx-pill-text) !important;
  font-weight:var(--mscx-pill-weight) !important;
}
.mscx-wikmsc:hover,
.mscx-wikmsc:focus-visible,
.mscx-gmap:hover,
.mscx-gmap:focus-visible,
.mscx-info:hover,
.mscx-info:focus-visible{
  background:linear-gradient(180deg,var(--mscx-pill-top),var(--mscx-pill-bottom)) !important;
  color:var(--mscx-pill-text) !important;
  border:1px solid var(--mscx-pill-border) !important;
  text-decoration:none !important;
}


/* =========================================================
   MSCxplorer v7.0.25 · Auditoría visual iPhone
   Correcciones de coherencia sin rediseño general.
   ========================================================= */
/* Favoritos reutiliza las mismas tarjetas de Cruceros: conserva las 4 galletas en una sola fila. */
#favorites .cruise .cruise-card-actions{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:6px !important;
  margin-top:14px !important;
  align-items:stretch !important;
}
#favorites .cruise .cruise-card-actions .btn{
  width:100% !important;
  min-width:0 !important;
  min-height:44px !important;
  padding:8px 5px !important;
  border-radius:12px !important;
  font-size:12.5px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
/* Las escalas desplegadas conservan el mismo acabado que en la lista principal. */
#favorites .cruise .card-port-chips{
  margin-top:12px !important;
  margin-bottom:0 !important;
  padding-top:10px !important;
  border-top:1px solid rgba(159,216,255,.28) !important;
}
#favorites .cruise .card-port-chips[hidden]{display:none !important}
/* El estado de Comparador debe verse igual en Cruceros y Favoritos. */
#favorites .cruise.compare-selected{
  border-color:#c7a85a !important;
  box-shadow:0 0 0 2px rgba(199,168,90,.22),0 8px 22px rgba(0,0,0,.12) !important;
}
#favorites .cruise .btn.compare-added{
  background:linear-gradient(180deg,var(--mscx-pill-top),var(--mscx-pill-bottom)) !important;
  color:var(--mscx-pill-text) !important;
  border:2px solid var(--mscx-pill-active) !important;
  box-shadow:0 0 0 2px rgba(212,180,91,.24) !important;
}
/* En Cruceros se conserva la misma fila, elevando el objetivo táctil a 44 px. */
#cruises .cruise .cruise-card-actions .btn{min-height:44px !important}
@media (max-width:430px){
  #favorites .cruise .cruise-card-actions{gap:5px !important}
  #favorites .cruise .cruise-card-actions .btn{font-size:11.5px !important;padding:8px 3px !important}
}
/* Objetivos táctiles mínimos consistentes en iPhone para controles interactivos heredados. */
@media (max-width:560px){
  .btn.small,
  .ship-date-chip,
  .ranking-date-chip,
  .ship-ranking-tab,
  .catalog-port-name-pill,
  #ships .ship-sailings-badge{
    min-height:44px !important;
  }
  .compare-remove{width:44px !important;height:44px !important}
  .ship-dates-disclosure > summary,
  .go-msc-card-status .go-msc-pill{min-height:44px !important}
  #cruises .cruise .cruise-card-go-msc .go-msc-pill,
  #favorites .cruise .cruise-card-go-msc .go-msc-pill{
    min-height:44px !important;
  }
}


/* =========================================================
   MSCxplorer v7.0.25 · Corrección precisa Flota en iPhone
   En móvil las tarjetas pasan de 15 px a 13 px de padding,
   pero ship-media conservaba el margen negativo de -15 px.
   Eso hacía sobresalir la cabecera fotográfica 2 px por lado.
   Se corrige solo esa discrepancia; no cambia tamaño, zoom,
   proporción ni object-fit de las imágenes de los barcos.
   ========================================================= */
@media (max-width:560px){
  #ships .ship-fleet-card{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  #ships .ship-media{
    margin:-13px -13px 12px !important;
    border-radius:13px 13px 11px 11px !important;
  }
}

/* =========================================================
   Windows MSCxPlorer v1.0.0 · base funcional MSCxplorer v7.0.25
   Capa de escritorio conservadora.
   Solo actúa en pantallas amplias; móvil/iPhone permanece intacto.
   ========================================================= */
@media (min-width:1100px){
  .head-inner,
  main{max-width:1540px}

  .app-header{padding:22px 28px 20px}
  .app-header h1{font-size:42px}
  .app-header p{font-size:15px}

  .tabs{
    justify-content:center;
    overflow-x:visible;
    gap:9px;
    padding:11px 24px;
  }
  .tabs button{
    min-height:42px;
    padding:9px 16px;
  }

  main{padding:22px 26px 30px}
  .card{padding:18px;margin-bottom:14px}

  /* Inicio: aprovechar la anchura sin alterar su estructura. */
  .home-hero{min-height:360px}
  .home-hero-content{padding:30px 34px;gap:16px}
  .home-hero-content h2{font-size:44px;max-width:14ch}
  .home-hero-content p{font-size:17px;max-width:72ch}
  .home-quick{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-highlights,.home-top-routes{grid-template-columns:repeat(3,minmax(0,1fr))}

  /* Cruceros y Favoritos: dos tarjetas cómodas por fila. */
  #cruiseList,
  #favoriteList{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    align-items:start;
  }
  #cruiseList>.card,
  #favoriteList>.card{margin-bottom:0;height:100%}
  #cruiseList .cruise-card-actions,
  #favoriteList .cruise-card-actions{margin-top:auto}

  /* Catálogos: más información visible sin tarjetas estrechas. */
  .ship-grid,
  .catalog-grid,
  .region-grid,
  .wwii-grid{
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:14px;
  }

  .filters{grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px}
  .toolbar{align-items:center}

  /* Paneles de detalle: anchura amplia pero legible. */
  #cruiseDetail,
  #shipSailingsDetail,
  #portDetail{max-width:1380px;margin-left:auto;margin-right:auto}

  .compare-wrap table{min-width:0}
}

@media (min-width:1500px){
  .head-inner,
  main{max-width:1680px}
  #cruiseDetail,
  #shipSailingsDetail,
  #portDetail{max-width:1460px}
  .ship-grid,
  .catalog-grid,
  .region-grid,
  .wwii-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
}

@media (hover:hover) and (pointer:fine){
  .tabs button,
  .btn,
  .home-quick-card,
  .port-chip,
  .ship-date-chip,
  .ranking-date-chip{transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}
  .tabs button:hover,
  .btn:hover,
  .port-chip:hover,
  .ship-date-chip:hover,
  .ranking-date-chip:hover{filter:brightness(.97)}
  .home-quick-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(7,26,43,.12)}
}