: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,.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,.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,.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,
#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,
#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,
#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;
}

/* 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,
#ranking .btn.secondary,
#compare .btn.secondary {
  background:#dfeaf3 !important;
  color:#153a5a !important;
  border:1px solid #b8d2e6 !important;
}

/* Estados vacíos */
#cruises .empty,
#ships .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,
#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;
  }
}

/* v7.0.26 · Mi crucero · Fase 1 */
#homeMyCruise{margin:0 0 12px}
.my-cruise-card{position:relative;overflow:hidden;border:2px solid #c7a85a;background:linear-gradient(145deg,#071f38 0%,#0a3157 56%,#0c3d69 100%);color:#fff;box-shadow:0 10px 28px rgba(5,30,53,.20)}
.my-cruise-card .eyebrow{background:#f5f8fb;color:#075c96;border:1px solid #c7a85a}
.my-cruise-card h2,.my-cruise-card h3{color:#fff;margin-top:0}
.my-cruise-card h2{margin-bottom:5px}
.my-cruise-card h3{margin:16px 0 8px;font-size:16px}
.my-cruise-card p{color:#edf5fb}
.my-cruise-empty p{max-width:58ch;margin:4px 0 16px}
.my-cruise-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.my-cruise-departure{margin:0;font-weight:750}
.my-cruise-countdown{display:inline-flex;align-items:center;justify-content:center;max-width:190px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(212,180,91,.72);color:#fff6da;font-size:13px;font-weight:900;text-align:center}
.my-cruise-summary{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 2px}
.my-cruise-summary span{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.17);font-size:13px;font-weight:850}
.my-cruise-route{margin:0 0 12px;line-height:1.55;font-weight:700}
.my-cruise-stops{margin-top:4px}
.my-cruise-card .port-chip{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.28);color:#fff}
.my-cruise-card .port-chip.ready{background:#e6f3ff;border-color:#8cc2ec;color:#064b85;font-weight:850}
.my-cruise-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.my-cruise-card .btn{background:linear-gradient(180deg,#0a70bd,#075a9b);border:1px solid #d0ae58}
.my-cruise-card .btn.secondary{background:rgba(255,255,255,.09);color:#fff;border:1px solid rgba(212,180,91,.72)}
#cruises .detail-head .my-cruise-active-btn{background:#e7f3ed;color:#17613d;border:1px solid #9bc9b2;opacity:1}
#cruises .detail-head .my-cruise-active-btn:disabled{cursor:default}
@media (max-width:720px){
  .my-cruise-head{display:block}
  .my-cruise-countdown{margin-top:12px;max-width:100%}
  .my-cruise-actions{display:grid;grid-template-columns:1fr}
  .my-cruise-actions .btn{width:100%}
  #cruises .detail-head{align-items:stretch;flex-wrap:wrap}
  #cruises .detail-head>[data-action="set-my-cruise"]{flex:1 1 180px}
}


/* v7.0.27 · Mi crucero · Fase 2 · Mis excursiones */
.my-cruise-excursions{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}
.my-cruise-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}
.my-cruise-section-title>span{font-size:16px;font-weight:950;color:#fff}
.my-cruise-section-title>small{color:#cfe2ef;font-weight:800;text-align:right}
.my-cruise-excursion-list{display:grid;gap:10px}
.my-cruise-excursion{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.075);border:1px solid rgba(212,180,91,.38)}
.my-cruise-excursion-copy{min-width:0}
.my-cruise-excursion-copy>b{display:block;color:#fff;font-size:15px;margin-bottom:5px}
.my-cruise-excursion-selected{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:#e9f5ed;color:#17613d;font-size:11px;font-weight:950}
.my-cruise-excursion-copy p{margin:7px 0 0;line-height:1.42;font-weight:700;color:#eaf4fb}
.my-cruise-excursion-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.my-cruise-excursion-actions .btn{white-space:nowrap;margin:0;text-decoration:none}
.my-cruise-excursion-map{display:inline-flex;align-items:center;justify-content:center}
.mscx-my-cruise-focus{outline:3px solid rgba(212,180,91,.92);outline-offset:4px;transition:outline-color .5s ease}
@media (max-width:720px){
 .my-cruise-section-title{display:block}.my-cruise-section-title>small{display:block;margin-top:4px;text-align:left}
 .my-cruise-excursion{grid-template-columns:1fr;gap:10px}
 .my-cruise-excursion-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}
 .my-cruise-excursion-actions .btn{width:100%;min-height:44px}
}
@media (max-width:365px){.my-cruise-excursion-actions{grid-template-columns:1fr}}

/* v7.0.28 · Mi crucero: estado visible y persistencia reforzada */
.my-cruise-list-active{border-color:#c7a85a!important;box-shadow:0 0 0 1px rgba(199,168,90,.35),0 8px 22px rgba(5,30,53,.08)}
.my-cruise-list-badge{display:inline-flex;align-items:center;margin:8px 0 2px;padding:5px 9px;border-radius:999px;background:#e7f3ed;color:#17613d;border:1px solid #9bc9b2;font-size:12px;font-weight:950}


/* v7.0.29 · Mi crucero Fase 3A: clima del viaje */
.my-cruise-weather{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}
.my-cruise-weather-list{display:grid;gap:10px}
.my-cruise-weather-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 14px;border-radius:16px;background:rgba(4,25,45,.22);border:1px solid rgba(132,194,236,.34)}
.my-cruise-weather-copy{min-width:0}
.my-cruise-weather-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.my-cruise-weather-head b{color:#fff;font-size:15px}
.my-cruise-weather-head span{flex:0 0 auto;color:#cfe2ef;font-size:12px;font-weight:900;text-transform:capitalize}
.my-cruise-weather-temp{margin-top:6px;color:#fff6da;font-size:14px;font-weight:950}
.my-cruise-weather-copy p{margin:6px 0 7px;line-height:1.42;font-size:13px;font-weight:700;color:#eaf4fb}
.my-cruise-weather-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:#e6f3ff;color:#064b85;border:1px solid #8cc2ec;font-size:10px;font-weight:950}
.my-cruise-weather-badge.general{background:rgba(255,255,255,.09);color:#eaf4fb;border-color:rgba(255,255,255,.25)}
.my-cruise-weather-row>.btn{white-space:nowrap;margin:0}
.my-cruise-weather-note{margin:10px 0 0!important;color:#cfe2ef!important;font-size:11px!important;line-height:1.4;font-weight:700!important}
@media (max-width:620px){
 .my-cruise-weather-row{grid-template-columns:1fr;gap:10px}
 .my-cruise-weather-row>.btn{width:100%;min-height:44px}
}
@media (max-width:365px){.my-cruise-weather-head{align-items:flex-start;flex-direction:column;gap:3px}}


/* =========================================================
   MSCxplorer v7.0.30 · Corrección navegación superior iPhone
   - Las galletas no se comprimen ni solapan.
   - La barra conserva una sola línea y se desplaza horizontalmente.
   ========================================================= */
.tabs{
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  max-width:100%;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x pan-y;
  scroll-padding-inline:12px;
}
.tabs button{
  flex:0 0 auto !important;
  width:max-content;
  min-width:max-content;
  max-width:none;
  overflow:visible;
  text-overflow:clip;
}
@media (max-width:560px){
  .tabs{gap:7px;padding:9px 10px;scroll-padding-inline:10px}
  .tabs button{min-height:44px;padding:10px 14px;line-height:1.05}
}

/* v7.0.31 · Mi crucero Fase 3B: próxima escala */
.my-cruise-next{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}
.my-cruise-next-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px;border-radius:18px;background:linear-gradient(135deg,rgba(13,91,142,.36),rgba(4,25,45,.25));border:1px solid rgba(212,180,91,.5)}
.my-cruise-next-card.today{box-shadow:inset 0 0 0 1px rgba(212,180,91,.25)}
.my-cruise-next-copy{min-width:0}.my-cruise-next-kicker{display:inline-flex;padding:3px 8px;border-radius:999px;background:#fff3c8;color:#755400;font-size:10px;font-weight:950;letter-spacing:.04em}
.my-cruise-next-copy h3{margin:7px 0 3px;color:#fff;font-size:22px}.my-cruise-next-copy p{margin:5px 0;color:#eaf4fb;line-height:1.4;font-weight:700}
.my-cruise-next-date{color:#fff6da!important}.my-cruise-next-excursion{font-size:13px}.my-cruise-next-weather{font-size:12px;color:#cfe2ef!important}
.my-cruise-next-actions{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:7px}.my-cruise-next-actions .btn{margin:0;min-height:42px;white-space:nowrap;text-decoration:none;display:flex;align-items:center;justify-content:center}
.my-cruise-next-card.finished{grid-template-columns:minmax(0,1fr) auto;background:rgba(255,255,255,.07)}
@media(max-width:700px){.my-cruise-next-card,.my-cruise-next-card.finished{grid-template-columns:1fr}.my-cruise-next-actions{grid-template-columns:1fr 1fr}.my-cruise-next-card.finished>.btn{width:100%}}
@media(max-width:365px){.my-cruise-next-actions{grid-template-columns:1fr}}


/* v7.0.32 · Mi crucero Fase 4: viaje sin conexión */
.my-cruise-offline{margin-top:18px}
.my-cruise-offline-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border:1px solid rgba(28,110,171,.26);border-radius:16px;background:linear-gradient(135deg,rgba(13,65,103,.08),rgba(255,255,255,.94))}
.my-cruise-offline-card.ready{border-color:rgba(194,153,55,.42);background:linear-gradient(135deg,rgba(194,153,55,.10),rgba(255,255,255,.96))}
.my-cruise-offline-copy{min-width:0;display:grid;gap:5px}
.my-cruise-offline-copy>b{font-size:15px;color:#0b3554}
.my-cruise-offline-copy p{margin:0;color:#36546a;line-height:1.45;font-size:14px}
.my-cruise-offline-copy small{color:#657b8b;line-height:1.35}
.my-cruise-offline-note{margin:8px 2px 0;color:#718392;font-size:12px;line-height:1.4}
@media (max-width:640px){.my-cruise-offline-card{align-items:stretch;flex-direction:column}.my-cruise-offline-card .btn{width:100%;justify-content:center}}


/* =========================================================
   MSCxplorer v7.0.33 · Navegación superior iPhone reforzada
   - Anchura natural estable.
   - Respeta safe areas.
   - Evita desplazamientos laterales innecesarios.
   ========================================================= */
.tabs{
  width:100% !important;
  max-width:100vw !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding-left:max(10px, env(safe-area-inset-left)) !important;
  padding-right:max(10px, env(safe-area-inset-right)) !important;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  scroll-behavior:auto !important;
}
.tabs::-webkit-scrollbar{display:none}
.tabs button{
  flex:none !important;
  flex-shrink:0 !important;
  width:auto !important;
  min-width:fit-content !important;
  max-width:none !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
@media(max-width:560px){
  .tabs{
    gap:7px !important;
    padding-top:9px !important;
    padding-bottom:9px !important;
  }
  .tabs button{
    min-height:44px !important;
    padding:10px 14px !important;
    line-height:1.05 !important;
  }
}


/* =========================================================
   MSCxplorer v7.0.34 · Mi crucero Fase 5: accesos rápidos
   ========================================================= */
.my-cruise-quick{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}
.my-cruise-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.my-cruise-quick-btn{
  min-width:0;min-height:54px;border-radius:14px;padding:9px 10px;
  border:1px solid rgba(212,180,91,.48);
  background:rgba(255,255,255,.09);color:#fff;
  display:flex;align-items:center;justify-content:center;gap:8px;
  font:inherit;font-size:13px;font-weight:900;text-align:center;
}
.my-cruise-quick-btn>span{font-size:18px;line-height:1}
.my-cruise-quick-btn:active{transform:translateY(1px);background:rgba(255,255,255,.15)}
.my-cruise-route-section{margin-top:18px}
[data-my-cruise-target]{scroll-margin-top:76px}
@media(max-width:560px){
  .my-cruise-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .my-cruise-quick-btn{min-height:50px}
}
@media(max-width:350px){
  .my-cruise-quick-grid{grid-template-columns:1fr}
}


/* =========================================================
   MSCxplorer v7.0.37 · Consolidación iPhone
   Auditoría profunda: safe area inferior + escalas táctiles.
   NO modifica la navegación superior validada en v7.0.33.
   ========================================================= */
main{
  padding-bottom:calc(14px + env(safe-area-inset-bottom)) !important;
}
@media(max-width:560px){
  main{
    padding-bottom:calc(10px + env(safe-area-inset-bottom)) !important;
  }
  button.port-chip{
    min-height:44px !important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
}


/* =========================================================
   MSCxplorer v7.0.39 · Mi crucero Fase 6: Mis cruceros
   ========================================================= */
.my-cruises-library{margin-top:18px;border-top:1px solid rgba(255,255,255,.16);padding-top:14px}
.my-cruises-library>summary{
  min-height:48px;padding:10px 12px;border-radius:14px;
  background:rgba(255,255,255,.09);border:1px solid rgba(212,180,91,.42);
  color:#fff;font-weight:950;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;
  list-style:none
}
.my-cruises-library>summary::-webkit-details-marker{display:none}
.my-cruises-library>summary small{color:#d8e7f2;font-size:12px;font-weight:850}
.my-cruises-library[open]>summary{margin-bottom:10px}
.my-cruises-library-list{display:grid;gap:9px}
.my-cruises-library-card{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;
  padding:12px;border-radius:15px;background:rgba(4,25,45,.22);border:1px solid rgba(132,194,236,.28)
}
.my-cruises-library-card.active{border-color:rgba(212,180,91,.78);box-shadow:inset 0 0 0 1px rgba(212,180,91,.18)}
.my-cruises-library-copy{min-width:0}
.my-cruises-library-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.my-cruises-library-top b{color:#fff;font-size:14px}
.my-cruises-library-copy p{margin:5px 0 2px!important;color:#edf6fb!important;font-size:13px!important;font-weight:800!important}
.my-cruises-library-copy small{color:#cfe0ec;font-size:11px;font-weight:700}
.my-cruises-library-status{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.1);color:#dcebf5;font-size:10px;font-weight:950}
.my-cruises-library-status.active{background:#fff3c8;color:#6d5100}
.my-cruises-library-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.my-cruises-library-actions .btn{margin:0}
.my-cruise-remove{opacity:.88}
.my-cruises-library-footer{margin-top:10px}
.my-cruises-library-empty{padding:12px 2px 2px}
.my-cruises-library-empty p{margin:0 0 10px!important;color:#d7e8f3!important;font-size:13px!important}
.my-cruise-detail-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.my-cruise-list-badge.saved{background:#eef4fa;color:#315a79;border-color:#bfd0dd}
@media(max-width:680px){
  .my-cruises-library-card{grid-template-columns:1fr}
  .my-cruises-library-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}
  .my-cruises-library-actions .btn{width:100%;min-height:44px}
  .my-cruises-library-actions .my-cruise-remove:last-child:nth-child(3){grid-column:1/-1}
  .my-cruise-detail-actions{width:100%;display:grid;grid-template-columns:1fr}
  .my-cruise-detail-actions .btn{width:100%;min-height:44px}
}
@media(max-width:380px){
  .my-cruises-library-actions{grid-template-columns:1fr}
  .my-cruises-library-actions .my-cruise-remove:last-child:nth-child(3){grid-column:auto}
  .my-cruises-library-top{align-items:flex-start;flex-direction:column}
}




/* =========================================================
   MSCxplorer v7.0.42 · Mi crucero · Cronología del viaje
   Estilos encapsulados exclusivamente en #homeMyCruise.
   ========================================================= */
#homeMyCruise .my-cruise-timeline{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}
#homeMyCruise .my-cruise-timeline-note{margin:-2px 0 12px!important;color:#cfe2ef!important;font-size:12px!important;font-weight:750!important}
#homeMyCruise .my-cruise-timeline-list{position:relative;display:grid;gap:0}
#homeMyCruise .my-cruise-timeline-row{
  position:relative;width:100%;min-width:0;min-height:54px;
  display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;
  padding:7px 8px;border:0;background:transparent;color:#fff;text-align:left;font:inherit
}
#homeMyCruise button.my-cruise-timeline-row{cursor:pointer;border-radius:12px}
#homeMyCruise button.my-cruise-timeline-row:active{background:rgba(255,255,255,.08)}
#homeMyCruise .my-cruise-timeline-row:not(:last-child)::after{
  content:"";position:absolute;left:18px;top:35px;bottom:-12px;width:2px;background:rgba(207,226,239,.30)
}
#homeMyCruise .my-cruise-timeline-dot{
  position:relative;z-index:1;width:12px;height:12px;border-radius:50%;
  justify-self:center;background:#7692a7;border:2px solid rgba(255,255,255,.70)
}
#homeMyCruise .my-cruise-timeline-row.done .my-cruise-timeline-dot{background:#70b68d;border-color:#c9f1d8}
#homeMyCruise .my-cruise-timeline-row.current .my-cruise-timeline-dot{width:15px;height:15px;background:#f2cf68;border-color:#fff2bd;box-shadow:0 0 0 4px rgba(242,207,104,.16)}
#homeMyCruise .my-cruise-timeline-row.next .my-cruise-timeline-dot{background:#76b9e8;border-color:#d8f0ff}
#homeMyCruise .my-cruise-timeline-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
#homeMyCruise .my-cruise-timeline-name{font-size:14px;font-weight:900;line-height:1.25;color:#fff}
#homeMyCruise .my-cruise-timeline-copy small{font-size:11px;font-weight:800;color:#cfe2ef}
#homeMyCruise .my-cruise-timeline-status{
  padding:4px 7px;border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.04em;
  color:#0c3552;background:#dceefa;white-space:nowrap
}
#homeMyCruise .my-cruise-timeline-row.done .my-cruise-timeline-status{color:#145838;background:#dff4e7}
#homeMyCruise .my-cruise-timeline-row.current .my-cruise-timeline-status{color:#6c5000;background:#fff0b7}
@media(max-width:560px){
  #homeMyCruise .my-cruise-timeline-row{min-height:50px;padding-left:5px;padding-right:5px}
  #homeMyCruise .my-cruise-timeline-row:not(:last-child)::after{left:15px}
  #homeMyCruise .my-cruise-timeline-name{font-size:13px}
}

/* v7.0.43: navegación superior aislada en el núcleo inline de index/404. */

/* Fase 6: impedir que las nuevas acciones de ficha afecten al ancho móvil. */
#cruises .detail-head,
#cruises .detail-head .my-cruise-detail-actions{
  box-sizing:border-box;
  max-width:100%;
  min-width:0;
}
@media(max-width:720px){
  #cruises .detail-head{
    width:100%;
    overflow:hidden;
  }
  #cruises .detail-head>.my-cruise-detail-actions{
    flex:1 1 100%;
    width:100%;
    min-width:0;
    grid-template-columns:minmax(0,1fr);
  }
  #cruises .detail-head .my-cruise-detail-actions .btn{
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    min-width:0;
    white-space:normal;
  }
}


/* =========================================================
   MSCxplorer v7.0.44 · Mi crucero · Plan por escalas
   Capa de contenido aislada de la navegación superior.
   ========================================================= */
#homeMyCruise .my-cruise-plan{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}
#homeMyCruise .my-cruise-plan>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:9px 11px;border-radius:14px;background:rgba(255,255,255,.075);border:1px solid rgba(212,180,91,.36);cursor:pointer;color:#fff}
#homeMyCruise .my-cruise-plan>summary::-webkit-details-marker{display:none}
#homeMyCruise .my-cruise-plan>summary span{font-size:16px;font-weight:950}
#homeMyCruise .my-cruise-plan>summary small{color:#cfe2ef;font-size:11px;font-weight:850;text-align:right}
#homeMyCruise .my-cruise-plan[open]>summary{margin-bottom:10px;background:rgba(255,255,255,.10)}
#homeMyCruise .my-cruise-plan-list{display:grid;gap:9px}
#homeMyCruise .my-cruise-plan-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:15px;background:rgba(4,25,45,.22);border:1px solid rgba(132,194,236,.28);min-width:0}
#homeMyCruise .my-cruise-plan-row.current{border-color:rgba(242,207,104,.72);box-shadow:inset 0 0 0 1px rgba(242,207,104,.16)}
#homeMyCruise .my-cruise-plan-row.next{border-color:rgba(118,185,232,.58)}
#homeMyCruise .my-cruise-plan-row.done{opacity:.88}
#homeMyCruise .my-cruise-plan-copy{min-width:0}
#homeMyCruise .my-cruise-plan-head{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px}
#homeMyCruise .my-cruise-plan-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.20);font-size:12px;font-weight:950;color:#fff6da}
#homeMyCruise .my-cruise-plan-head b{display:block;color:#fff;font-size:14px;line-height:1.25}
#homeMyCruise .my-cruise-plan-head small{display:block;margin-top:2px;color:#cfe2ef;font-size:11px;font-weight:800}
#homeMyCruise .my-cruise-plan-status{padding:4px 7px;border-radius:999px;background:#dceefa;color:#0c3552;font-size:9px;font-weight:950;white-space:nowrap}
#homeMyCruise .my-cruise-plan-row.current .my-cruise-plan-status{background:#fff0b7;color:#6c5000}
#homeMyCruise .my-cruise-plan-row.done .my-cruise-plan-status{background:#dff4e7;color:#145838}
#homeMyCruise .my-cruise-plan-excursion,#homeMyCruise .my-cruise-plan-weather,#homeMyCruise .my-cruise-plan-muted{margin:7px 0 0!important;font-size:12px!important;line-height:1.4;font-weight:750!important;color:#eaf4fb!important}
#homeMyCruise .my-cruise-plan-weather{color:#d7eaf7!important}
#homeMyCruise .my-cruise-plan-muted{color:#aebfcb!important;font-weight:700!important}
#homeMyCruise .my-cruise-plan-actions{display:grid;grid-template-columns:repeat(2,minmax(88px,1fr));gap:6px;min-width:190px}
#homeMyCruise .my-cruise-plan-actions .btn{margin:0;min-height:40px;white-space:nowrap;text-decoration:none;display:flex;align-items:center;justify-content:center}
#homeMyCruise .my-cruise-plan-note{margin:9px 2px 0!important;color:#cfe2ef!important;font-size:11px!important;line-height:1.4;font-weight:700!important}
@media(max-width:640px){
 #homeMyCruise .my-cruise-plan>summary{align-items:flex-start;flex-direction:column;gap:3px}
 #homeMyCruise .my-cruise-plan>summary small{text-align:left}
 #homeMyCruise .my-cruise-plan-row{grid-template-columns:minmax(0,1fr)}
 #homeMyCruise .my-cruise-plan-actions{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
 #homeMyCruise .my-cruise-plan-actions .btn{width:100%;min-width:0;white-space:normal}
}
@media(max-width:365px){#homeMyCruise .my-cruise-plan-actions{grid-template-columns:minmax(0,1fr)}}


/* MSCxplorer v7.0.46 · Preparación del viaje · capa de contenido, sin tocar navegación */
#homeMyCruise .my-cruise-readiness{margin-top:16px}
#homeMyCruise .my-cruise-readiness>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:9px 11px;border-radius:14px;background:rgba(255,255,255,.075);border:1px solid rgba(212,180,91,.36);cursor:pointer;color:#fff}
#homeMyCruise .my-cruise-readiness>summary::-webkit-details-marker{display:none}
#homeMyCruise .my-cruise-readiness>summary span{font-size:16px;font-weight:950}
#homeMyCruise .my-cruise-readiness>summary small{color:#cfe2ef;font-size:11px;font-weight:850;text-align:right}
#homeMyCruise .my-cruise-readiness[open]>summary{margin-bottom:10px;background:rgba(255,255,255,.10)}
#homeMyCruise .my-cruise-readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#homeMyCruise .my-cruise-readiness-item{appearance:none;-webkit-appearance:none;width:100%;min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;border-radius:14px;border:1px solid rgba(132,194,236,.28);background:rgba(4,25,45,.22);color:#fff;text-align:left;font:inherit;cursor:pointer}
#homeMyCruise .my-cruise-readiness-item.ready{border-color:rgba(112,182,141,.58);background:rgba(31,102,68,.22)}
#homeMyCruise .my-cruise-readiness-item.partial{border-color:rgba(242,207,104,.48)}
#homeMyCruise .my-cruise-readiness-item:active{transform:translateY(1px);background:rgba(255,255,255,.09)}
#homeMyCruise .my-cruise-readiness-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.09);font-size:16px}
#homeMyCruise .my-cruise-readiness-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
#homeMyCruise .my-cruise-readiness-copy b{font-size:13px;line-height:1.2;color:#fff}
#homeMyCruise .my-cruise-readiness-copy small{font-size:10px;line-height:1.25;color:#cfe2ef;font-weight:750}
#homeMyCruise .my-cruise-readiness-value{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.1);color:#edf7ff;font-size:10px;font-weight:950;white-space:nowrap}
#homeMyCruise .my-cruise-readiness-item.ready .my-cruise-readiness-value{background:#dff4e7;color:#145838}
#homeMyCruise .my-cruise-readiness-note{margin:9px 2px 0!important;color:#cfe2ef!important;font-size:11px!important;line-height:1.4;font-weight:700!important}
@media(max-width:620px){#homeMyCruise .my-cruise-readiness-grid{grid-template-columns:1fr}}
@media(max-width:365px){#homeMyCruise .my-cruise-readiness>summary{align-items:flex-start;flex-direction:column;gap:4px}#homeMyCruise .my-cruise-readiness>summary small{text-align:left}}


/* =========================================================
   MSCxplorer v7.0.47 · Mi crucero · Modo escala
   Capa de contenido. No modifica la navegación superior protegida.
   ========================================================= */
#homeMyCruise .my-cruise-scale{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}
#homeMyCruise .my-cruise-scale>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 12px;border-radius:15px;background:linear-gradient(135deg,rgba(13,91,142,.30),rgba(4,25,45,.26));border:1px solid rgba(212,180,91,.48);cursor:pointer;color:#fff}
#homeMyCruise .my-cruise-scale>summary::-webkit-details-marker{display:none}
#homeMyCruise .my-cruise-scale>summary span{font-size:17px;font-weight:950}
#homeMyCruise .my-cruise-scale>summary small{color:#fff2c1;font-size:11px;font-weight:900;text-align:right}
#homeMyCruise .my-cruise-scale[open]>summary{margin-bottom:10px;background:linear-gradient(135deg,rgba(13,91,142,.42),rgba(4,25,45,.30))}
#homeMyCruise .my-cruise-scale-body{display:grid;gap:9px}
#homeMyCruise .my-cruise-scale-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border-radius:16px;background:rgba(4,25,45,.24);border:1px solid rgba(132,194,236,.28)}
#homeMyCruise .my-cruise-scale-head h3{margin:6px 0 2px;color:#fff;font-size:22px;line-height:1.15}
#homeMyCruise .my-cruise-scale-head p{margin:0!important;color:#cfe2ef!important;font-size:12px!important;font-weight:850!important}
#homeMyCruise .my-cruise-scale-kicker{display:inline-flex;padding:4px 8px;border-radius:999px;background:#fff0b7;color:#6c5000;font-size:10px;font-weight:950;letter-spacing:.035em}
#homeMyCruise .my-cruise-scale-block{padding:13px 14px;border-radius:16px;background:rgba(4,25,45,.22);border:1px solid rgba(132,194,236,.28);min-width:0}
#homeMyCruise .my-cruise-scale-block>b{display:block;color:#fff;font-size:14px}
#homeMyCruise .my-cruise-scale-block p{margin:7px 0!important;color:#eaf4fb!important;font-size:12px!important;line-height:1.45;font-weight:750!important}
#homeMyCruise .my-cruise-scale-block p strong{color:#fff6da}
#homeMyCruise .my-cruise-scale-block>small{display:block;color:#cfe2ef;font-size:10px;line-height:1.4;font-weight:750}
#homeMyCruise .my-cruise-scale-block.weather.today,#homeMyCruise .my-cruise-scale-block.weather.priority{border-color:rgba(242,207,104,.66);background:rgba(107,82,18,.20)}
#homeMyCruise .my-cruise-scale-block.weather.available{border-color:rgba(118,185,232,.55)}
#homeMyCruise .my-cruise-scale-block.weather.future{border-style:dashed}
#homeMyCruise .my-cruise-scale-weather-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#homeMyCruise .my-cruise-scale-weather-head>div{min-width:0;display:flex;flex-direction:column;gap:3px}
#homeMyCruise .my-cruise-scale-weather-head b{color:#fff;font-size:14px}
#homeMyCruise .my-cruise-scale-weather-head small{color:#cfe2ef;font-size:10px;font-weight:800;line-height:1.3}
#homeMyCruise .my-cruise-scale-weather-head>span{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#dceefa;color:#0c3552;font-size:10px;font-weight:950}
#homeMyCruise .my-cruise-scale-block.weather.today .my-cruise-scale-weather-head>span,#homeMyCruise .my-cruise-scale-block.weather.priority .my-cruise-scale-weather-head>span{background:#fff0b7;color:#6c5000}
#homeMyCruise .my-cruise-scale-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
#homeMyCruise .my-cruise-scale-actions .btn{margin:0;min-height:42px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
#homeMyCruise .my-cruise-scale-weather-link{background:#0f73b5;border-color:#68b5e6;color:#fff}
#homeMyCruise .my-cruise-scale-online-note{margin-top:9px;color:#b9cedd!important}
@media(max-width:620px){
 #homeMyCruise .my-cruise-scale>summary{align-items:flex-start;flex-direction:column;gap:3px}
 #homeMyCruise .my-cruise-scale>summary small{text-align:left}
 #homeMyCruise .my-cruise-scale-head{grid-template-columns:1fr}
 #homeMyCruise .my-cruise-scale-head>.btn{width:100%}
 #homeMyCruise .my-cruise-scale-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 #homeMyCruise .my-cruise-scale-actions .btn{width:100%;min-width:0;white-space:normal}
}
@media(max-width:365px){#homeMyCruise .my-cruise-scale-actions{grid-template-columns:1fr}}


/* =========================================================
   MSCxplorer v7.0.48 · Refresh visual conservador
   Objetivo: embellecer Inicio + Mi crucero + marco general
   sin tocar arquitectura ni el núcleo de navegación superior.
   ========================================================= */
html,body{
  background:
    radial-gradient(1200px 540px at 10% -10%, rgba(121,185,229,.20), transparent 62%),
    radial-gradient(1000px 500px at 100% 0%, rgba(8,78,130,.10), transparent 58%),
    linear-gradient(180deg,#ecf6fd 0%,#deedf9 48%,#eaf4fb 100%);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0));
  z-index:0;
}
header.app-header, main{position:relative; z-index:1}
.app-header{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(520px 220px at 12% 0%, rgba(255,255,255,.14), transparent 70%),
    radial-gradient(460px 220px at 88% 8%, rgba(94,188,240,.18), transparent 66%),
    linear-gradient(135deg,#061c32 0%,#0a4f83 48%,#1170b4 100%);
  box-shadow:0 14px 34px rgba(6,33,58,.22);
}
.app-header::before,
.app-header::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.app-header::before{
  width:260px;height:260px;right:-90px;top:-110px;
  background:radial-gradient(circle at center, rgba(255,255,255,.16), transparent 68%);
}
.app-header::after{
  width:180px;height:180px;left:-60px;bottom:-110px;
  background:radial-gradient(circle at center, rgba(242,183,5,.16), transparent 70%);
}
.head-inner{position:relative}
.app-header h1{
  letter-spacing:.02em;
  text-shadow:0 3px 16px rgba(0,0,0,.16);
}
.app-header p{
  color:#edf6fd;
  font-weight:600;
}
main{padding-top:16px}
.card{
  border-radius:20px;
  box-shadow:0 12px 30px rgba(8,55,93,.08);
}
.btn{
  border-radius:13px;
  font-weight:900;
}
#home > article.card{
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,248,254,.96));
  border-color:#c9def0;
  box-shadow:0 16px 34px rgba(7,47,80,.10);
}
#home > article.card > .eyebrow{margin-bottom:10px}
#home > article.card > h3{margin:0 0 14px;font-size:clamp(22px,4.4vw,30px)}
.home-hero{
  border-radius:28px;
  min-height:370px;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 22px 50px rgba(7,26,43,.24);
}
.home-hero::after{
  content:"";
  position:absolute;
  inset:auto auto -70px -60px;
  width:240px;height:240px;border-radius:50%;
  background:radial-gradient(circle at center, rgba(242,183,5,.22), transparent 68%);
  pointer-events:none;
}
.home-hero-overlay{
  background:
    linear-gradient(110deg,rgba(7,13,20,.82) 0%,rgba(14,19,28,.58) 42%,rgba(29,36,45,.20) 100%),
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.12));
}
.home-hero-content{
  gap:16px;
  padding:28px;
}
.home-hero-content h2{
  max-width:11ch;
  line-height:1.02;
  text-shadow:0 4px 18px rgba(0,0,0,.18);
}
.home-hero-content p{color:#f2f7fb;max-width:58ch;font-size:15px;line-height:1.55}
.home-hero-badge,
.home-chip{
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.home-hero-facts .fact{
  min-width:132px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.home-hero-facts .fact b{font-size:19px}
.home-quick-card{
  border-radius:20px;
  min-height:112px;
  padding:16px;
  background:linear-gradient(180deg,#ffffff,#eff7fd);
  border-color:#c8dff0;
  box-shadow:0 12px 28px rgba(8,56,94,.08);
}
.home-quick-card:active{transform:translateY(1px)}
.home-quick-icon{
  width:50px;
  flex-basis:50px;
  height:50px;
  border-radius:16px;
  background:linear-gradient(180deg,#ecf5fd,#dbeaf7);
  box-shadow:inset 0 0 0 1px rgba(10,94,168,.08);
}
.home-quick-card h4{font-size:18px}
.home-quick-card p{line-height:1.46}
.home-highlight-card,
.home-route-card{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:
    radial-gradient(180px 120px at 100% 0%, rgba(255,255,255,.10), transparent 62%),
    linear-gradient(180deg,#072846,#0b365f 72%,#0d416f 100%);
  box-shadow:0 16px 34px rgba(7,26,43,.20);
}
.home-highlight-card::before,
.home-route-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.home-highlight-card h4,
.home-route-card h4{font-size:22px;line-height:1.08}
.home-highlight-card p,
.home-route-card p{line-height:1.55}
.home-highlight-card .btn,
.home-route-card .btn{
  border-radius:12px;
}
#homeMyCruise{margin-bottom:14px}
.my-cruise-card{
  border-radius:26px;
  padding:20px;
  box-shadow:0 18px 40px rgba(5,30,53,.22);
  background:
    radial-gradient(220px 150px at 100% 0%, rgba(255,255,255,.12), transparent 64%),
    radial-gradient(240px 160px at 0% 100%, rgba(242,183,5,.12), transparent 68%),
    linear-gradient(145deg,#061b31 0%,#0a3157 56%,#0f4878 100%);
}
.my-cruise-card::before{
  content:"";
  position:absolute;
  right:-40px;
  top:-60px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle at center, rgba(255,255,255,.12), transparent 70%);
  pointer-events:none;
}
.my-cruise-card .eyebrow{
  background:rgba(255,255,255,.92);
  color:#0b5ea7;
  border:1px solid rgba(242,183,5,.68);
}
.my-cruise-card h2{font-size:clamp(28px,5vw,36px)}
.my-cruise-departure{color:#e7f2fa;font-size:15px}
.my-cruise-countdown{
  background:linear-gradient(180deg,rgba(255,244,210,.22),rgba(242,183,5,.14));
  border-color:rgba(255,230,169,.70);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.my-cruise-summary{gap:10px;margin-top:16px}
.my-cruise-summary span,
.my-cruise-card .port-chip,
.my-cruises-library-status,
.my-cruise-readiness-value,
#homeMyCruise .my-cruise-plan-status,
#homeMyCruise .my-cruise-timeline-status,
#homeMyCruise .my-cruise-scale-weather-head>span{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.my-cruise-summary span{
  background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.18);
}
.my-cruise-route{font-size:15px;color:#f1f7fb}
.my-cruise-actions{margin-top:16px}
.my-cruise-card .btn{
  border-radius:13px;
  box-shadow:0 10px 20px rgba(0,0,0,.14);
}
.my-cruise-card .btn.secondary{
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.08));
}
.my-cruise-section-title{margin-bottom:12px}
.my-cruise-section-title>span{font-size:18px}
.my-cruise-section-title>small{font-size:12px;color:#d9e8f4}
.my-cruise-excursion,
.my-cruise-weather-row,
.my-cruise-next-card,
.my-cruise-offline-card,
#homeMyCruise .my-cruise-plan-row,
#homeMyCruise .my-cruise-readiness-item,
#homeMyCruise .my-cruise-scale-head,
#homeMyCruise .my-cruise-scale-block,
.my-cruises-library-card{
  border-radius:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.my-cruise-excursion,
.my-cruise-weather-row,
#homeMyCruise .my-cruise-plan-row,
#homeMyCruise .my-cruise-readiness-item,
#homeMyCruise .my-cruise-scale-head,
#homeMyCruise .my-cruise-scale-block,
.my-cruises-library-card{
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(5,25,45,.22));
}
.my-cruise-next-card{
  background:linear-gradient(135deg,rgba(18,100,155,.40),rgba(4,25,45,.28));
}
.my-cruise-offline-card,
#homeMyCruise .my-cruise-plan>summary,
#homeMyCruise .my-cruise-readiness>summary,
#homeMyCruise .my-cruise-scale>summary,
.my-cruises-library>summary{
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.06));
  backdrop-filter:blur(8px);
}
.my-cruise-quick-grid{gap:10px}
.my-cruise-quick-btn{
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.07));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.my-cruise-quick-btn>b{letter-spacing:.01em}
#homeMyCruise .my-cruise-timeline-row{border-radius:14px}
#homeMyCruise .my-cruise-timeline-row.current{background:rgba(255,255,255,.06)}
#homeMyCruise .my-cruise-plan-note,
#homeMyCruise .my-cruise-readiness-note,
.my-cruise-offline-note,
.my-cruise-weather-note,
#homeMyCruise .my-cruise-scale-online-note{color:#d6e5f0!important}
@media (max-width:720px){
  .home-hero{min-height:390px;border-radius:24px}
  .home-hero-content{padding:20px}
  #home > article.card{border-radius:20px}
  .my-cruise-card{border-radius:22px;padding:16px}
}
@media (max-width:560px){
  main{padding-top:12px}
  .home-hero{min-height:404px}
  .home-hero-content h2{font-size:clamp(30px,9vw,38px)}
  .home-highlight-card h4,.home-route-card h4{font-size:20px}
  .home-quick-card{min-height:unset}
  .my-cruise-card h2{font-size:28px}
}


/* =========================================================
   MSCxplorer v7.0.49 · Diseño visual fase 2
   Alcance: Cruceros, Ranking y Flota/Barcos.
   Solo presentación; sin tocar lógica ni navegación superior.
   ========================================================= */

/* ---------- Cruceros y Favoritos ---------- */
#cruises .cruise,
#favorites .cruise{
  position:relative;
  overflow:hidden;
  border-left:0;
  border-radius:22px;
  padding:18px;
  background:
    radial-gradient(170px 90px at 100% 0%, rgba(10,94,168,.08), transparent 65%),
    linear-gradient(180deg,#ffffff 0%,#f2f8fd 100%);
  border:1px solid #c7dff0;
  box-shadow:0 16px 34px rgba(8,55,93,.09);
}
#cruises .cruise::before,
#favorites .cruise::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:6px;
  background:linear-gradient(180deg,#1170b4 0%,#0a5ea8 54%,#083f6e 100%);
}
#cruises .cruise h3,
#favorites .cruise h3{
  font-size:24px;
  line-height:1.06;
  color:#0c2e4b;
}
#cruises .cruise .meta,
#favorites .cruise .meta{
  color:#44657d;
  font-weight:800;
}
#cruises .cruise .route,
#favorites .cruise .route{
  margin:12px 0;
  padding:12px 13px;
  border-radius:14px;
  background:linear-gradient(180deg,#f8fbff,#edf5fb);
  border:1px solid #d8e6f0;
  color:#173b57;
  font-weight:650;
}
#cruises .cruise .cruise-card-actions,
#favorites .cruise .cruise-card-actions{
  padding-top:10px;
  border-top:1px solid #d9e7f1;
}
#cruises .cruise .port-chips,
#favorites .cruise .port-chips{
  margin-top:12px;
  padding-top:10px;
  border-top:1px dashed #d4e2ed;
}
#cruises .cruise .go-msc-card-similar-note,
#favorites .cruise .go-msc-card-similar-note{
  color:#36556d;
  border-top:1px dashed #d3e2ed;
}
#cruises .cruise .cruise-card-go-msc .go-msc-pill,
#favorites .cruise .cruise-card-go-msc .go-msc-pill{
  box-shadow:0 8px 18px rgba(10,94,168,.16);
}
#cruises .cruise.compare-selected,
#favorites .cruise.compare-selected{
  border-color:#d0ae58 !important;
  box-shadow:0 0 0 2px rgba(208,174,88,.22),0 18px 36px rgba(8,55,93,.12) !important;
}
#cruises .cruise.my-cruise-list-active{
  border-color:#c8a44a !important;
}

/* ---------- Ficha de crucero ---------- */
#cruises .detail-head{
  border-radius:18px;
  padding:10px 12px;
  background:rgba(232,243,252,.92);
  border:1px solid rgba(193,217,236,.90);
  backdrop-filter:blur(10px);
  box-shadow:0 8px 20px rgba(8,55,93,.08);
}
#cruises #cruiseDetail article.card{
  border-radius:26px;
  background:
    radial-gradient(220px 120px at 100% 0%, rgba(10,94,168,.08), transparent 64%),
    linear-gradient(180deg,#ffffff 0%,#f3f8fd 100%);
  border-color:#c8ddec;
  box-shadow:0 18px 36px rgba(8,55,93,.10);
}
#cruises #cruiseDetail h2{font-size:clamp(30px,4.8vw,38px);color:#0b2f4b}
#cruises #cruiseDetail .cruise-detail-ship-photo-wrap{
  filter:drop-shadow(0 12px 22px rgba(9,58,94,.12));
}
#cruises #cruiseDetail .cruise-detail-ship-photo,
#cruises #cruiseDetail .cruise-detail-ship-photo-fallback{
  border-radius:18px;
}
#cruises #cruiseDetail .route{
  padding:14px 15px;
  border-radius:16px;
  background:linear-gradient(180deg,#f9fcff,#edf5fb);
  border:1px solid #d8e5ef;
  color:#173b57;
  font-weight:650;
}
#cruises #cruiseDetail .cruise-stops-disclosure{
  margin:12px 0;
  border-radius:16px;
  background:linear-gradient(180deg,#f9fcff,#eef6fc);
  border:1px solid #d6e5ef;
  overflow:hidden;
}
#cruises #cruiseDetail .cruise-stops-disclosure summary{
  cursor:pointer;
  list-style:none;
  padding:13px 14px;
  font-weight:900;
  color:#0e3657;
}
#cruises #cruiseDetail .cruise-stops-disclosure summary::-webkit-details-marker{display:none}
#cruises #cruiseDetail .cruise-stops-disclosure .port-chips{padding:0 14px 14px;margin-top:0;border-top:0}
#cruises #cruiseDetail .stats .stat{
  border-radius:16px;
  border:1px solid #d8e7f1;
  background:linear-gradient(180deg,#fcfeff,#edf5fb);
}
#cruises #cruiseDetail .stats .stat span{color:#5a768b;font-weight:800}
#cruises #cruiseDetail .stats .stat b{color:#0a5ea8}
#cruises #cruiseDetail .thematic-score-grid{gap:10px}
#cruises #cruiseDetail .thematic-score-link{
  border:1px solid #d1e2ee;
  border-radius:15px;
  background:linear-gradient(180deg,#fbfdff,#eff6fc);
  box-shadow:0 8px 20px rgba(8,55,93,.06);
}
#cruises #cruiseDetail .thematic-score-link .thematic-pill-label{color:#173b57;font-weight:900}
#cruises #cruiseDetail .thematic-score-link .thematic-pill-label b{color:#0a5ea8}
#cruises #cruiseDetail .go-msc-card-status,
#cruises #cruiseDetail .go-msc-similar-wrap{
  margin-top:12px;
  padding:13px 14px;
  border-radius:16px;
  background:linear-gradient(180deg,#f6fbff,#eaf4fb);
  border:1px solid #d5e4ef;
}

/* ---------- Ranking cruceros ---------- */
#ranking .card{
  border-radius:24px;
  border:1px solid #c8ddec;
  box-shadow:0 16px 34px rgba(8,55,93,.09);
}
#ranking .hero,
#ranking .notice{
  background:linear-gradient(180deg,#fbfdff,#eef6fc);
}
#rankingCategoryButtons{
  gap:9px;
}
#rankingCategoryButtons .thematic-tab{
  border-radius:14px !important;
  background:linear-gradient(180deg,#e8f2fa,#d6e7f5) !important;
  color:#123755 !important;
  border:1px solid #bfd6e8 !important;
  box-shadow:0 8px 18px rgba(8,55,93,.07);
}
#rankingCategoryButtons .thematic-tab.active{
  background:linear-gradient(180deg,#1170b4,#084b87) !important;
  border-color:#3d8fc8 !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(10,94,168,.18) !important;
}
#rankingCategoryButtons .thematic-tab.active span{color:#fff !important}
#ranking .global-rank-card,
#ranking .thematic-visual-card{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(200px 120px at 100% 0%, rgba(255,255,255,.08), transparent 62%),
    linear-gradient(180deg,#072745,#0b365e 72%,#0c4170 100%);
  border-color:#2a5e87;
  box-shadow:0 18px 36px rgba(7,26,43,.20);
}
#ranking .global-rank-card::before,
#ranking .thematic-visual-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
#ranking .global-rank-card h3,
#ranking .thematic-visual-card h3,
#ranking .global-rank-card p,
#ranking .thematic-visual-card p,
#ranking .global-rank-card .meta,
#ranking .thematic-visual-card .meta,
#ranking .global-rank-card strong,
#ranking .thematic-visual-card strong{
  color:#fff;
}
#ranking .global-rank-score,
#ranking .thematic-rank-score{
  border-radius:20px;
  background:linear-gradient(180deg,#f1c867,#d5a73f);
  color:#10233d;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}
#ranking .global-rank-score strong,
#ranking .thematic-rank-score strong,
#ranking .thematic-rank-score small,
#ranking .global-rank-score small{
  color:#10233d !important;
}
#ranking .global-rank-tier,
#ranking .thematic-rank-tier,
#ranking .global-rank-strengths span,
#ranking .thematic-rank-support span{
  background:rgba(255,255,255,.13);
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18);
}
#ranking .global-rank-strengths span b,
#ranking .thematic-rank-support span b{color:#fff !important}
#ranking .global-rank-actions .btn,
#ranking .thematic-card-foot .btn{
  box-shadow:0 10px 18px rgba(0,0,0,.16);
}
#ranking .ranking-help,
#ranking .ranking-focus-summary{
  border-radius:18px;
  background:linear-gradient(180deg,#fbfdff,#eef6fc);
  border:1px solid #cfdfeb;
}
#ranking .ranking-focus-summary strong{color:#0d3150}

/* ---------- Ranking de barcos ---------- */
#ships #shipRankingView .card{
  border-radius:24px;
  border-color:#2a5e87;
  background:
    radial-gradient(200px 120px at 100% 0%, rgba(255,255,255,.08), transparent 62%),
    linear-gradient(180deg,#072745,#0b365e 72%,#0c4170 100%);
  box-shadow:0 18px 36px rgba(7,26,43,.20);
}
#ships .ship-ranking-tab{
  background:linear-gradient(180deg,#dcecf8,#c7deef);
  color:#123755;
  border:1px solid #b8d3e7;
  box-shadow:0 8px 16px rgba(8,55,93,.06);
}
#ships .ship-ranking-tab.active{
  background:linear-gradient(180deg,#1170b4,#084b87);
  color:#fff;
  border-color:#3d8fc8;
  box-shadow:0 10px 20px rgba(10,94,168,.18);
}
#ships .ship-ranking-card h3,
#ships .ship-ranking-score,
#ships .ship-ranking-strengths,
#ships .ship-ranking-strengths b,
#ships .ship-ranking-card .meta,
#ships .ship-ranking-why,
#ships .ship-ranking-why p{
  color:#fff;
}
#ships .ship-ranking-pill{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.18);
}
#ships .ship-ranking-score{font-size:30px;color:#fff2c1}
#ships .ship-ranking-why{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.16);
}
#ships .ship-ranking-actions .btn{box-shadow:0 10px 18px rgba(0,0,0,.16)}

/* ---------- Flota / ficha resumida de barcos ---------- */
#ships .ship-fleet-card{
  overflow:hidden;
  border-radius:24px;
  background:
    radial-gradient(170px 90px at 100% 0%, rgba(10,94,168,.08), transparent 65%),
    linear-gradient(180deg,#ffffff 0%,#f2f8fd 100%);
  border:1px solid #c8dfef;
  box-shadow:0 16px 34px rgba(8,55,93,.09);
}
#ships .ship-media{
  margin:-15px -15px 14px;
  aspect-ratio:16/8.6;
  border-radius:22px 22px 16px 16px;
  box-shadow:inset 0 -40px 70px rgba(0,0,0,.04);
}
#ships .ship-title-row h3{
  font-size:25px;
  color:#0b2f4b;
}
#ships .ship-title-row .ship-go-msc-pill{
  border-radius:999px;
  box-shadow:0 8px 16px rgba(10,94,168,.14);
}
#ships .ship-specs-line{
  display:inline-block;
  margin-top:4px;
  padding:7px 11px;
  border-radius:999px;
  background:linear-gradient(180deg,#eef6fd,#dfedf8);
  border:1px solid #d0e2ee;
  color:#35566f;
  font-weight:800;
}
#ships .ship-fleet-card p{
  color:#173b57;
  line-height:1.55;
}
#ships .ship-sailings-badge{
  background:linear-gradient(180deg,#0d66b2,#084b87);
  color:#fff;
  border:1px solid #3d8fc8;
  box-shadow:0 10px 18px rgba(10,94,168,.16);
}

/* ---------- Ajustes móviles ---------- */
@media (max-width:720px){
  #cruises .cruise h3,
  #favorites .cruise h3,
  #ships .ship-title-row h3{font-size:21px}
  #cruises #cruiseDetail article.card{border-radius:22px}
  #ranking .global-rank-card,
  #ranking .thematic-visual-card,
  #ships #shipRankingView .card,
  #ships .ship-fleet-card,
  #cruises .cruise,
  #favorites .cruise{border-radius:20px}
}
@media (max-width:560px){
  #cruises .cruise,
  #favorites .cruise,
  #ships .ship-fleet-card{padding:15px}
  #ships .ship-media{margin:-13px -13px 13px;border-radius:20px 20px 15px 15px}
  #cruises .detail-head{border-radius:16px;padding:9px 10px}
  #rankingCategoryButtons .thematic-tab{border-radius:13px !important}
  #ranking .global-rank-score,
  #ranking .thematic-rank-score{border-radius:18px}
}


/* =========================================================
   MSCxplorer v7.0.50 · Corrección de contraste v7.0.49
   Corrige exclusivamente colisiones con reglas históricas
   de alto contraste (!important). No modifica navegación.
   ========================================================= */

/* Ranking: el bloque de ayuda debe permanecer oscuro y legible
   dentro de la tarjeta azul marino. */
#ranking .thematic-ranking-head .ranking-help{
  display:block !important;
  max-width:none;
  margin:12px 0 16px !important;
  padding:14px 15px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#123f69,#0d355c) !important;
  border:1px solid #4e86b2 !important;
  color:#ffffff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}
#ranking .thematic-ranking-head .ranking-help *{color:#ffffff !important}

/* Ranking: todas las categorías recuperan contraste MSC azul/blanco.
   La activa se distingue exclusivamente con el borde dorado validado. */
#rankingCategoryButtons .thematic-tab{
  background:linear-gradient(180deg,#1375ba,#0a5f9f) !important;
  color:#ffffff !important;
  border:1px solid #67a9da !important;
  box-shadow:0 7px 16px rgba(8,55,93,.12) !important;
}
#rankingCategoryButtons .thematic-tab span,
#rankingCategoryButtons .thematic-tab b,
#rankingCategoryButtons .thematic-tab small{
  color:#ffffff !important;
  opacity:1 !important;
}
#rankingCategoryButtons .thematic-tab.active{
  background:linear-gradient(180deg,#0b5ea7,#084c87) !important;
  color:#ffffff !important;
  border:4px solid #d4b45b !important;
  box-shadow:0 0 0 3px rgba(212,180,91,.24),0 8px 18px rgba(8,55,93,.14) !important;
}

/* Flota: la ficha técnica es una banda oscura/translúcida dentro de la
   tarjeta azul, evitando blanco sobre blanco. */
#ships .ship-fleet-card .ship-specs-line{
  display:block !important;
  width:max-content;
  max-width:100%;
  margin:8px 0 10px !important;
  padding:8px 11px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(159,216,255,.30) !important;
  color:#ffffff !important;
  font-weight:850 !important;
  box-shadow:none !important;
}
#ships .ship-fleet-card .ship-go-msc-pill,
#ships .ship-fleet-card .ship-go-msc-pill:visited,
#ships .ship-fleet-card .ship-sailings-badge{
  color:#ffffff !important;
}
#ships .ship-fleet-card .ship-go-msc-pill *{color:#ffffff !important}

/* La imagen conserva el encuadre iPhone validado. Solo se refuerza el
   borde visual; no se toca object-fit, zoom ni proporción. */
#ships .ship-fleet-card .ship-media{
  border-bottom:1px solid rgba(103,169,218,.34);
}

@media(max-width:430px){
  #ships .ship-fleet-card .ship-specs-line{
    width:100%;
    max-width:100%;
    white-space:nowrap !important;
    overflow:hidden;
    text-overflow:clip;
    font-size:clamp(10.2px,2.72vw,12px) !important;
    letter-spacing:-.12px !important;
    line-height:1.22 !important;
  }
}


/* =========================================================
   MSCxplorer v7.0.52 · Corrección estructural Ranking TOP 1/2/3
   Causa: colisión del pseudo-elemento ::before decorativo de v7.0.49
   con la etiqueta TOP histórica. El ::before heredaba inset:0 y el
   fondo dorado terminaba cubriendo toda la tarjeta.
   ========================================================= */

/* Nunca usar ::before como velo de tarjeta en Ranking. */
#ranking .global-rank-card::before,
#ranking .thematic-visual-card::before{
  content:none !important;
  position:static !important;
  inset:auto !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  background:none !important;
  box-shadow:none !important;
}

/* Restaurar las insignias TOP como pequeñas cápsulas doradas. */
#ranking .global-rank-top3::before,
#ranking .thematic-rank-top3::before{
  position:absolute !important;
  top:-9px !important;
  left:16px !important;
  right:auto !important;
  bottom:auto !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:4px 9px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#f6cb57,#d9a83e) !important;
  color:#102a43 !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:950 !important;
  letter-spacing:.03em !important;
  box-shadow:0 5px 12px rgba(82,58,0,.18) !important;
  z-index:4 !important;
  pointer-events:none !important;
}
#ranking .global-rank-top1::before,
#ranking .thematic-rank-top1::before{content:"TOP 1" !important}
#ranking .global-rank-top2::before,
#ranking .thematic-rank-top2::before{content:"TOP 2" !important}
#ranking .global-rank-top3::before,
#ranking .thematic-rank-top3::before{content:"TOP 3" !important}

/* Tarjeta compacta, siempre azul marino; el dorado queda como acento. */
#ranking .global-rank-card,
#ranking .thematic-visual-card{
  min-height:0 !important;
  height:auto !important;
  overflow:visible !important;
  background:linear-gradient(180deg,#072745 0%,#0b365e 72%,#0c4170 100%) !important;
  border:1px solid #2b638f !important;
}
#ranking .global-rank-card > *,
#ranking .thematic-visual-card > *{
  position:relative;
  z-index:1;
}
#ranking .global-rank-score,
#ranking .thematic-rank-score{
  flex:0 0 auto;
  min-width:68px;
  min-height:68px;
  background:linear-gradient(180deg,#f3cd63,#d7a840) !important;
  color:#102a43 !important;
  border:1px solid rgba(255,244,199,.64);
}
#ranking .global-rank-score strong,
#ranking .global-rank-score small,
#ranking .thematic-rank-score strong,
#ranking .thematic-rank-score small{
  color:#102a43 !important;
}
#ranking .global-rank-strengths,
#ranking .thematic-rank-support{
  position:relative;
  z-index:1;
}
#ranking .global-rank-strengths span,
#ranking .thematic-rank-support span{
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(246,203,87,.38) !important;
  color:#ffffff !important;
}
@media(max-width:560px){
  #ranking .global-rank-top3::before,
  #ranking .thematic-rank-top3::before{
    top:-7px !important;
    left:13px !important;
    font-size:10px !important;
    padding:3px 8px !important;
  }
}


/* =========================================================
   MSCxplorer v7.0.53 · Unificación visual azul marino + dorado
   Filosofía: azul marino como superficie, dorado como acento.
   No se usan pseudo-elementos decorativos en Ranking para evitar
   colisiones con las insignias TOP 1 / TOP 2 / TOP 3.
   ========================================================= */
:root{
  --mscx-ui-navy:#061f38;
  --mscx-ui-navy-2:#0a355c;
  --mscx-ui-navy-3:#0c4778;
  --mscx-ui-gold:#d4b45b;
  --mscx-ui-gold-bright:#f2cd67;
  --mscx-ui-ice:#e9f5fd;
}

/* Marco general: más marino, con una línea dorada discreta. */
.app-header{
  background:linear-gradient(135deg,#05192d 0%,#082e50 48%,#0b5488 100%) !important;
  border-bottom:2px solid rgba(212,180,91,.82);
  box-shadow:0 12px 28px rgba(5,25,45,.22);
}
.app-header h1{color:#fff !important}
.app-header p{color:#dcecf8 !important}

/* La navegación conserva intacta su geometría; solo reforzamos el estado activo. */
#mscx-top-nav>button.active{
  box-shadow:0 0 0 3px rgba(212,180,91,.34),inset 0 0 0 1px rgba(255,232,164,.30) !important;
}

/* Cabeceras de pantalla: azul marino con acento dorado, pero formularios claros. */
#cruises #cruiseListView>article.card,
#ships #shipListView>article.card,
#favorites>article.card,
#compare>article.compare-head,
#explorer #portCatalogView>article.card,
#wwii>article.card{
  background:linear-gradient(145deg,var(--mscx-ui-navy) 0%,var(--mscx-ui-navy-2) 72%,var(--mscx-ui-navy-3) 100%) !important;
  border:1px solid rgba(212,180,91,.72) !important;
  box-shadow:inset 0 3px 0 rgba(242,205,103,.82),0 14px 30px rgba(5,30,53,.16) !important;
  color:#fff !important;
}
#cruises #cruiseListView>article.card h2,
#ships #shipListView>article.card h2,
#favorites>article.card h2,
#compare>article.compare-head h2,
#explorer #portCatalogView>article.card h2,
#wwii>article.card h2,
#cruises #cruiseListView>article.card label,
#explorer #portCatalogView>article.card label,
#wwii>article.card label{
  color:#fff !important;
}
#ships #shipListView>article.card .muted,
#compare>article.compare-head .muted,
#explorer #portCatalogView>article.card .muted{
  color:#d7e9f6 !important;
}
#cruises #cruiseListView>article.card input,
#cruises #cruiseListView>article.card select,
#explorer #portCatalogView>article.card input,
#explorer #portCatalogView>article.card select,
#wwii>article.card input{
  background:#f7fbff !important;
  color:#102d45 !important;
  border:1px solid rgba(212,180,91,.66) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important;
}
#cruises #cruiseListView>article.card input::placeholder,
#explorer #portCatalogView>article.card input::placeholder,
#wwii>article.card input::placeholder{color:#657d90 !important}

/* Contadores y pequeñas insignias de cabecera: dorado, no superficies grandes. */
#cruiseCount,#compareCount,#portCount,#wwiiCount{
  background:linear-gradient(180deg,#f3d47d,#d6ae4e) !important;
  color:#102a43 !important;
  border:1px solid #ffe7a5 !important;
  box-shadow:0 6px 14px rgba(73,52,0,.14) !important;
}

/* Inicio: azul marino consistente y ribetes dorados en accesos. */
#home .home-hero{
  border-color:rgba(212,180,91,.90) !important;
  box-shadow:inset 0 3px 0 rgba(242,205,103,.55),0 20px 42px rgba(5,30,53,.22) !important;
}
#home .home-hero-content .eyebrow{
  background:linear-gradient(180deg,#f5d77f,#d7af50) !important;
  color:#102a43 !important;
  border-color:#ffe8aa !important;
}
#home .home-hero-content .eyebrow *{color:#102a43 !important}
#home .home-quick-card{
  background:linear-gradient(145deg,#071f38 0%,#0a355c 76%,#0b4778 100%) !important;
  border:1px solid rgba(212,180,91,.74) !important;
  box-shadow:inset 0 2px 0 rgba(242,205,103,.45),0 12px 26px rgba(5,30,53,.15) !important;
  color:#fff !important;
}
#home .home-quick-card h4{color:#fff !important}
#home .home-quick-card p{color:#d6e8f5 !important}
#home .home-quick-icon{
  background:rgba(255,255,255,.10) !important;
  color:#f5d77f !important;
  border:1px solid rgba(212,180,91,.60);
}
#home .home-highlight-card,
#home .home-route-card{
  border-color:rgba(212,180,91,.66) !important;
  box-shadow:inset 0 2px 0 rgba(242,205,103,.25),0 14px 30px rgba(5,30,53,.18) !important;
}
#home .home-highlight-card .home-chip,
#home .home-route-card .home-chip{
  border-color:rgba(212,180,91,.55) !important;
}

/* Mi crucero: reforzar el lenguaje ya existente, sin cambiar estructura. */
#homeMyCruise .my-cruise-card{
  border-color:rgba(212,180,91,.88) !important;
  box-shadow:inset 0 3px 0 rgba(242,205,103,.42),0 18px 38px rgba(5,30,53,.22) !important;
}
#homeMyCruise .my-cruise-countdown,
#homeMyCruise .my-cruise-summary span,
#homeMyCruise .my-cruise-quick-btn,
#homeMyCruise .my-cruise-plan>summary,
#homeMyCruise .my-cruise-readiness>summary,
#homeMyCruise .my-cruise-scale>summary,
#homeMyCruise .my-cruises-library>summary{
  border-color:rgba(212,180,91,.52) !important;
}
#homeMyCruise .my-cruise-section-title>span{
  color:#fff4cf !important;
}
#homeMyCruise .my-cruise-quick-btn>span{color:#f2cd67 !important}

/* Cruceros: tarjeta azul marino; dorado solo como marco/acento. */
#cruises .cruise,
#favorites .cruise{
  background:linear-gradient(145deg,#061f38 0%,#0a355c 72%,#0c4778 100%) !important;
  border:1px solid rgba(212,180,91,.66) !important;
  box-shadow:inset 0 2px 0 rgba(242,205,103,.28),0 14px 30px rgba(5,30,53,.17) !important;
  color:#fff !important;
}
#cruises .cruise::before,
#favorites .cruise::before{
  background:linear-gradient(180deg,#f0cc69 0%,#c79f43 100%) !important;
  width:5px !important;
}
#cruises .cruise h3,#favorites .cruise h3{color:#fff !important}
#cruises .cruise .meta,#favorites .cruise .meta{color:#d5e8f5 !important}
#cruises .cruise .route,#favorites .cruise .route{
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(212,180,91,.34) !important;
  color:#f3f8fc !important;
}
#cruises .cruise .cruise-card-actions,
#favorites .cruise .cruise-card-actions,
#cruises .cruise .port-chips,
#favorites .cruise .port-chips{
  border-color:rgba(212,180,91,.28) !important;
}
#cruises .cruise .go-msc-card-similar-note,
#favorites .cruise .go-msc-card-similar-note{color:#d6e8f5 !important}
#cruises .cruise .port-chip,
#favorites .cruise .port-chip{
  border-color:rgba(212,180,91,.48) !important;
}

/* Ficha de crucero: panel marino completo con módulos internos legibles. */
#cruises #cruiseDetail article.card{
  background:linear-gradient(145deg,#061f38 0%,#0a355c 74%,#0c4778 100%) !important;
  border:1px solid rgba(212,180,91,.72) !important;
  box-shadow:inset 0 3px 0 rgba(242,205,103,.36),0 18px 36px rgba(5,30,53,.20) !important;
  color:#fff !important;
}
#cruises #cruiseDetail h2,
#cruises #cruiseDetail h3{color:#fff !important}
#cruises #cruiseDetail .meta,
#cruises #cruiseDetail .muted,
#cruises #cruiseDetail .thematic-global-note{color:#d5e7f4 !important}
#cruises #cruiseDetail .route,
#cruises #cruiseDetail .cruise-stops-disclosure,
#cruises #cruiseDetail .stats .stat,
#cruises #cruiseDetail .thematic-score-link,
#cruises #cruiseDetail .go-msc-card-status,
#cruises #cruiseDetail .go-msc-similar-wrap{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(212,180,91,.34) !important;
  color:#fff !important;
}
#cruises #cruiseDetail .route{color:#f2f7fb !important}
#cruises #cruiseDetail .cruise-stops-disclosure summary,
#cruises #cruiseDetail .stats .stat span,
#cruises #cruiseDetail .thematic-score-link .thematic-pill-label{color:#e8f3fa !important}
#cruises #cruiseDetail .stats .stat b,
#cruises #cruiseDetail .thematic-score-link .thematic-pill-label b{
  color:#f2cd67 !important;
}

/* Flota: misma identidad que la ficha de crucero. */
#ships .ship-fleet-card{
  background:linear-gradient(145deg,#061f38 0%,#0a355c 72%,#0c4778 100%) !important;
  border:1px solid rgba(212,180,91,.70) !important;
  box-shadow:inset 0 2px 0 rgba(242,205,103,.30),0 15px 32px rgba(5,30,53,.18) !important;
  color:#fff !important;
}
#ships .ship-title-row h3{color:#fff !important}
#ships .ship-fleet-card p{color:#e4f0f8 !important}
#ships .ship-fleet-card .ship-specs-line{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(212,180,91,.52) !important;
  color:#fff !important;
}
#ships .ship-fleet-card .ship-go-msc-pill,
#ships .ship-fleet-card .ship-sailings-badge{
  border-color:rgba(212,180,91,.72) !important;
  box-shadow:0 7px 16px rgba(0,0,0,.14) !important;
}
#ships .ship-media{border-bottom-color:rgba(212,180,91,.55) !important}

/* Ranking: conservar la corrección v7.0.52 y solo reforzar el acento dorado. */
#ranking .global-rank-card,
#ranking .thematic-visual-card,
#ships #shipRankingView .card{
  border-color:rgba(212,180,91,.58) !important;
  box-shadow:inset 0 2px 0 rgba(242,205,103,.24),0 16px 34px rgba(5,30,53,.20) !important;
}
#ranking .global-rank-score,
#ranking .thematic-rank-score{
  border-color:#ffe7a0 !important;
}
/* Protección explícita contra la regresión TOP gigante. */
#ranking .global-rank-card::before,
#ranking .thematic-visual-card::before{content:none !important}
#ranking .global-rank-top3::before,
#ranking .thematic-rank-top3::before{
  width:auto !important;height:auto !important;inset:auto !important;
  top:-9px !important;left:16px !important;right:auto !important;bottom:auto !important;
}


#ranking .global-rank-top1::before,#ranking .thematic-rank-top1::before{content:"TOP 1" !important}
#ranking .global-rank-top2::before,#ranking .thematic-rank-top2::before{content:"TOP 2" !important}
#ranking .global-rank-top3::before,#ranking .thematic-rank-top3::before{content:"TOP 3" !important}

/* Comparador: marino con borde dorado; la tabla sigue clara. */
#compare .compare-cruise-card{
  border:1px solid rgba(212,180,91,.68) !important;
  box-shadow:inset 0 2px 0 rgba(242,205,103,.28),0 14px 30px rgba(5,30,53,.18) !important;
}
#compare .compare-wrap table{border-radius:16px;overflow:hidden}
#compare .compare-wrap th{
  background:#082e50 !important;
  color:#fff !important;
  border-color:#3f6b8e !important;
}
#compare .compare-wrap td{
  background:#f7fbff !important;
  color:#173b57 !important;
  border-color:#d5e3ee !important;
}

/* MSCxplorer / WWII: ribete dorado discreto sobre las tarjetas, sin cambiar contenido. */
#explorer .catalog-card,
#wwii .wwii-grid .card{
  border-color:rgba(212,180,91,.48) !important;
  box-shadow:inset 0 2px 0 rgba(242,205,103,.18),0 10px 24px rgba(8,55,93,.08) !important;
}

@media(max-width:560px){
  #cruises .cruise,#favorites .cruise,#ships .ship-fleet-card{border-radius:20px !important}
  #cruises #cruiseDetail article.card{border-radius:22px !important}
  #home .home-quick-card{border-radius:18px !important}
}


/* =========================================================
   MSCxplorer v7.0.54 · Remate fino de interfaz
   Alcance: filtros, comparador, tablas, estados vacíos y controles.
   Azul marino como base; dorado como acento. Sin pseudo-elementos
   en Ranking ni cambios de estructura/lógica.
   ========================================================= */

/* Campos y filtros: claros, táctiles y coherentes dentro de cabeceras marinas. */
#cruises #cruiseListView>article.card .filters,
#explorer #portCatalogView>article.card .filters{
  gap:12px !important;
  margin-top:12px;
}
#cruises #cruiseListView>article.card label,
#explorer #portCatalogView>article.card label,
#wwii>article.card label{
  color:#f5d77f !important;
  letter-spacing:.02em;
  font-weight:900 !important;
}
#cruises #cruiseListView>article.card input,
#cruises #cruiseListView>article.card select,
#explorer #portCatalogView>article.card input,
#explorer #portCatalogView>article.card select,
#wwii>article.card input{
  min-height:50px !important;
  border-radius:14px !important;
  border:1px solid rgba(212,180,91,.76) !important;
  background:linear-gradient(180deg,#ffffff,#f1f7fc) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 14px rgba(0,0,0,.06) !important;
}
#cruises #cruiseListView>article.card input:focus,
#cruises #cruiseListView>article.card select:focus,
#explorer #portCatalogView>article.card input:focus,
#explorer #portCatalogView>article.card select:focus,
#wwii>article.card input:focus{
  border-color:#f2cd67 !important;
  box-shadow:0 0 0 3px rgba(242,205,103,.24),inset 0 1px 0 #fff !important;
}
#cruises .cruise-toolbar{
  margin-top:14px !important;
  padding-top:12px;
  border-top:1px solid rgba(212,180,91,.26);
}
#cruises .cruise-toolbar .btn.secondary,
#compare .compare-head-actions .btn.secondary{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  border:1px solid rgba(212,180,91,.58) !important;
}
#cruises .compare-selected-cta{
  border:1px solid rgba(242,205,103,.72) !important;
}
#cruises .compare-selected-cta.has-selection{
  background:linear-gradient(180deg,#f1cf70,#d1a846) !important;
  color:#102a43 !important;
  border-color:#ffe8a5 !important;
  box-shadow:0 0 0 2px rgba(242,205,103,.20),0 8px 18px rgba(0,0,0,.12) !important;
}

/* Comparador: tarjetas marinas, puntuaciones como joyas doradas, acciones claras. */
#compare .compare-head-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}
#compare .compare-mobile-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:14px;
}
#compare .compare-cruise-card{
  position:relative;
  overflow:hidden;
  border-radius:22px !important;
  background:linear-gradient(145deg,#061f38 0%,#0a355c 72%,#0c4778 100%) !important;
  border:1px solid rgba(212,180,91,.70) !important;
  box-shadow:inset 0 2px 0 rgba(242,205,103,.28),0 16px 32px rgba(5,30,53,.18) !important;
  color:#fff !important;
}
#compare .compare-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(212,180,91,.26);
}
#compare .compare-card-head h3{margin:3px 0 0;color:#fff !important;font-size:23px}
#compare .compare-cruise-card .meta{color:#d7e9f6 !important}
#compare .compare-cruise-card .route{
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(212,180,91,.32) !important;
  color:#f2f7fb !important;
  border-radius:14px !important;
}
#compare .compare-remove{
  appearance:none;
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  border:1px solid rgba(242,205,103,.64) !important;
  background:rgba(255,255,255,.10) !important;
  color:#fff4cc !important;
  font-size:25px !important;
  line-height:1 !important;
}
#compare .compare-key{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:12px 0 10px;
  padding:11px 13px;
  border-radius:15px;
  background:linear-gradient(180deg,#f2d47b,#d3a846) !important;
  border:1px solid #ffe7a0 !important;
  color:#102a43 !important;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}
#compare .compare-key span,#compare .compare-key b{color:#102a43 !important;font-weight:950 !important}
#compare .compare-key b{font-size:22px}
#compare .compare-theme-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
#compare .compare-theme-row{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:9px 10px;
  border-radius:13px;
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(212,180,91,.28) !important;
  color:#fff !important;
}
#compare .compare-theme-row span{min-width:0;color:#eaf4fb !important;font-weight:800}
#compare .compare-theme-row b{color:#f5d77f !important;font-size:16px}
#compare .compare-card-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(212,180,91,.26);
}
#compare .compare-card-actions .btn{width:100%}
#compare .compare-card-actions .btn.secondary{
  background:rgba(255,255,255,.09) !important;
  color:#fff !important;
  border:1px solid rgba(212,180,91,.48) !important;
}

/* Tabla comparativa: cabecera marina, primera columna estable y filas más legibles. */
#compare .compare-wrap{
  border-radius:18px !important;
  border:1px solid rgba(212,180,91,.48) !important;
  box-shadow:0 14px 28px rgba(5,30,53,.12);
  background:#f7fbff;
}
#compare .compare-wrap table{border-collapse:separate !important;border-spacing:0 !important}
#compare .compare-wrap th,
#compare .compare-wrap td{padding:12px !important}
#compare .compare-wrap thead th{
  background:linear-gradient(180deg,#0a355c,#061f38) !important;
  color:#fff !important;
  border-color:#315e82 !important;
}
#compare .compare-wrap tr>th:first-child{
  background:linear-gradient(180deg,#0b416d,#082e50) !important;
  color:#f5d77f !important;
  font-weight:950 !important;
}
#compare .compare-wrap tbody tr:nth-child(even) td{background:#eef6fc !important}
#compare .compare-wrap tbody td b{color:#0a4f83 !important}

/* Estados vacíos: dejan de parecer mensajes genéricos y pasan al lenguaje de la app. */
#favorites .empty,
#compare .empty,
#cruises .empty,
#ships .empty,
#ranking .empty,
#explorer .empty,
#wwii .empty{
  border-radius:20px !important;
  border:1px solid rgba(212,180,91,.62) !important;
  background:linear-gradient(145deg,#071f38,#0a355c) !important;
  color:#fff !important;
  box-shadow:inset 0 2px 0 rgba(242,205,103,.22),0 12px 26px rgba(5,30,53,.14) !important;
}
#favorites .empty h3,#compare .empty h3,#cruises .empty h3,#ships .empty h3,#ranking .empty h3,#explorer .empty h3,#wwii .empty h3{color:#fff !important}
#favorites .empty p,#compare .empty p,#cruises .empty p,#ships .empty p,#ranking .empty p,#explorer .empty p,#wwii .empty p{color:#d8e9f5 !important}
#favorites .empty b,#compare .empty b,#cruises .empty b,#ships .empty b,#ranking .empty b,#explorer .empty b,#wwii .empty b{color:#f5d77f !important}

/* Botones secundarios sobre superficies marinas: consistencia y contraste. */
#homeMyCruise .my-cruise-card .btn.secondary,
#cruises .cruise .btn.secondary,
#favorites .cruise .btn.secondary,
#ships .ship-fleet-card .btn.secondary{
  background:rgba(255,255,255,.09) !important;
  color:#fff !important;
  border:1px solid rgba(212,180,91,.50) !important;
}

/* Foco accesible visible, usando el acento dorado. */
#cruises button:focus-visible,
#favorites button:focus-visible,
#compare button:focus-visible,
#explorer button:focus-visible,
#wwii button:focus-visible,
#ships button:focus-visible{
  outline:3px solid rgba(242,205,103,.82) !important;
  outline-offset:2px !important;
}

@media(max-width:560px){
  #compare .compare-mobile-grid{grid-template-columns:1fr}
  #compare .compare-theme-grid{grid-template-columns:1fr 1fr}
  #compare .compare-card-actions{grid-template-columns:1fr 1fr}
  #compare .compare-cruise-card{border-radius:20px !important}
}
@media(max-width:365px){
  #compare .compare-theme-grid,#compare .compare-card-actions{grid-template-columns:1fr}
}


/* =========================================================
   MSCxplorer v7.0.55 · Auditoría visual · insignias TOP
   Corrección quirúrgica: las tarjetas del podio comparten la
   clase estructural *-top3; el contenido específico TOP 1/2
   debe prevalecer sobre la regla genérica TOP 3.
   ========================================================= */
#ranking .global-rank-top3.global-rank-top1::before,
#ranking .thematic-rank-top3.thematic-rank-top1::before{content:"TOP 1" !important}
#ranking .global-rank-top3.global-rank-top2::before,
#ranking .thematic-rank-top3.thematic-rank-top2::before{content:"TOP 2" !important}
#ranking .global-rank-top3:not(.global-rank-top1):not(.global-rank-top2)::before,
#ranking .thematic-rank-top3:not(.thematic-rank-top1):not(.thematic-rank-top2)::before{content:"TOP 3" !important}


/* =========================================================
   MSCxplorer v8.0.1 · Fase 1 — Sistema visual v8
   Alcance: Inicio + Mi crucero.
   Nueva capa ornamental marina/premium sin alterar lógica,
   datos, navegación ni el núcleo superior iPhone/PWA.
   ========================================================= */
:root{
  --v8-navy-950:#031426;
  --v8-navy-900:#061d35;
  --v8-navy-800:#0a3157;
  --v8-blue-600:#0b66ad;
  --v8-gold-500:#d8b453;
  --v8-gold-400:#f0cf72;
  --v8-gold-300:#ffe5a0;
  --v8-ice:#eff7fd;
  --v8-line-gold:rgba(216,180,83,.62);
  --v8-glow-gold:rgba(240,207,114,.20);
}

/* Fondo de Inicio: profundidad suave y brillo marino sin recargar. */
#home{
  position:relative;
  isolation:isolate;
}
#home::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-18px -14px 0;
  pointer-events:none;
  background:
    radial-gradient(460px 220px at 8% 4%,rgba(13,102,173,.10),transparent 70%),
    radial-gradient(400px 230px at 92% 18%,rgba(216,180,83,.08),transparent 72%);
}

/* Hero v8: marco metálico, halo y detalle náutico abstracto. */
#home .home-hero{
  border:1px solid rgba(240,207,114,.92) !important;
  outline:1px solid rgba(255,255,255,.14);
  outline-offset:-5px;
  box-shadow:
    inset 0 3px 0 rgba(255,229,160,.46),
    inset 0 -1px 0 rgba(255,255,255,.07),
    0 24px 54px rgba(3,20,38,.28) !important;
}
#home .home-hero::before{
  content:"";
  position:absolute;
  right:-74px;
  top:-86px;
  width:260px;
  height:260px;
  border-radius:50%;
  pointer-events:none;
  opacity:.78;
  background:
    radial-gradient(circle at center,transparent 0 27%,rgba(240,207,114,.16) 28% 29%,transparent 30% 43%,rgba(255,255,255,.08) 44% 45%,transparent 46%),
    conic-gradient(from 0deg,transparent 0 10deg,rgba(240,207,114,.16) 10deg 12deg,transparent 12deg 88deg,rgba(240,207,114,.12) 88deg 90deg,transparent 90deg 178deg,rgba(240,207,114,.12) 178deg 180deg,transparent 180deg 268deg,rgba(240,207,114,.12) 268deg 270deg,transparent 270deg);
  filter:drop-shadow(0 0 18px rgba(240,207,114,.08));
}
#home .home-hero-content{
  position:relative;
}
#home .home-hero-content h2{
  text-wrap:balance;
  letter-spacing:-.018em;
}
#home .home-hero-content .eyebrow{
  box-shadow:0 8px 18px rgba(64,45,0,.16),inset 0 1px 0 rgba(255,255,255,.55) !important;
}
#home .home-hero-badge{
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.10));
  border-color:rgba(240,207,114,.34);
}
#home .home-hero-facts .fact{
  position:relative;
  overflow:hidden;
  border-color:rgba(240,207,114,.30);
  background:linear-gradient(180deg,rgba(6,29,53,.44),rgba(255,255,255,.10));
}
#home .home-hero-facts .fact b{color:#fff4cf}
#home .home-hero-actions .btn:first-child{
  background:linear-gradient(180deg,#f0cf72,#caa344) !important;
  color:#102a43 !important;
  border:1px solid #ffe5a0 !important;
  box-shadow:0 10px 22px rgba(70,48,0,.18) !important;
}

/* Accesos rápidos: auténticas piezas de navegación v8. */
#home .home-quick{gap:13px}
#home .home-quick-card{
  position:relative;
  overflow:hidden;
  min-height:122px;
  padding:18px !important;
  border-color:rgba(216,180,83,.78) !important;
  background:
    radial-gradient(150px 100px at 100% 0%,rgba(255,255,255,.10),transparent 68%),
    linear-gradient(145deg,#04182c 0%,#082c4f 64%,#0b4778 100%) !important;
  box-shadow:
    inset 0 2px 0 rgba(240,207,114,.42),
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 15px 32px rgba(3,20,38,.18) !important;
}
#home .home-quick-card::after{
  content:"";
  position:absolute;
  right:-30px;
  bottom:-42px;
  width:120px;
  height:120px;
  border-radius:50%;
  border:1px solid rgba(240,207,114,.13);
  box-shadow:0 0 0 18px rgba(240,207,114,.035),0 0 0 36px rgba(255,255,255,.018);
  pointer-events:none;
}
#home .home-quick-icon{
  width:54px;
  height:54px;
  flex-basis:54px;
  border-radius:17px !important;
  background:linear-gradient(145deg,rgba(240,207,114,.20),rgba(255,255,255,.08)) !important;
  border:1px solid rgba(240,207,114,.70) !important;
  color:#ffe29a !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.14);
}
#home .home-quick-card h4{font-size:19px;letter-spacing:.005em}
#home .home-quick-card p{max-width:30ch}

/* Cabeceras de bloques de Inicio: pequeño remate dorado editorial. */
#home>article.card{
  border-color:rgba(216,180,83,.42) !important;
  box-shadow:inset 0 2px 0 rgba(240,207,114,.16),0 16px 34px rgba(7,47,80,.10) !important;
}
#home>article.card>.eyebrow{
  background:linear-gradient(180deg,#f5d77f,#d7af50) !important;
  color:#102a43 !important;
  border:1px solid #ffe8aa !important;
  box-shadow:0 6px 14px rgba(73,52,0,.10);
}
#home>article.card>h3{
  position:relative;
  padding-bottom:11px;
  color:#082b4b;
}
#home>article.card>h3::after{
  content:"";
  display:block;
  width:72px;
  height:3px;
  margin-top:10px;
  border-radius:99px;
  background:linear-gradient(90deg,#d6ae4e,#f2d47b 72%,transparent);
}

/* Tarjetas de inspiración y selección: textura marina + ribete dorado. */
#home .home-highlight-card,
#home .home-route-card{
  border-color:rgba(216,180,83,.72) !important;
  background:
    radial-gradient(190px 120px at 100% 0%,rgba(240,207,114,.09),transparent 66%),
    radial-gradient(240px 130px at 0% 100%,rgba(15,102,173,.16),transparent 68%),
    linear-gradient(155deg,#04182c 0%,#082d50 64%,#0a416f 100%) !important;
  box-shadow:inset 0 2px 0 rgba(240,207,114,.26),0 18px 38px rgba(3,20,38,.20) !important;
}
#home .home-highlight-card::before,
#home .home-route-card::before{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),inset 5px 0 0 rgba(216,180,83,.78) !important;
}
#home .home-highlight-card .meta,
#home .home-route-card .meta{color:#f4d982 !important;letter-spacing:.02em}
#home .home-highlight-card .home-chip,
#home .home-route-card .home-chip{
  background:rgba(255,255,255,.095) !important;
  border-color:rgba(240,207,114,.46) !important;
  color:#fff5d6 !important;
}
#home .home-highlight-card .btn:not(.secondary),
#home .home-route-card .btn:not(.secondary){
  background:linear-gradient(180deg,#f1d172,#d2aa49) !important;
  color:#102a43 !important;
  border:1px solid #ffe6a1 !important;
}

/* Mi crucero v8: panel insignia, watermark y bloques internos más ricos. */
#homeMyCruise .my-cruise-card{
  border:1px solid rgba(240,207,114,.92) !important;
  outline:1px solid rgba(255,255,255,.10);
  outline-offset:-5px;
  background:
    radial-gradient(320px 210px at 100% 0%,rgba(255,255,255,.10),transparent 66%),
    radial-gradient(300px 190px at 0% 100%,rgba(216,180,83,.14),transparent 70%),
    linear-gradient(145deg,#031426 0%,#072846 48%,#0a416f 100%) !important;
  box-shadow:inset 0 3px 0 rgba(255,229,160,.36),0 22px 48px rgba(3,20,38,.26) !important;
}
#homeMyCruise .my-cruise-card::after{
  content:"✦";
  position:absolute;
  right:-12px;
  bottom:-50px;
  z-index:0;
  font-family:Georgia,serif;
  font-size:190px;
  line-height:1;
  color:rgba(240,207,114,.075);
  transform:rotate(12deg);
  pointer-events:none;
}
#homeMyCruise .my-cruise-card>*{position:relative;z-index:1}
#homeMyCruise .my-cruise-card .eyebrow{
  background:linear-gradient(180deg,#f3d77f,#d3a846) !important;
  color:#102a43 !important;
  border-color:#ffe8a8 !important;
  box-shadow:0 8px 18px rgba(68,46,0,.14);
}
#homeMyCruise .my-cruise-card h2{
  color:#fff !important;
  letter-spacing:-.015em;
  text-shadow:0 4px 18px rgba(0,0,0,.18);
}
#homeMyCruise .my-cruise-countdown{
  color:#fff4cf !important;
  background:linear-gradient(180deg,rgba(240,207,114,.22),rgba(216,180,83,.10)) !important;
  border-color:rgba(255,229,160,.72) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 16px rgba(0,0,0,.09);
}
#homeMyCruise .my-cruise-summary span{
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.07)) !important;
  border-color:rgba(216,180,83,.42) !important;
}
#homeMyCruise .my-cruise-section-title{
  align-items:center;
  padding-bottom:8px;
  border-bottom:1px solid rgba(216,180,83,.28);
}
#homeMyCruise .my-cruise-section-title>span{color:#ffe7a3 !important;letter-spacing:.008em}
#homeMyCruise .my-cruise-quick-btn{
  background:
    radial-gradient(80px 50px at 100% 0%,rgba(240,207,114,.08),transparent 68%),
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(4,24,44,.16)) !important;
  border-color:rgba(216,180,83,.50) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 16px rgba(0,0,0,.08) !important;
}
#homeMyCruise .my-cruise-quick-btn>span{color:#ffe18f !important}
#homeMyCruise .my-cruise-excursion,
#homeMyCruise .my-cruise-weather-row,
#homeMyCruise .my-cruise-next-card,
#homeMyCruise .my-cruise-offline-card,
#homeMyCruise .my-cruise-plan-row,
#homeMyCruise .my-cruise-readiness-item,
#homeMyCruise .my-cruise-scale-head,
#homeMyCruise .my-cruise-scale-block,
#homeMyCruise .my-cruises-library-card{
  border-color:rgba(216,180,83,.30) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 18px rgba(0,0,0,.055) !important;
}
#homeMyCruise .my-cruise-timeline-row.current{
  background:linear-gradient(90deg,rgba(240,207,114,.12),rgba(255,255,255,.04)) !important;
  box-shadow:inset 3px 0 0 rgba(240,207,114,.78);
}
#homeMyCruise .my-cruise-timeline-row.current .my-cruise-timeline-name{color:#fff4cf !important}
#homeMyCruise .my-cruise-plan>summary,
#homeMyCruise .my-cruise-readiness>summary,
#homeMyCruise .my-cruise-scale>summary,
#homeMyCruise .my-cruises-library>summary{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}

@media(max-width:720px){
  #home .home-hero::before{right:-108px;top:-100px;opacity:.56}
  #home .home-quick-card{min-height:108px;padding:16px !important}
  #homeMyCruise .my-cruise-card::after{font-size:150px;right:-18px;bottom:-36px}
}
@media(max-width:430px){
  #home .home-hero{outline-offset:-4px}
  #home .home-hero-facts .fact{min-width:0}
  #home .home-quick-icon{width:50px;height:50px;flex-basis:50px}
  #homeMyCruise .my-cruise-card{outline-offset:-4px}
}


/* =========================================================
   MSCxplorer v8.0.2 · Fase 2 — Cruceros
   Alcance: listado de Cruceros + ficha de crucero.
   Inspirado en el lenguaje visual v8 validado en Inicio.
   Sin cambios funcionales, de datos, navegación o encuadre de barcos.
   ========================================================= */

/* Fondo propio de la sección: profundidad marina muy sutil. */
#cruises{
  position:relative;
  isolation:isolate;
}
#cruises::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-18px -14px 0;
  pointer-events:none;
  background:
    radial-gradient(520px 240px at 6% 2%,rgba(11,102,173,.10),transparent 72%),
    radial-gradient(430px 250px at 96% 18%,rgba(216,180,83,.075),transparent 72%);
}

/* Cabecera de exploración de cruceros. */
#cruises .cruise-discover-head{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(240,207,114,.92) !important;
  outline:1px solid rgba(255,255,255,.10);
  outline-offset:-5px;
  background:
    radial-gradient(250px 160px at 100% 0%,rgba(255,255,255,.10),transparent 67%),
    radial-gradient(300px 180px at 0% 100%,rgba(216,180,83,.11),transparent 70%),
    linear-gradient(145deg,#031426 0%,#072846 52%,#0a416f 100%) !important;
  box-shadow:inset 0 3px 0 rgba(255,229,160,.36),0 22px 48px rgba(3,20,38,.22) !important;
}
#cruises .cruise-discover-head::after{
  content:"✦";
  position:absolute;
  right:-8px;
  top:-42px;
  font-family:Georgia,serif;
  font-size:170px;
  line-height:1;
  color:rgba(240,207,114,.065);
  transform:rotate(15deg);
  pointer-events:none;
}
#cruises .cruise-discover-head>*{position:relative;z-index:1}
#cruises .cruise-discover-head>.eyebrow{
  background:linear-gradient(180deg,#f3d77f,#d3a846) !important;
  color:#102a43 !important;
  border:1px solid #ffe8a8 !important;
  box-shadow:0 8px 18px rgba(68,46,0,.14);
}
#cruises .cruise-discover-head>h2{
  margin:14px 0 5px;
  font-size:clamp(31px,5vw,40px);
  letter-spacing:-.02em;
  color:#fff !important;
}
#cruises .cruise-discover-lead{
  max-width:720px;
  margin:0 0 17px;
  color:#dcecf8 !important;
  line-height:1.5;
  font-weight:650;
}
#cruises .cruise-discover-head .filters{
  gap:10px;
  padding:13px;
  border:1px solid rgba(216,180,83,.28);
  border-radius:18px;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
#cruises .cruise-discover-head .filters>div{
  min-width:0;
}
#cruises .cruise-discover-head label{
  color:#ffe6a1 !important;
  letter-spacing:.015em;
}
#cruises .cruise-discover-head input,
#cruises .cruise-discover-head select{
  border-radius:14px !important;
  border:1px solid rgba(240,207,114,.65) !important;
  background:linear-gradient(180deg,#fff,#eef6fc) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 16px rgba(0,0,0,.08) !important;
}
#cruises .cruise-toolbar{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(216,180,83,.24);
}
#cruises #cruiseCount{
  font-weight:950;
  letter-spacing:.01em;
}
#cruises .cruise-toolbar .compare-selected-cta.has-selection{
  background:linear-gradient(180deg,#f1d172,#d2aa49) !important;
  color:#102a43 !important;
  border:1px solid #ffe6a1 !important;
  box-shadow:0 9px 20px rgba(65,44,0,.16) !important;
}

/* Tarjetas de cruceros: pieza tipo “billete premium”. */
#cruises .cruise,
#favorites .cruise{
  position:relative;
  overflow:hidden;
  padding:18px 18px 17px 21px !important;
  border:1px solid rgba(216,180,83,.74) !important;
  background:
    radial-gradient(210px 120px at 100% 0%,rgba(255,255,255,.08),transparent 67%),
    radial-gradient(270px 150px at 0% 100%,rgba(11,102,173,.16),transparent 70%),
    linear-gradient(150deg,#03182c 0%,#072b4c 61%,#0a416f 100%) !important;
  box-shadow:
    inset 0 2px 0 rgba(240,207,114,.30),
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 17px 38px rgba(3,20,38,.19) !important;
}
#cruises .cruise::before,
#favorites .cruise::before{
  width:5px !important;
  background:linear-gradient(180deg,#ffe6a0 0%,#d8b453 42%,#a87d26 100%) !important;
  box-shadow:1px 0 0 rgba(255,255,255,.08);
}
#cruises .cruise-card-title-wrap,
#favorites .cruise-card-title-wrap{min-width:0}
#cruises .cruise-card-kicker,
#favorites .cruise-card-kicker{
  display:block;
  margin:1px 0 5px;
  color:#f3d77f;
  font-size:11px;
  line-height:1.2;
  font-weight:950;
  letter-spacing:.095em;
  text-transform:uppercase;
}
#cruises .cruise h3,
#favorites .cruise h3{
  margin:0 !important;
  font-size:clamp(23px,4vw,29px) !important;
  line-height:1.05;
  letter-spacing:-.018em;
  text-shadow:0 4px 16px rgba(0,0,0,.14);
}
#cruises .cruise-card-meta-row,
#favorites .cruise-card-meta-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:12px 0 4px;
}
#cruises .cruise-card-meta-chip,
#favorites .cruise-card-meta-chip{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.085);
  border:1px solid rgba(216,180,83,.34);
  color:#edf6fc;
  font-size:12px;
  font-weight:850;
  line-height:1.2;
}
#cruises .cruise-card-meta-chip.cruise-date,
#favorites .cruise-card-meta-chip.cruise-date{
  background:linear-gradient(180deg,rgba(240,207,114,.23),rgba(216,180,83,.12));
  border-color:rgba(255,229,160,.55);
  color:#fff3ca;
}
#cruises .cruise-card-route,
#favorites .cruise-card-route{
  display:grid;
  gap:5px;
  margin:13px 0 12px !important;
  padding:13px 14px 14px !important;
  border-left:3px solid rgba(240,207,114,.82) !important;
  border-radius:4px 15px 15px 4px !important;
  background:
    radial-gradient(130px 80px at 100% 0%,rgba(240,207,114,.07),transparent 68%),
    rgba(255,255,255,.065) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
#cruises .cruise-card-route-label,
#favorites .cruise-card-route-label{
  color:#f2cf72;
  font-size:10px;
  font-weight:950;
  letter-spacing:.09em;
  text-transform:uppercase;
}
#cruises .cruise-card-route-text,
#favorites .cruise-card-route-text{
  color:#f4f9fc;
  font-weight:720;
  line-height:1.55;
}
#cruises .cruise-card-actions,
#favorites .cruise-card-actions{
  gap:8px !important;
  padding-top:11px !important;
  border-top:1px solid rgba(216,180,83,.25) !important;
}
#cruises .cruise-card-actions .btn:first-child,
#favorites .cruise-card-actions .btn:first-child{
  background:linear-gradient(180deg,#f0cf72,#cba345) !important;
  color:#102a43 !important;
  border:1px solid #ffe5a0 !important;
  box-shadow:0 9px 19px rgba(62,42,0,.15) !important;
}
#cruises .cruise-card-actions .btn.secondary,
#favorites .cruise-card-actions .btn.secondary{
  background:rgba(255,255,255,.075) !important;
  color:#fff !important;
  border:1px solid rgba(216,180,83,.42) !important;
}
#cruises .cruise-card-actions .btn.compare-added,
#favorites .cruise-card-actions .btn.compare-added{
  background:linear-gradient(180deg,#f0cf72,#cba345) !important;
  color:#102a43 !important;
  border-color:#ffe5a0 !important;
}
#cruises .cruise .my-cruise-list-badge,
#favorites .cruise .my-cruise-list-badge{
  border-color:rgba(255,229,160,.64) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
#cruises .cruise .port-chip,
#favorites .cruise .port-chip{
  background:rgba(255,255,255,.075) !important;
  color:#f3f8fc !important;
  border-color:rgba(216,180,83,.42) !important;
}
#cruises .cruise .port-chip.ready,
#favorites .cruise .port-chip.ready{
  background:linear-gradient(180deg,#f5fbff,#deeffb) !important;
  color:#064b85 !important;
  border-color:#9bcbea !important;
}
#cruises .cruise-card-go-msc .go-msc-pill,
#favorites .cruise-card-go-msc .go-msc-pill{
  border-color:rgba(255,229,160,.72) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.14) !important;
}
#cruises .cruise.compare-selected,
#favorites .cruise.compare-selected{
  border-color:#f0cf72 !important;
  box-shadow:0 0 0 2px rgba(240,207,114,.30),0 20px 42px rgba(3,20,38,.22) !important;
}

/* Ficha de crucero: presentación editorial del viaje. */
#cruises .detail-head{
  border:1px solid rgba(216,180,83,.55) !important;
  background:linear-gradient(180deg,rgba(7,40,70,.94),rgba(4,26,47,.94)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 24px rgba(3,20,38,.16) !important;
}
#cruises .detail-head>.btn.secondary{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border:1px solid rgba(216,180,83,.46) !important;
}
#cruises .detail-head .my-cruise-detail-actions .btn:not(.secondary){
  border-color:rgba(255,229,160,.72) !important;
}
#cruises #cruiseDetail article.card.cruise-detail-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(240,207,114,.88) !important;
  outline:1px solid rgba(255,255,255,.075);
  outline-offset:-5px;
  background:
    radial-gradient(310px 200px at 100% 0%,rgba(255,255,255,.09),transparent 67%),
    radial-gradient(330px 190px at 0% 100%,rgba(216,180,83,.10),transparent 72%),
    linear-gradient(145deg,#031426 0%,#072846 50%,#0a416f 100%) !important;
  box-shadow:inset 0 3px 0 rgba(255,229,160,.31),0 22px 48px rgba(3,20,38,.23) !important;
}
#cruises .cruise-detail-eyebrow{
  display:inline-flex;
  margin-bottom:10px;
  background:linear-gradient(180deg,#f3d77f,#d3a846) !important;
  color:#102a43 !important;
  border:1px solid #ffe8a8 !important;
  box-shadow:0 8px 18px rgba(68,46,0,.14);
}
#cruises #cruiseDetail .cruise-detail-ship-head{
  gap:16px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(216,180,83,.24);
}
#cruises #cruiseDetail .cruise-detail-ship-copy h2{
  margin-bottom:0;
  font-size:clamp(32px,5vw,42px) !important;
  letter-spacing:-.025em;
  text-shadow:0 5px 20px rgba(0,0,0,.16);
}
#cruises #cruiseDetail .cruise-detail-ship-photo-wrap{
  border-color:rgba(240,207,114,.72) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.17),inset 0 0 0 1px rgba(255,255,255,.18) !important;
}
#cruises .cruise-detail-meta-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:13px 0 17px;
}
#cruises .cruise-detail-meta-chip{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(216,180,83,.35);
  color:#edf6fc;
  font-size:12px;
  font-weight:850;
}
#cruises .cruise-detail-meta-chip.primary{
  background:linear-gradient(180deg,rgba(240,207,114,.24),rgba(216,180,83,.11));
  color:#fff3ca;
  border-color:rgba(255,229,160,.58);
}
#cruises #cruiseDetail article.card.cruise-detail-card>h3{
  display:flex;
  align-items:center;
  gap:10px;
  margin:20px 0 10px;
  padding-bottom:9px;
  border-bottom:1px solid rgba(216,180,83,.24);
  font-size:18px;
  letter-spacing:.01em;
}
#cruises #cruiseDetail article.card.cruise-detail-card>h3::before{
  content:"";
  width:32px;
  height:3px;
  flex:0 0 32px;
  border-radius:99px;
  background:linear-gradient(90deg,#f0cf72,#bd9136);
  box-shadow:0 0 12px rgba(240,207,114,.14);
}
#cruises #cruiseDetail .route{
  border-left:3px solid rgba(240,207,114,.82) !important;
  border-radius:4px 15px 15px 4px !important;
  background:
    radial-gradient(150px 90px at 100% 0%,rgba(240,207,114,.07),transparent 68%),
    rgba(255,255,255,.065) !important;
}
#cruises #cruiseDetail .cruise-stops-disclosure{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
#cruises #cruiseDetail .cruise-stops-disclosure>summary{
  color:#fff3ca !important;
}
#cruises #cruiseDetail .stats{
  gap:10px;
}
#cruises #cruiseDetail .stats .stat{
  position:relative;
  overflow:hidden;
  border-color:rgba(216,180,83,.34) !important;
  background:
    radial-gradient(90px 60px at 100% 0%,rgba(240,207,114,.075),transparent 68%),
    rgba(255,255,255,.07) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
#cruises #cruiseDetail .stats .stat b{
  color:#ffe08a !important;
  text-shadow:0 2px 12px rgba(0,0,0,.12);
}
#cruises #cruiseDetail .thematic-score-link{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 7px 16px rgba(0,0,0,.055) !important;
}
#cruises #cruiseDetail .thematic-score-link .thematic-pill-label b{
  color:#ffe08a !important;
}
#cruises #cruiseDetail .go-msc-card-status,
#cruises #cruiseDetail .go-msc-similar-wrap{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

/* Botón de más resultados integrado en la nueva interfaz. */
#cruises #loadMore{
  display:block;
  width:min(100%,420px);
  margin:16px auto 4px;
  border:1px solid rgba(255,229,160,.72) !important;
  background:linear-gradient(180deg,#0b67ae,#07497d) !important;
  box-shadow:0 10px 22px rgba(3,20,38,.15) !important;
}

@media(max-width:720px){
  #cruises .cruise-discover-head::after{font-size:140px;right:-14px;top:-32px}
  #cruises .cruise-discover-head .filters{padding:11px;border-radius:16px}
  #cruises #cruiseDetail article.card.cruise-detail-card{outline-offset:-4px}
}
@media(max-width:560px){
  #cruises .cruise,
  #favorites .cruise{padding:16px 14px 15px 18px !important}
  #cruises .cruise-card-meta-row,
  #favorites .cruise-card-meta-row{gap:6px}
  #cruises .cruise-card-meta-chip,
  #favorites .cruise-card-meta-chip{font-size:11px;padding:6px 8px}
  #cruises .cruise-card-actions,
  #favorites .cruise-card-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px !important;
  }
  #cruises .cruise-card-actions .btn,
  #favorites .cruise-card-actions .btn{
    width:100%;
    min-width:0;
    padding-left:8px !important;
    padding-right:8px !important;
  }
  #cruises .cruise-card-go-msc .go-msc-pill,
  #favorites .cruise-card-go-msc .go-msc-pill{font-size:11.5px !important}
  #cruises .cruise-detail-meta-chip{font-size:11px;padding:6px 9px}
}
@media(max-width:390px){
  #cruises .cruise-card-head,
  #favorites .cruise-card-head{align-items:flex-start !important}
  #cruises .cruise h3,
  #favorites .cruise h3{font-size:21px !important}
  #cruises .cruise-card-actions,
  #favorites .cruise-card-actions{grid-template-columns:1fr 1fr}
}


/* =========================================================
   MSCxplorer v8.0.3 · Fase 3 — Barcos / Flota
   Alcance: cabecera de Flota, tarjetas de barcos y salidas agrupadas.
   Se conserva intacto el encuadre fotográfico validado, Ranking de barcos,
   transición Ranking → Flota, datos, navegación y lógica.
   ========================================================= */

/* Fondo de sección y navegación entre Flota / Ranking. */
#ships{
  position:relative;
  isolation:isolate;
}
#ships::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-18px -14px 0;
  pointer-events:none;
  background:
    radial-gradient(520px 260px at 5% 2%,rgba(11,102,173,.105),transparent 72%),
    radial-gradient(430px 260px at 96% 17%,rgba(216,180,83,.075),transparent 72%);
}
#ships .ship-view-tabs{
  padding:7px;
  gap:7px;
  border:1px solid rgba(216,180,83,.55);
  border-radius:18px;
  background:linear-gradient(145deg,#04172a,#082c4d 68%,#0a3d68);
  box-shadow:inset 0 1px 0 rgba(255,229,160,.16),0 12px 26px rgba(3,20,38,.14);
}
#ships .ship-view-tab{
  min-height:42px;
  border-radius:13px !important;
  border:1px solid rgba(216,180,83,.30) !important;
  background:rgba(255,255,255,.075) !important;
  color:#eef7fd !important;
  box-shadow:none !important;
}
#ships .ship-view-tab.active{
  background:linear-gradient(180deg,#f2d57c,#cda444) !important;
  color:#102a43 !important;
  border-color:#ffe9ac !important;
  box-shadow:0 8px 18px rgba(60,42,0,.18),inset 0 1px 0 rgba(255,255,255,.55) !important;
}

/* Cabecera editorial de la Flota. */
#ships #shipListView .ship-fleet-head{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(240,207,114,.92) !important;
  outline:1px solid rgba(255,255,255,.10);
  outline-offset:-5px;
  background:
    radial-gradient(260px 170px at 100% 0%,rgba(255,255,255,.10),transparent 67%),
    radial-gradient(320px 190px at 0% 100%,rgba(216,180,83,.12),transparent 70%),
    linear-gradient(145deg,#031426 0%,#072846 52%,#0a416f 100%) !important;
  box-shadow:inset 0 3px 0 rgba(255,229,160,.36),0 22px 48px rgba(3,20,38,.22) !important;
}
#ships #shipListView .ship-fleet-head::after{
  content:"✦";
  position:absolute;
  right:-8px;
  top:-46px;
  font-family:Georgia,serif;
  font-size:178px;
  line-height:1;
  color:rgba(240,207,114,.070);
  transform:rotate(14deg);
  pointer-events:none;
}
#ships #shipListView .ship-fleet-head>*{position:relative;z-index:1}
#ships #shipListView .ship-fleet-head>.eyebrow{
  background:linear-gradient(180deg,#f3d77f,#d3a846) !important;
  color:#102a43 !important;
  border:1px solid #ffe8a8 !important;
  box-shadow:0 8px 18px rgba(68,46,0,.14);
}
#ships #shipListView .ship-fleet-head>h2{
  margin:14px 0 6px;
  font-size:clamp(31px,5vw,40px);
  letter-spacing:-.02em;
  color:#fff !important;
}
#ships #shipListView .ship-fleet-lead{
  max-width:720px;
  margin:0;
  color:#dcecf8 !important;
  line-height:1.5;
  font-weight:650;
}

/* Tarjetas de barco v8. No se toca .ship-media ni .ship-photo. */
#ships #shipList{gap:15px}
#ships #shipList .ship-fleet-card{
  border:1px solid rgba(216,180,83,.78) !important;
  background:
    radial-gradient(210px 125px at 100% 0%,rgba(255,255,255,.08),transparent 67%),
    radial-gradient(280px 170px at 0% 100%,rgba(11,102,173,.15),transparent 72%),
    conic-gradient(from 215deg at 96% 90%,transparent 0 17deg,rgba(240,207,114,.045) 18deg 19deg,transparent 20deg 52deg,rgba(255,255,255,.035) 53deg 54deg,transparent 55deg),
    linear-gradient(150deg,#03182c 0%,#072b4c 61%,#0a416f 100%) !important;
  box-shadow:
    inset 0 2px 0 rgba(240,207,114,.34),
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 18px 40px rgba(3,20,38,.20) !important;
}
#ships #shipList .ship-title-row{
  margin-top:4px;
  padding-bottom:11px;
  border-bottom:1px solid rgba(216,180,83,.30);
}
#ships #shipList .ship-title-row h3{
  font-size:25px;
  letter-spacing:-.012em;
  color:#fff !important;
  text-shadow:0 3px 14px rgba(0,0,0,.16);
}
#ships #shipList .ship-title-row h3::after{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-left:9px;
  border-radius:50%;
  vertical-align:middle;
  background:#f0cf72;
  box-shadow:0 0 0 3px rgba(240,207,114,.12);
}
#ships #shipList .ship-go-msc-pill,
#ships #shipList .ship-go-msc-pill:visited{
  min-height:38px;
  padding:8px 13px;
  border-radius:999px !important;
  background:linear-gradient(180deg,#f2d57c,#cda444) !important;
  color:#102a43 !important;
  border:1px solid #ffe9ac !important;
  box-shadow:0 9px 20px rgba(58,40,0,.18),inset 0 1px 0 rgba(255,255,255,.50) !important;
  font-weight:950 !important;
  text-decoration:none !important;
}
#ships #shipList .ship-specs-line{
  margin-top:10px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.065)) !important;
  border-color:rgba(240,207,114,.52) !important;
  color:#fff5d5 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
}
#ships #shipList .ship-fleet-card>p:not(.ship-specs-line){
  margin:11px 0 13px;
  padding-left:12px;
  border-left:3px solid rgba(240,207,114,.72);
  color:#dcecf8 !important;
  line-height:1.58;
}
#ships #shipList .ship-fleet-card>.badges{
  margin-top:4px;
  padding-top:11px;
  border-top:1px solid rgba(216,180,83,.24);
}
#ships #shipList .ship-sailings-badge{
  min-height:40px;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,rgba(240,207,114,.20),rgba(216,180,83,.10)) !important;
  border:1px solid rgba(240,207,114,.66) !important;
  color:#fff4cf !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.10) !important;
}
#ships #shipList .ship-sailings-badge::before{
  content:"⚓";
  margin-right:6px;
  font-size:.92em;
}

/* Salidas agrupadas: misma estética premium de Flota. */
#ships #shipSailingsDetail .detail-head{
  border-radius:17px;
  padding:9px 10px;
  background:rgba(232,243,252,.92);
  border:1px solid rgba(216,180,83,.45);
  backdrop-filter:blur(10px);
  box-shadow:0 8px 20px rgba(8,55,93,.08);
}
#ships #shipSailingsDetail .ship-sailings-summary{
  border:1px solid rgba(240,207,114,.86) !important;
  background:
    radial-gradient(240px 140px at 100% 0%,rgba(255,255,255,.08),transparent 68%),
    linear-gradient(145deg,#031426,#072846 58%,#0a416f) !important;
  box-shadow:inset 0 2px 0 rgba(240,207,114,.28),0 16px 34px rgba(3,20,38,.18) !important;
}
#ships #shipSailingsDetail .ship-sailings-summary>.eyebrow{
  background:linear-gradient(180deg,#f3d77f,#d3a846) !important;
  color:#102a43 !important;
  border:1px solid #ffe8a8 !important;
}
#ships #shipSailingsDetail .ship-sailing-group{
  border:1px solid rgba(216,180,83,.58) !important;
  background:
    radial-gradient(180px 100px at 100% 0%,rgba(240,207,114,.06),transparent 68%),
    linear-gradient(145deg,#061f38,#0a355c 74%,#0c4778) !important;
  box-shadow:inset 0 1px 0 rgba(240,207,114,.16),0 12px 26px rgba(3,20,38,.14) !important;
}
#ships #shipSailingsDetail .ship-sailing-group .route{
  padding:11px 12px;
  border-radius:13px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(216,180,83,.24);
}
#ships #shipSailingsDetail .ship-dates-disclosure>summary{
  border-color:#ffe3a0 !important;
  background:linear-gradient(180deg,#f1d172,#d2aa49) !important;
  color:#102a43 !important;
  box-shadow:0 8px 18px rgba(58,40,0,.16);
}
#ships #shipSailingsDetail .ship-date-chip{
  border-color:rgba(240,207,114,.56) !important;
  background:linear-gradient(180deg,#0d67ad,#084c87) !important;
  color:#fff !important;
  box-shadow:0 6px 14px rgba(0,0,0,.10);
}

@media(max-width:720px){
  #ships #shipListView .ship-fleet-head>h2{font-size:31px}
  #ships #shipList .ship-title-row h3{font-size:22px}
  #ships .ship-view-tabs{border-radius:16px}
}
@media(max-width:430px){
  #ships .ship-view-tabs{padding:6px;gap:6px}
  #ships .ship-view-tab{flex:1 1 0;min-width:0;padding:8px 9px !important;font-size:13px}
  #ships #shipListView .ship-fleet-head{outline-offset:-4px}
  #ships #shipListView .ship-fleet-head::after{font-size:145px;right:-18px;top:-34px}
  #ships #shipList .ship-title-row{gap:8px}
  #ships #shipList .ship-title-row h3{font-size:20px}
  #ships #shipList .ship-go-msc-pill{padding:7px 10px;font-size:12.5px}
  #ships #shipList .ship-fleet-card>p:not(.ship-specs-line){padding-left:10px}
}


/* =========================================================
   MSCxplorer v8.0.5 · Flota · tonelaje secundario
   La ficha técnica principal prioriza Clase · año · pasajeros.
   El tonelaje se conserva en un chip independiente que puede
   envolver sin provocar desbordamiento en iPhone.
   ========================================================= */
#ships #shipList .ship-tonnage-badge{
  min-height:40px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(240,207,114,.38);
  color:#e7eef6;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
@media(max-width:430px){
  #ships #shipList .ship-specs-line{
    font-size:clamp(11.2px,3.05vw,12.8px);
    letter-spacing:0;
  }
  #ships #shipList .ship-tonnage-badge,
  #ships #shipList .ship-sailings-badge{
    flex:0 1 auto;
  }
}


/* =========================================================
   MSCxplorer v8.0.6 · La Flota · ficha técnica en dos niveles
   - Línea principal completa: Clase · Año · Pasajeros.
   - Tonelaje centrado debajo con el mismo acabado visual.
   - Sin tocar fotografías, object-fit, Ranking ni transición.
   ========================================================= */
#ships #shipList .ship-specs-line{
  width:100%;
  max-width:none;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:10px 0 0 !important;
  padding:9px 13px !important;
  text-align:center;
  white-space:nowrap;
}
#ships #shipList .ship-spec-item{
  flex:1 1 auto;
  min-width:0;
  text-align:center;
  color:#fff5d5;
  font-weight:850;
}
#ships #shipList .ship-spec-pax{
  flex:1.25 1 auto;
}
#ships #shipList .ship-spec-sep{
  flex:0 0 auto;
  color:#f0cf72;
  font-weight:950;
  opacity:.95;
}
#ships #shipList .ship-tonnage-row{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:7px 0 2px;
}
#ships #shipList .ship-tonnage-badge{
  min-height:36px;
  padding:7px 15px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.065)) !important;
  border:1px solid rgba(240,207,114,.52) !important;
  color:#fff5d5 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
}
@media(max-width:430px){
  #ships #shipList .ship-specs-line{
    gap:5px;
    padding:8px 8px !important;
    font-size:clamp(10.8px,2.85vw,12.4px) !important;
  }
  #ships #shipList .ship-tonnage-badge{
    min-height:34px;
    padding:7px 13px;
    font-size:11.5px;
  }
}


/* =========================================================
   MSCxplorer v8.0.7 · Fase 4 — Ranking
   Alcance exclusivamente visual: cabecera, categorías, tarjetas,
   puntuaciones, fortalezas, fechas y explicaciones.
   PROTECCIÓN: este bloque NO define pseudo-elementos ::before/::after
   sobre tarjetas TOP. Cálculos, orden, textos y lógica V3 intactos.
   ========================================================= */

/* Fondo de sección: continuidad con Inicio, Cruceros y La Flota. */
#ranking{
  position:relative;
  isolation:isolate;
}
#ranking::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-18px -14px 0;
  pointer-events:none;
  background:
    radial-gradient(520px 250px at 4% 2%,rgba(11,102,173,.10),transparent 72%),
    radial-gradient(420px 260px at 97% 16%,rgba(216,180,83,.075),transparent 72%);
}

/* Cabecera editorial del Ranking. */
#ranking .thematic-ranking-head{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(240,207,114,.92) !important;
  outline:1px solid rgba(255,255,255,.09);
  outline-offset:-5px;
  background:
    radial-gradient(280px 170px at 100% 0%,rgba(255,255,255,.09),transparent 67%),
    radial-gradient(330px 190px at 0% 100%,rgba(216,180,83,.11),transparent 70%),
    linear-gradient(145deg,#031426 0%,#072846 52%,#0a416f 100%) !important;
  box-shadow:inset 0 3px 0 rgba(255,229,160,.34),0 22px 48px rgba(3,20,38,.22) !important;
  color:#fff !important;
}
#ranking .thematic-ranking-head>.eyebrow{
  display:inline-flex;
  background:linear-gradient(180deg,#f3d77f,#d3a846) !important;
  color:#102a43 !important;
  border:1px solid #ffe8a8 !important;
  box-shadow:0 8px 18px rgba(68,46,0,.14);
}
#ranking .thematic-ranking-head>h2{
  margin:14px 0 6px;
  font-size:clamp(31px,5vw,40px);
  letter-spacing:-.02em;
  color:#fff !important;
}
#ranking .thematic-ranking-head .ranking-help{
  max-width:760px;
  margin:0 0 15px;
  color:#dcecf8 !important;
  font-weight:650;
  line-height:1.55;
}

/* Categorías: azul marino; activa dorada. Sin alterar tamaño táctil. */
#rankingCategoryButtons.thematic-tabs{
  gap:8px !important;
  padding:8px !important;
  margin:14px 0 15px !important;
  border:1px solid rgba(216,180,83,.48);
  border-radius:18px;
  background:rgba(1,14,27,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
#rankingCategoryButtons .thematic-tab{
  border-radius:13px !important;
  border:1px solid rgba(216,180,83,.30) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.055)) !important;
  color:#eef7fd !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
#rankingCategoryButtons .thematic-tab span,
#rankingCategoryButtons .thematic-tab b,
#rankingCategoryButtons .thematic-tab small{
  color:#eef7fd !important;
}
#rankingCategoryButtons .thematic-tab.active{
  background:linear-gradient(180deg,#f2d57c,#cda444) !important;
  color:#102a43 !important;
  border-color:#ffe9ac !important;
  box-shadow:0 8px 18px rgba(58,40,0,.18),inset 0 1px 0 rgba(255,255,255,.55) !important;
}
#rankingCategoryButtons .thematic-tab.active span,
#rankingCategoryButtons .thematic-tab.active b,
#rankingCategoryButtons .thematic-tab.active small{
  color:#102a43 !important;
}

/* Título de la categoría elegida y resumen. */
#ranking #rankingHeading{
  margin:14px 0 4px;
  padding-top:12px;
  border-top:1px solid rgba(216,180,83,.30);
  color:#fff4cd !important;
  font-size:21px;
}
#ranking #rankingSummary{
  margin:0;
  color:#d7e8f5 !important;
  font-weight:700;
}
#ranking .ranking-focus-summary{
  border:1px solid rgba(240,207,114,.74) !important;
  background:linear-gradient(180deg,rgba(240,207,114,.17),rgba(216,180,83,.08)) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
#ranking .ranking-focus-summary strong,
#ranking .ranking-focus-summary span{color:#fff !important}

/* Separación entre posiciones. */
#ranking #rankingList{
  display:grid;
  gap:14px;
}

/* Tarjetas Global / temáticas: más profundidad, sin tocar los TOP. */
#ranking .global-rank-card,
#ranking .thematic-visual-card{
  border-radius:22px !important;
  border:1px solid rgba(216,180,83,.72) !important;
  background:
    radial-gradient(230px 130px at 100% 0%,rgba(255,255,255,.075),transparent 67%),
    radial-gradient(300px 180px at 0% 100%,rgba(11,102,173,.13),transparent 72%),
    linear-gradient(150deg,#03182c 0%,#072b4c 61%,#0a416f 100%) !important;
  box-shadow:
    inset 0 2px 0 rgba(240,207,114,.28),
    inset 0 0 0 1px rgba(255,255,255,.022),
    0 18px 40px rgba(3,20,38,.20) !important;
  color:#fff !important;
}
#ranking .global-rank-top3,
#ranking .thematic-rank-top3{
  border-color:rgba(240,207,114,.96) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,229,160,.35),
    0 0 0 1px rgba(216,180,83,.16),
    0 20px 44px rgba(3,20,38,.22) !important;
}

/* Cabecera de cada posición. */
#ranking .global-rank-head,
#ranking .thematic-rank-head{
  align-items:flex-start;
  gap:12px;
  padding-bottom:11px;
  border-bottom:1px solid rgba(216,180,83,.24);
}
#ranking .ranking-ship-heading h3{
  margin:0 !important;
  color:#fff !important;
  line-height:1.28;
}
#ranking .ranking-ship-link{
  color:#fff !important;
  text-decoration-color:#f0cf72 !important;
  text-decoration-thickness:1.5px !important;
  text-underline-offset:4px !important;
}
#ranking .ranking-ship-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}

/* Medallón de puntuación: dorado protagonista, compacto. */
#ranking .global-rank-score,
#ranking .thematic-rank-score{
  flex:0 0 auto;
  min-width:70px;
  min-height:70px;
  border:1px solid #ffe9ac !important;
  border-radius:19px !important;
  background:linear-gradient(155deg,#f5de91 0%,#d9ae4b 72%,#c59635 100%) !important;
  box-shadow:0 10px 22px rgba(58,40,0,.20),inset 0 1px 0 rgba(255,255,255,.62) !important;
}
#ranking .global-rank-score strong,
#ranking .global-rank-score small,
#ranking .thematic-rank-score strong,
#ranking .thematic-rank-score small{
  color:#102a43 !important;
  text-shadow:none !important;
}
#ranking .global-rank-score strong,
#ranking .thematic-rank-score strong{font-size:1.48rem !important}

/* Metadatos e itinerario. */
#ranking .global-rank-card>.meta,
#ranking .thematic-visual-card>.meta{
  margin:10px 0 0;
  color:#cfe2f0 !important;
  font-weight:750;
}
#ranking .global-rank-card>.route,
#ranking .thematic-visual-card>.route{
  margin:10px 0 !important;
  padding:11px 12px;
  border:1px solid rgba(216,180,83,.25);
  border-left:3px solid rgba(240,207,114,.78);
  border-radius:4px 14px 14px 4px;
  background:rgba(255,255,255,.06) !important;
  color:#f3f8fc !important;
  line-height:1.55;
}

/* Fechas disponibles: discreto, integrado y táctil. */
#ranking .ranking-dates{
  border-color:rgba(216,180,83,.28) !important;
  background:rgba(255,255,255,.045) !important;
}
#ranking .ranking-dates summary{
  color:#fff1c6 !important;
}
#ranking .ranking-dates summary span{
  background:rgba(240,207,114,.16) !important;
  color:#ffe8a8 !important;
}
#ranking .ranking-date-chip{
  border-color:rgba(240,207,114,.46) !important;
  background:rgba(255,255,255,.075) !important;
  color:#eef7fd !important;
}

/* Fortalezas y apoyo temático. */
#ranking .global-rank-strengths,
#ranking .thematic-rank-support{
  margin-top:2px;
  padding:3px 0 9px;
}
#ranking .global-rank-strengths span,
#ranking .thematic-rank-support span{
  border:1px solid rgba(240,207,114,.46) !important;
  background:linear-gradient(180deg,rgba(240,207,114,.16),rgba(216,180,83,.08)) !important;
  color:#fff4cf !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
#ranking .global-rank-strengths span b,
#ranking .thematic-rank-support span b{color:#ffe08a !important}

/* Acción y explicación desplegable. */
#ranking .global-rank-actions,
#ranking .thematic-card-foot{
  margin-top:2px;
  padding-top:10px;
  border-top:1px solid rgba(216,180,83,.20);
}
#ranking .global-rank-actions .btn,
#ranking .thematic-card-foot .btn{
  border:1px solid rgba(240,207,114,.56) !important;
  background:rgba(255,255,255,.085) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important;
}
#ranking .ranking-why,
#ranking .global-rank-card .ranking-why,
#ranking .thematic-explained-card .ranking-why{
  margin-top:11px !important;
  padding:13px 14px !important;
  border:1px solid rgba(240,207,114,.40) !important;
  border-radius:14px !important;
  background:rgba(1,18,34,.34) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
#ranking .ranking-why strong,
#ranking .ranking-why p,
#ranking .ranking-why b,
#ranking .ranking-why .muted{
  color:#eef7fd !important;
}
#ranking .ranking-place-link{
  color:#ffe08a !important;
  text-decoration-color:#f0cf72 !important;
}
#ranking .ranking-place-reason{color:#d5e7f4 !important}

/* No clasificables: claramente secundarios, pero legibles. */
#ranking .thematic-unclassified{
  border:1px dashed rgba(216,180,83,.40) !important;
  background:linear-gradient(145deg,#0a2946,#0c3b64) !important;
  color:#fff !important;
  opacity:.94;
}
#ranking .thematic-unclassified .meta,
#ranking .thematic-unclassified .muted,
#ranking .thematic-unclassified .route{color:#d4e6f3 !important}

@media(max-width:720px){
  #ranking .thematic-ranking-head>h2{font-size:31px}
  #ranking .global-rank-card,
  #ranking .thematic-visual-card{border-radius:20px !important}
}
@media(max-width:560px){
  #rankingCategoryButtons.thematic-tabs{
    padding:7px !important;
    gap:7px !important;
    border-radius:16px;
  }
  #rankingCategoryButtons .thematic-tab{
    min-height:54px !important;
    border-radius:12px !important;
  }
  #ranking .global-rank-score,
  #ranking .thematic-rank-score{
    min-width:64px;
    min-height:64px;
    border-radius:17px !important;
  }
  #ranking .global-rank-head,
  #ranking .thematic-rank-head{gap:9px}
  #ranking .ranking-ship-heading h3{font-size:18px}
}
@media(max-width:390px){
  #ranking .global-rank-score,
  #ranking .thematic-rank-score{min-width:60px;min-height:60px;padding:7px}
  #ranking .global-rank-score strong,
  #ranking .thematic-rank-score strong{font-size:1.32rem !important}
  #ranking .global-rank-score small,
  #ranking .thematic-rank-score small{font-size:.58rem !important}
}


/* =========================================================
   MSCxplorer v8.0.10 · Fase 5 — Favoritos + Comparador
   Alcance exclusivamente visual. Sin cambios de persistencia,
   selección, puntuaciones, datos, navegación ni lógica.
   ========================================================= */

/* ---------- Favoritos: cabecera y colección personal ---------- */
#favorites{
  position:relative;
  isolation:isolate;
}
#favorites::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-18px -14px 0;
  pointer-events:none;
  background:
    radial-gradient(520px 250px at 5% 2%,rgba(11,102,173,.10),transparent 72%),
    radial-gradient(420px 250px at 96% 16%,rgba(216,180,83,.075),transparent 72%);
}
#favorites>.favorites-head{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(240,207,114,.88) !important;
  outline:1px solid rgba(255,255,255,.08);
  outline-offset:-5px;
  background:
    radial-gradient(260px 160px at 100% 0%,rgba(255,255,255,.10),transparent 68%),
    radial-gradient(290px 170px at 0% 100%,rgba(216,180,83,.10),transparent 72%),
    linear-gradient(145deg,#031426,#072846 53%,#0a416f) !important;
  box-shadow:inset 0 3px 0 rgba(255,229,160,.28),0 20px 42px rgba(3,20,38,.20) !important;
}
#favorites>.favorites-head::after{
  content:"★";
  position:absolute;
  right:18px;
  top:-20px;
  font-size:116px;
  line-height:1;
  color:rgba(240,207,114,.055);
  pointer-events:none;
}
#favorites>.favorites-head h2{
  margin:5px 0 7px;
  color:#fff !important;
  font-size:clamp(30px,5vw,40px);
  letter-spacing:-.025em;
}
#favorites>.favorites-head .favorites-lead{
  max-width:760px;
  margin:0;
  color:#d8e9f5 !important;
  line-height:1.55;
}
#favorites .cruise{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 38px rgba(3,20,38,.18) !important;
}
#favorites .cruise::after{
  content:"Favorito";
  position:absolute;
  right:14px;
  bottom:12px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(240,207,114,.10);
  border:1px solid rgba(240,207,114,.28);
  color:#f6dea0;
  font-size:9px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  pointer-events:none;
  opacity:.74;
}
#favorites .empty{
  border-color:rgba(240,207,114,.62) !important;
  background:
    radial-gradient(230px 150px at 100% 0%,rgba(240,207,114,.08),transparent 70%),
    linear-gradient(145deg,#04172a,#082d4f) !important;
  box-shadow:0 18px 38px rgba(3,20,38,.16) !important;
}
#favorites .empty .btn{
  margin-top:8px;
  border:1px solid #ffe5a0 !important;
  background:linear-gradient(180deg,#f0cf72,#cba345) !important;
  color:#102a43 !important;
}

/* ---------- Comparador: cabecera de control ---------- */
#compare{
  position:relative;
  isolation:isolate;
}
#compare::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-18px -14px 0;
  pointer-events:none;
  background:
    radial-gradient(520px 260px at 6% 2%,rgba(11,102,173,.105),transparent 72%),
    radial-gradient(440px 260px at 95% 17%,rgba(216,180,83,.08),transparent 72%);
}
#compare>.compare-head{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(240,207,114,.90) !important;
  outline:1px solid rgba(255,255,255,.08);
  outline-offset:-5px;
  background:
    radial-gradient(260px 160px at 100% 0%,rgba(255,255,255,.10),transparent 68%),
    radial-gradient(310px 180px at 0% 100%,rgba(216,180,83,.11),transparent 72%),
    linear-gradient(145deg,#031426,#072846 52%,#0a416f) !important;
  box-shadow:inset 0 3px 0 rgba(255,229,160,.30),0 20px 44px rgba(3,20,38,.21) !important;
}
#compare>.compare-head::after{
  content:"≋";
  position:absolute;
  right:20px;
  top:-28px;
  font-size:150px;
  line-height:1;
  color:rgba(240,207,114,.045);
  transform:rotate(90deg);
  pointer-events:none;
}
#compare>.compare-head h2{
  margin:5px 0 8px;
  color:#fff !important;
  font-size:clamp(30px,5vw,40px);
  letter-spacing:-.025em;
}
#compare>.compare-head>p{
  max-width:780px;
  color:#d8e9f5 !important;
  line-height:1.55;
}
#compare .compare-head-actions{
  margin-top:15px;
  padding-top:13px;
  border-top:1px solid rgba(216,180,83,.24);
}
#compare .compare-head-actions .btn.secondary{
  background:rgba(255,255,255,.075) !important;
  color:#fff !important;
  border:1px solid rgba(240,207,114,.43) !important;
}
#compare #compareCount{
  background:linear-gradient(180deg,rgba(240,207,114,.24),rgba(216,180,83,.12)) !important;
  color:#fff3ca !important;
  border:1px solid rgba(255,229,160,.55) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}

/* ---------- Tarjetas comparadas ---------- */
#compare .compare-mobile-grid{
  gap:16px;
}
#compare .compare-cruise-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(240,207,114,.80) !important;
  outline:1px solid rgba(255,255,255,.065);
  outline-offset:-5px;
  background:
    radial-gradient(220px 140px at 100% 0%,rgba(255,255,255,.085),transparent 68%),
    radial-gradient(230px 150px at 0% 100%,rgba(216,180,83,.075),transparent 72%),
    linear-gradient(145deg,#031426,#072846 58%,#0a3b65) !important;
  box-shadow:inset 0 2px 0 rgba(255,229,160,.22),0 20px 42px rgba(3,20,38,.19) !important;
}
#compare .compare-cruise-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,#f4da88,#c89b3d 50%,#f0cf72);
  pointer-events:none;
}
#compare .compare-card-head{
  padding-bottom:11px;
  border-bottom:1px solid rgba(216,180,83,.23);
}
#compare .compare-card-head h3{
  font-size:24px !important;
  letter-spacing:-.015em;
}
#compare .compare-remove{
  border:1px solid rgba(240,207,114,.50) !important;
  background:rgba(255,255,255,.075) !important;
  color:#fff3ca !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
#compare .compare-key{
  position:relative;
  overflow:hidden;
  border:1px solid #ffe3a0 !important;
  background:linear-gradient(180deg,#f3d77f,#cea244) !important;
  color:#102a43 !important;
  box-shadow:0 10px 22px rgba(62,42,0,.14) !important;
}
#compare .compare-key::after{
  content:"★";
  position:absolute;
  right:10px;
  top:-13px;
  font-size:66px;
  color:rgba(16,42,67,.08);
  pointer-events:none;
}
#compare .compare-key span,
#compare .compare-key b{
  position:relative;
  z-index:1;
  color:#102a43 !important;
}
#compare .compare-theme-row{
  min-height:45px;
  border-color:rgba(216,180,83,.35) !important;
  background:
    radial-gradient(80px 50px at 100% 0%,rgba(240,207,114,.06),transparent 70%),
    rgba(255,255,255,.065) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
#compare .compare-theme-row b{
  min-width:38px;
  text-align:right;
  color:#ffe08a !important;
  font-size:17px !important;
}
#compare .compare-card-actions{
  padding-top:12px;
  border-top:1px solid rgba(216,180,83,.22);
}
#compare .compare-card-actions .btn:first-child{
  border:1px solid #ffe5a0 !important;
  background:linear-gradient(180deg,#f0cf72,#cba345) !important;
  color:#102a43 !important;
}
#compare .compare-card-actions .btn.secondary{
  background:rgba(255,255,255,.075) !important;
  color:#fff !important;
  border:1px solid rgba(216,180,83,.40) !important;
}
#compare .compare-empty{
  border-color:rgba(240,207,114,.62) !important;
  background:
    radial-gradient(230px 150px at 100% 0%,rgba(240,207,114,.08),transparent 70%),
    linear-gradient(145deg,#04172a,#082d4f) !important;
  box-shadow:0 18px 38px rgba(3,20,38,.16) !important;
}
#compare .compare-empty .btn{
  margin-top:8px;
  border:1px solid #ffe5a0 !important;
  background:linear-gradient(180deg,#f0cf72,#cba345) !important;
  color:#102a43 !important;
}

@media(max-width:560px){
  #favorites>.favorites-head,
  #compare>.compare-head{outline-offset:-4px}
  #favorites>.favorites-head::after{right:7px;font-size:96px}
  #compare>.compare-head::after{right:2px;font-size:128px}
  #compare .compare-mobile-grid{gap:13px}
  #compare .compare-cruise-card{padding:15px !important}
  #compare .compare-card-head h3{font-size:22px !important}
  #compare .compare-theme-row{padding:9px !important}
}


/* =========================================================
   MSCxplorer v8.0.10 · Fase 6 — Puertos + II Guerra Mundial
   Alcance visual solamente. No modifica datos, filtros, enlaces,
   navegación, climatología, WiKMSC ni lógica funcional.
   ========================================================= */

/* ---------- MSCxplorer / Catálogo de puertos ---------- */
#explorer{
  position:relative;
  isolation:isolate;
}
#explorer::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-18px -14px 0;
  pointer-events:none;
  background:
    radial-gradient(520px 250px at 5% 1%,rgba(10,105,178,.11),transparent 72%),
    radial-gradient(440px 260px at 98% 15%,rgba(216,180,83,.08),transparent 72%);
}
#explorer .explorer-discover-head{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(240,207,114,.90) !important;
  outline:1px solid rgba(255,255,255,.08);
  outline-offset:-5px;
  background:
    radial-gradient(300px 175px at 100% 0%,rgba(255,255,255,.10),transparent 70%),
    radial-gradient(320px 190px at 0% 100%,rgba(216,180,83,.11),transparent 72%),
    linear-gradient(145deg,#031426,#072846 54%,#0a416f) !important;
  box-shadow:inset 0 3px 0 rgba(255,229,160,.30),0 20px 44px rgba(3,20,38,.21) !important;
}
#explorer .explorer-discover-head::after{
  content:"⚓";
  position:absolute;
  right:20px;
  top:-25px;
  font-size:132px;
  line-height:1;
  color:rgba(240,207,114,.045);
  transform:rotate(-10deg);
  pointer-events:none;
}
#explorer .explorer-discover-head>.eyebrow{
  position:relative;
  z-index:1;
  width:max-content;
  max-width:100%;
  margin-bottom:8px;
  border:1px solid #ffe5a0 !important;
  background:linear-gradient(180deg,#f2d47c,#cda345) !important;
  color:#102a43 !important;
  box-shadow:0 8px 18px rgba(57,38,0,.10) !important;
}
#explorer .explorer-discover-head h2{
  position:relative;
  z-index:1;
  margin:5px 0 7px;
  font-size:clamp(29px,5vw,40px);
  letter-spacing:-.025em;
}
#explorer .explorer-discover-lead{
  position:relative;
  z-index:1;
  max-width:790px;
  margin:0;
  color:#d9ebf7 !important;
  line-height:1.55;
}
#explorer .explorer-filters{
  position:relative;
  z-index:1;
  padding:13px;
  margin-top:15px !important;
  border:1px solid rgba(216,180,83,.28);
  border-radius:16px;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
#explorer .explorer-count-row{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:flex-end;
  margin:12px 0 0;
}
#explorer #portCount{
  min-width:105px;
  justify-content:center;
}
#explorer .catalog-grid{
  gap:14px;
}
#explorer .catalog-card-v8{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(216,180,83,.58) !important;
  outline:1px solid rgba(255,255,255,.055);
  outline-offset:-5px;
  background:
    radial-gradient(180px 110px at 100% 0%,rgba(255,255,255,.075),transparent 70%),
    linear-gradient(145deg,#04182b,#082f52 62%,#0a426f) !important;
  box-shadow:inset 0 2px 0 rgba(255,229,160,.18),0 16px 34px rgba(3,20,38,.16) !important;
  color:#fff !important;
}
#explorer .catalog-card-v8.is-pending{
  opacity:.82;
  border-style:dashed !important;
}
#explorer .catalog-card-kicker{
  width:max-content;
  max-width:100%;
  margin:0 0 10px;
  color:#f4d984;
  font-size:10px;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
}
#explorer .catalog-card-v8 h3{
  margin:0;
  color:#fff !important;
}
#explorer .catalog-card-v8.is-pending h3{
  font-size:21px;
}
#explorer .catalog-port-name-pill{
  min-height:42px;
  padding:9px 14px;
  border:1px solid #ffe1a0 !important;
  background:linear-gradient(180deg,#f0cf72,#caa246) !important;
  color:#102a43 !important;
  box-shadow:0 8px 18px rgba(62,42,0,.12) !important;
  text-align:left;
}
#explorer .catalog-card-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:12px 0 0;
}
#explorer .catalog-card-meta span{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid rgba(216,180,83,.31);
  background:rgba(255,255,255,.065);
  color:#e8f3fa;
  font-size:12px;
  font-weight:780;
}
#explorer .catalog-aliases{
  margin:12px 0 0;
  padding-top:10px;
  border-top:1px solid rgba(216,180,83,.20);
  color:#cfe3f1 !important;
  line-height:1.45;
}
#explorer .catalog-aliases b{
  color:#f4d984 !important;
}

/* ---------- Ficha de puerto ---------- */
#explorer #portDetail{
  padding-top:2px;
}
#explorer #portDetail .mscx-detail-back,
#explorer #portDetail .mscx-unified-back{
  border:1px solid rgba(216,180,83,.52) !important;
  background:linear-gradient(180deg,#0c568d,#083b65) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(3,20,38,.12) !important;
}
#explorer #portDetail .mscx-unified-section{
  border:1px solid rgba(216,180,83,.48) !important;
  background:
    radial-gradient(220px 120px at 100% 0%,rgba(255,255,255,.055),transparent 72%),
    linear-gradient(145deg,#061f38,#0a355c 72%,#0b4778) !important;
  box-shadow:inset 0 2px 0 rgba(255,229,160,.14),0 14px 30px rgba(3,20,38,.14) !important;
}
#explorer #portDetail .mscx-unified-hero{
  border-color:rgba(240,207,114,.88) !important;
  outline:1px solid rgba(255,255,255,.07);
  outline-offset:-5px;
  background:
    radial-gradient(260px 150px at 100% 0%,rgba(255,255,255,.09),transparent 70%),
    radial-gradient(280px 170px at 0% 100%,rgba(216,180,83,.09),transparent 72%),
    linear-gradient(145deg,#031426,#072846 56%,#0a416f) !important;
  box-shadow:inset 0 3px 0 rgba(255,229,160,.25),0 20px 42px rgba(3,20,38,.19) !important;
}
#explorer #portDetail .mscx-unified-hero .mscx-unified-kicker,
#explorer #portDetail .mscx-unified-kicker{
  color:#f4d984 !important;
  font-weight:950 !important;
  letter-spacing:.10em;
}
#explorer #portDetail .mscx-unified-hero h2{
  color:#fff !important;
  letter-spacing:-.025em;
}
#explorer #portDetail .mscx-detail-quick>div,
#explorer #portDetail .mscx-unified-quick>div,
#explorer #portDetail .mscx-unified-place,
#explorer #portDetail .mscx-unified-climate-card,
#explorer #portDetail .mscx-unified-tip{
  border:1px solid rgba(216,180,83,.34) !important;
  background:rgba(255,255,255,.065) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
#explorer #portDetail .mscx-place-rank{
  background:linear-gradient(180deg,#f3d77f,#cda345) !important;
  color:#102a43 !important;
  border:1px solid #ffe5a0;
  box-shadow:0 6px 14px rgba(62,42,0,.13);
}
#explorer #portDetail .mscx-pill{
  border-color:rgba(216,180,83,.42) !important;
  background:rgba(255,255,255,.075) !important;
  color:#f0f7fb !important;
}
#explorer #portDetail .mscx-action-row{
  padding-top:9px;
  border-top:1px solid rgba(216,180,83,.18);
}
#explorer #portDetail .mscx-gmap,
#explorer #portDetail .mscx-info,
#explorer #portDetail .mscx-wikmsc{
  border:1px solid rgba(216,180,83,.48) !important;
  background:linear-gradient(180deg,#0f659f,#0a4a7d) !important;
  color:#fff !important;
  box-shadow:0 7px 16px rgba(3,20,38,.10) !important;
}
#explorer #portDetail .mscx-unified-source,
#explorer #portDetail .mscx-climate-note{
  color:#cfe2ef !important;
}

/* ---------- II Guerra Mundial ---------- */
#wwii{
  position:relative;
  isolation:isolate;
}
#wwii::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-18px -14px 0;
  pointer-events:none;
  background:
    radial-gradient(480px 240px at 4% 2%,rgba(12,84,137,.10),transparent 72%),
    radial-gradient(420px 250px at 97% 16%,rgba(216,180,83,.08),transparent 72%);
}
#wwii .wwii-discover-head{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(240,207,114,.90) !important;
  outline:1px solid rgba(255,255,255,.08);
  outline-offset:-5px;
  background:
    radial-gradient(280px 170px at 100% 0%,rgba(255,255,255,.09),transparent 70%),
    radial-gradient(300px 180px at 0% 100%,rgba(216,180,83,.10),transparent 72%),
    linear-gradient(145deg,#031426,#072846 55%,#0a3d68) !important;
  box-shadow:inset 0 3px 0 rgba(255,229,160,.28),0 20px 44px rgba(3,20,38,.20) !important;
}
#wwii .wwii-discover-head::after{
  content:"1944";
  position:absolute;
  right:15px;
  top:-10px;
  color:rgba(240,207,114,.045);
  font-size:92px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-.08em;
  pointer-events:none;
}
#wwii .wwii-discover-head>.eyebrow{
  position:relative;
  z-index:1;
  width:max-content;
  max-width:100%;
  margin-bottom:8px;
  border:1px solid #ffe5a0 !important;
  background:linear-gradient(180deg,#f2d47c,#cda345) !important;
  color:#102a43 !important;
}
#wwii .wwii-discover-head h2{
  position:relative;
  z-index:1;
  margin:5px 0 7px;
  font-size:clamp(30px,5vw,40px);
  letter-spacing:-.025em;
}
#wwii .wwii-discover-lead{
  position:relative;
  z-index:1;
  max-width:780px;
  margin:0;
  color:#d9ebf7 !important;
  line-height:1.55;
}
#wwii .wwii-search-frame{
  position:relative;
  z-index:1;
  margin-top:15px;
  padding:13px;
  border-radius:16px;
  border:1px solid rgba(216,180,83,.28);
  background:rgba(255,255,255,.055);
}
#wwii .wwii-count-row{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:flex-end;
  margin:12px 0 0;
}
#wwii .wwii-grid{gap:14px}
#wwii .wwii-card-v8{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(216,180,83,.62) !important;
  outline:1px solid rgba(255,255,255,.055);
  outline-offset:-5px;
  background:
    radial-gradient(190px 115px at 100% 0%,rgba(255,255,255,.075),transparent 70%),
    linear-gradient(145deg,#04182b,#082f52 62%,#0a426f) !important;
  box-shadow:inset 0 2px 0 rgba(255,229,160,.18),0 17px 36px rgba(3,20,38,.17) !important;
  color:#fff !important;
}
#wwii .wwii-card-kicker{
  width:max-content;
  max-width:100%;
  margin-bottom:8px;
  color:#f4d984;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}
#wwii .wwii-card-v8 h3{
  margin:0;
  color:#fff !important;
  font-size:22px;
  letter-spacing:-.012em;
}
#wwii .wwii-card-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:11px 0 0;
}
#wwii .wwii-card-meta span{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid rgba(216,180,83,.30);
  background:rgba(255,255,255,.065);
  color:#e7f2f9;
  font-size:12px;
  font-weight:780;
}
#wwii .wwii-score-row{
  margin-top:11px;
  padding-top:10px;
  border-top:1px solid rgba(216,180,83,.20);
}
#wwii .wwii-score-row .badge{
  border:1px solid rgba(255,229,160,.62) !important;
  background:linear-gradient(180deg,rgba(240,207,114,.22),rgba(216,180,83,.11)) !important;
  color:#fff3ca !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}
#wwii .wwii-card-history{
  margin:12px 0 0;
  padding-top:11px;
  border-top:1px solid rgba(216,180,83,.18);
  color:#d9e9f4 !important;
  line-height:1.58;
}
#wwii .wwii-card-actions{
  margin-top:13px;
  padding-top:11px;
  border-top:1px solid rgba(216,180,83,.18);
}
#wwii .wwii-card-actions .btn.secondary{
  border:1px solid #ffe5a0 !important;
  background:linear-gradient(180deg,#f0cf72,#cba345) !important;
  color:#102a43 !important;
  box-shadow:0 8px 18px rgba(62,42,0,.12) !important;
}

@media(max-width:560px){
  #explorer .explorer-discover-head,
  #wwii .wwii-discover-head{outline-offset:-4px}
  #explorer .explorer-discover-head::after{right:2px;font-size:105px}
  #wwii .wwii-discover-head::after{right:4px;top:4px;font-size:72px}
  #explorer .explorer-filters{padding:10px}
  #explorer .catalog-card-v8,
  #wwii .wwii-card-v8{border-radius:20px !important}
  #explorer .catalog-card-meta,
  #wwii .wwii-card-meta{gap:6px}
  #explorer .catalog-card-meta span,
  #wwii .wwii-card-meta span{font-size:11.5px}
}

/* =========================================================
   MSCxplorer v8.1.1 · Álbum del crucero · Fase 1 (base validada)
   Capa aislada: no altera navegación, Flota ni Ranking.
   ========================================================= */
.my-cruise-quick-btn.mscx-album-quick{
  grid-column:1/-1;
  min-height:58px;
  background:linear-gradient(180deg,rgba(244,211,119,.22),rgba(184,139,42,.12)) !important;
  border-color:rgba(255,228,151,.78) !important;
  color:#fff8df !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 22px rgba(0,0,0,.10) !important;
}
.my-cruise-quick-btn.mscx-album-quick>span{font-size:21px !important}
.mscx-album-lock,.mscx-album-lock body{overflow:hidden !important}
.mscx-album-screen{
  position:fixed;inset:0;z-index:10000;overflow:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  background:
    radial-gradient(900px 480px at 90% -10%,rgba(221,180,77,.16),transparent 58%),
    radial-gradient(700px 420px at -10% 20%,rgba(28,111,176,.20),transparent 62%),
    linear-gradient(180deg,#051726 0%,#071f38 42%,#06192b 100%);
  color:#fff;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
}
.mscx-album-screen[hidden],.mscx-album-viewer[hidden]{display:none !important}
.mscx-album-shell{width:min(980px,100%);min-height:100%;margin:0 auto;padding:14px 16px 30px}
.mscx-album-head{
  position:sticky;top:0;z-index:2;margin:-14px -16px 16px;padding:14px 16px 13px;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;
  background:linear-gradient(180deg,rgba(4,20,35,.97),rgba(5,28,49,.94));
  border-bottom:1px solid rgba(216,180,83,.40);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.mscx-album-title{min-width:0}
.mscx-album-kicker{display:block;color:#f2d37c;font-size:12px;font-weight:950;letter-spacing:.055em;text-transform:uppercase}
.mscx-album-title h2{margin:3px 0 1px;color:#fff;font-size:clamp(22px,4vw,31px);line-height:1.05}
.mscx-album-title p{margin:0;color:#cfe2ef;font-size:12px;font-weight:750}
.mscx-album-count{white-space:nowrap;padding:7px 10px;border-radius:999px;border:1px solid rgba(216,180,83,.55);background:rgba(216,180,83,.12);color:#fff0c3;font-size:12px;font-weight:900}
.mscx-album-add{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;
  padding:14px;border:1px solid rgba(216,180,83,.42);border-radius:18px;
  background:linear-gradient(145deg,rgba(13,48,82,.92),rgba(6,31,55,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 12px 28px rgba(0,0,0,.14)
}
.mscx-album-add label{display:grid;gap:7px;min-width:0}
.mscx-album-add label>span{color:#ffe7a3;font-size:12px;font-weight:950;letter-spacing:.025em}
.mscx-album-add select{
  width:100%;min-height:46px;border-radius:12px;border:1px solid rgba(216,180,83,.58);
  background:#f7fbff;color:#0a3357;padding:10px 12px;font:inherit;font-weight:850
}
.mscx-album-add-btn{min-height:46px;white-space:nowrap;background:linear-gradient(180deg,#dcb95d,#bd9135) !important;color:#102a43 !important;border-color:#ffe5a2 !important;font-weight:950 !important}
.mscx-album-status{grid-column:1/-1;margin:0;color:#d9e8f4;font-size:12px;font-weight:750}
.mscx-album-local-note,.mscx-album-origin-warning{margin-top:10px;padding:10px 12px;border-radius:14px;font-size:12px;line-height:1.35}
.mscx-album-local-note{border:1px solid rgba(111,174,220,.30);background:rgba(13,62,98,.48);color:#d8ebf8}
.mscx-album-origin-warning{display:grid;gap:2px;border:1px solid rgba(241,197,83,.50);background:rgba(111,77,12,.32);color:#fff0c3}
.mscx-album-origin-warning b{color:#ffe29a}
.mscx-album-gallery{display:block;padding:4px 0 24px;margin-top:12px}
.mscx-album-loading,.mscx-album-empty{padding:30px 18px;border:1px dashed rgba(216,180,83,.38);border-radius:18px;text-align:center;background:rgba(255,255,255,.04);color:#d6e7f2}
.mscx-album-empty>span{display:block;font-size:38px;margin-bottom:6px}
.mscx-album-empty h3{margin:0 0 5px;color:#ffe7a3;font-size:20px}
.mscx-album-empty p{margin:0;color:#cfe2ef}
.mscx-album-group{margin-top:18px}
.mscx-album-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 8px;border-bottom:1px solid rgba(216,180,83,.28)}
.mscx-album-group-head h3{margin:0;color:#ffe7a3;font-size:16px}
.mscx-album-group-head span{color:#cfe2ef;font-size:11px;font-weight:850}
.mscx-album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.mscx-album-thumb{display:block;position:relative;min-width:0;aspect-ratio:1/1;padding:0;overflow:hidden;border-radius:14px;border:1px solid rgba(216,180,83,.48);background:#0a2946;box-shadow:0 8px 18px rgba(0,0,0,.14);-webkit-tap-highlight-color:transparent}
.mscx-album-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.mscx-album-thumb:active{transform:scale(.985)}
.mscx-album-viewer{position:fixed;inset:0;z-index:10020;background:rgba(0,8,15,.97);display:grid;grid-template-rows:auto 1fr;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);color:#fff}
.mscx-album-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(216,180,83,.32);background:#061827}
.mscx-album-viewer-bar>div:first-child{min-width:0;color:#ffe7a3;font-size:13px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mscx-album-viewer-actions{display:flex;gap:8px;flex:0 0 auto}
.mscx-album-viewer-stage{min-height:0;display:grid;place-items:center;overflow:auto;padding:10px}
.mscx-album-viewer-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 16px 50px rgba(0,0,0,.35)}
@media(max-width:700px){
  .mscx-album-shell{padding-left:12px;padding-right:12px}
  .mscx-album-head{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;grid-template-columns:auto minmax(0,1fr)}
  .mscx-album-count{grid-column:2;justify-self:start}
  .mscx-album-add{grid-template-columns:1fr}
  .mscx-album-add-btn{width:100%}
  .mscx-album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
}
@media(max-width:350px){.mscx-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mscx-album-head{grid-template-columns:1fr}.mscx-album-count{grid-column:auto}.mscx-album-head>.btn{justify-self:start}}

/* =========================================================
   MSCxplorer v8.1.8 · Álbum del crucero · Fase 2 (base validada)
   Portada · Favoritas · Recuerdos · Diario
   ========================================================= */
.mscx-album-view-tools{
  margin-top:12px;padding:10px 12px;border-radius:16px;
  border:1px solid rgba(216,180,83,.28);
  background:linear-gradient(180deg,rgba(10,43,72,.72),rgba(7,30,50,.74));
  display:flex;align-items:center;justify-content:space-between;gap:10px
}
.mscx-album-view-tools>span{color:#cfe2ef;font-size:11px;font-weight:750;text-align:right;line-height:1.3}
.mscx-album-view-switch{display:flex;gap:7px;flex:0 0 auto}
.mscx-album-view-switch .btn{min-height:34px;padding:7px 11px}
#mscxAlbumCover{margin-top:12px}
.mscx-album-cover{
  width:100%;height:clamp(190px,44vw,360px);padding:0;position:relative;overflow:hidden;
  border-radius:22px;border:1px solid rgba(232,197,104,.62);background:#071a2b;
  box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.03);
  text-align:left;-webkit-tap-highlight-color:transparent
}
.mscx-album-cover img{display:block;width:100%;height:100%;object-fit:cover}
.mscx-album-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 35%,rgba(1,12,21,.82) 100%);pointer-events:none}
.mscx-album-cover-badge{position:absolute;top:12px;left:12px;padding:6px 9px;border-radius:999px;background:linear-gradient(180deg,#e7c66d,#bb8d32);color:#102a43;font-size:10px;font-weight:1000;letter-spacing:.08em;border:1px solid #ffe4a0;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.mscx-album-cover-copy{position:absolute;left:15px;right:15px;bottom:14px;display:grid;gap:3px;z-index:2}
.mscx-album-cover-copy b{color:#fff6d9;font-size:clamp(20px,4vw,30px);line-height:1.05;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.mscx-album-cover-copy small{color:#e0edf5;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mscx-album-cover-empty{
  min-height:92px;padding:16px;border-radius:18px;border:1px dashed rgba(216,180,83,.42);
  background:linear-gradient(135deg,rgba(10,43,72,.66),rgba(111,77,12,.14));
  display:flex;align-items:center;gap:12px;color:#d8e8f3
}
.mscx-album-cover-empty>span{font-size:28px}.mscx-album-cover-empty>div{display:grid;gap:3px}.mscx-album-cover-empty b{color:#ffe7a3;font-size:15px}.mscx-album-cover-empty small{color:#cfe2ef;font-size:12px}
.mscx-album-thumb-badges{position:absolute;top:6px;left:6px;right:6px;display:flex;align-items:flex-start;justify-content:space-between;gap:5px;pointer-events:none}
.mscx-album-photo-heart{display:inline-grid;place-items:center;min-width:27px;height:27px;padding:0 7px;border-radius:999px;background:rgba(84,15,28,.88);border:1px solid rgba(255,168,183,.6);color:#ffd5dc;font-size:15px;font-weight:1000;box-shadow:0 4px 10px rgba(0,0,0,.22)}
.mscx-album-photo-cover{display:inline-flex;align-items:center;min-height:24px;padding:4px 7px;border-radius:999px;background:rgba(191,145,53,.94);border:1px solid #ffe3a0;color:#102a43;font-size:9px;font-weight:1000;letter-spacing:.035em;text-transform:uppercase;box-shadow:0 4px 10px rgba(0,0,0,.18)}
.mscx-album-thumb-note{position:absolute;left:5px;right:5px;bottom:5px;padding:5px 6px;border-radius:8px;background:rgba(2,18,31,.78);color:#fff4d2;font-size:9px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;text-align:left}
.mscx-album-diary-intro{margin:2px 0 14px;padding:12px 14px;border-radius:16px;border:1px solid rgba(216,180,83,.3);background:rgba(8,38,64,.64);display:flex;align-items:center;gap:10px}
.mscx-album-diary-intro>span{font-size:24px}.mscx-album-diary-intro>div{display:grid;gap:2px}.mscx-album-diary-intro b{color:#ffe7a3;font-size:15px}.mscx-album-diary-intro small{color:#cfe2ef;font-size:11px}
.mscx-album-diary{position:relative;padding-left:14px}
.mscx-album-diary::before{content:"";position:absolute;left:6px;top:8px;bottom:12px;width:1px;background:linear-gradient(180deg,rgba(216,180,83,.62),rgba(82,144,191,.28))}
.mscx-album-diary-stop{position:relative;margin:0 0 22px;padding-left:15px}
.mscx-album-diary-stop-head{position:relative;display:flex;align-items:center;gap:9px;margin-bottom:9px}
.mscx-album-diary-dot{position:absolute;left:-19px;width:9px;height:9px;border-radius:50%;background:#d8b453;border:2px solid #071a2b;box-shadow:0 0 0 2px rgba(216,180,83,.4)}
.mscx-album-diary-stop-head>div{display:grid;gap:1px}.mscx-album-diary-stop-head h3{margin:0;color:#ffe7a3;font-size:16px}.mscx-album-diary-stop-head small{color:#aac7db;font-size:10px;font-weight:800}
.mscx-album-diary-photos{display:grid;gap:9px}
.mscx-album-diary-card{width:100%;padding:0;overflow:hidden;border-radius:16px;border:1px solid rgba(216,180,83,.34);background:linear-gradient(180deg,rgba(11,48,80,.85),rgba(7,31,52,.9));display:grid;grid-template-columns:92px minmax(0,1fr);text-align:left;box-shadow:0 8px 18px rgba(0,0,0,.13);-webkit-tap-highlight-color:transparent}
.mscx-album-diary-image{position:relative;display:block;width:92px;height:82px;overflow:hidden;background:#0a2946}.mscx-album-diary-image img{width:100%;height:100%;display:block;object-fit:cover}.mscx-album-diary-image .mscx-album-photo-heart{position:absolute;top:5px;left:5px;min-width:24px;height:24px;font-size:13px}.mscx-album-diary-image .mscx-album-photo-cover{position:absolute;right:5px;bottom:5px;min-height:20px;padding:3px 5px;font-size:8px}
.mscx-album-diary-copy{min-width:0;padding:10px 11px;display:grid;align-content:center;gap:4px}.mscx-album-diary-copy b{color:#fff1bf;font-size:13px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mscx-album-diary-copy small{color:#bcd2e1;font-size:10px;font-weight:750}
.mscx-album-viewer{grid-template-rows:auto minmax(0,1fr) auto !important}
.mscx-album-viewer-bar>div:first-child{display:grid;gap:1px;min-width:0}.mscx-album-viewer-bar>div:first-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mscx-album-viewer-bar>div:first-child small{color:#9fbdcf;font-size:9px;font-weight:750}
.mscx-album-viewer-meta{padding:11px 12px calc(11px + env(safe-area-inset-bottom));border-top:1px solid rgba(216,180,83,.32);background:linear-gradient(180deg,#071d31,#051522);display:grid;gap:9px}
.mscx-album-viewer-meta label{display:grid;gap:5px}.mscx-album-viewer-meta label>span{color:#ffe7a3;font-size:11px;font-weight:950}.mscx-album-viewer-meta textarea{width:100%;min-height:52px;max-height:96px;resize:vertical;border:1px solid rgba(216,180,83,.4);border-radius:12px;padding:9px 10px;background:rgba(255,255,255,.96);color:#102a43;font:inherit;font-size:13px;line-height:1.3;box-sizing:border-box;outline:none}.mscx-album-viewer-meta textarea:focus{border-color:#d8b453;box-shadow:0 0 0 2px rgba(216,180,83,.16)}
.mscx-album-viewer-meta-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.mscx-album-viewer-meta-actions .btn{min-width:0;white-space:normal;line-height:1.1}.mscx-album-action-on{background:linear-gradient(180deg,#e2bf60,#bd9035) !important;color:#102a43 !important;border-color:#ffe5a2 !important}.mscx-album-save-note{background:linear-gradient(180deg,#2e739f,#16557f) !important}.mscx-album-delete{border-color:rgba(221,118,118,.42) !important;color:#ffd7d7 !important}
@media(max-width:560px){
  .mscx-album-view-tools{align-items:stretch;flex-direction:column}.mscx-album-view-tools>span{text-align:left}.mscx-album-view-switch{display:grid;grid-template-columns:1fr 1fr;width:100%}.mscx-album-view-switch .btn{width:100%}
  .mscx-album-cover{height:210px}.mscx-album-diary-card{grid-template-columns:82px minmax(0,1fr)}.mscx-album-diary-image{width:82px;height:78px}
  .mscx-album-viewer-meta-actions{grid-template-columns:1fr 1fr}.mscx-album-viewer-meta-actions .btn{min-height:38px}
}
@media(max-width:350px){.mscx-album-cover{height:185px}.mscx-album-diary-card{grid-template-columns:72px minmax(0,1fr)}.mscx-album-diary-image{width:72px;height:72px}}


/* =========================================================
   MSCxplorer v8.1.8 · Álbum del crucero · Fase 3
   Copia de seguridad, restauración y compartir/guardar foto.
   ========================================================= */
.mscx-album-security{margin-top:10px;padding:12px;border-radius:17px;border:1px solid rgba(216,180,83,.34);background:linear-gradient(180deg,rgba(10,48,80,.76),rgba(6,31,53,.82));box-shadow:0 8px 22px rgba(0,0,0,.10)}
.mscx-album-security-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.mscx-album-security-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(216,180,83,.13);border:1px solid rgba(216,180,83,.34);font-size:18px}.mscx-album-security-head>div{display:grid;gap:2px;min-width:0}.mscx-album-security-head b{color:#ffe7a3;font-size:14px}.mscx-album-security-head small{color:#cfe2ef;font-size:10px;line-height:1.3}
.mscx-album-security-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mscx-album-security-actions .btn{width:100%;min-height:40px}.mscx-album-export{background:linear-gradient(180deg,#dcb95d,#bd9135) !important;color:#102a43 !important;border-color:#ffe5a2 !important;font-weight:950 !important}.mscx-album-import{background:linear-gradient(180deg,#2d719c,#15537d) !important;color:#f1f8fc !important;border-color:rgba(140,201,238,.48) !important}
.mscx-album-backup-status{margin:8px 1px 0;color:#bcd3e2;font-size:10px;font-weight:750;line-height:1.35}
.mscx-album-share-photo{background:linear-gradient(180deg,#2d719c,#15537d) !important;color:#fff !important;border-color:rgba(140,201,238,.48) !important}
@media(max-width:560px){.mscx-album-security-actions{grid-template-columns:1fr 1fr}.mscx-album-viewer-meta-actions .mscx-album-share-photo{grid-column:1/-1}}
@media(max-width:350px){.mscx-album-security-actions{grid-template-columns:1fr}}


/* =========================================================
   MSCxplorer v8.1.8 · Corrección Álbum iPhone
   Selector de copia integrado + URL estable para miniaturas
   ========================================================= */
.mscx-album-import{position:relative;overflow:hidden;cursor:pointer;user-select:none;-webkit-user-select:none}
.mscx-album-backup-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}


/* =========================================================
   MSCxplorer v8.1.8 · Álbum estable
   Recuperación visual de imágenes y metadatos separados.
   ========================================================= */
.mscx-album-thumb,.mscx-album-diary-image,.mscx-album-cover{position:relative}
.mscx-album-image-missing{position:absolute;inset:0;display:grid;place-items:center;padding:10px;text-align:center;background:linear-gradient(180deg,#0b3152,#071f35);color:#ffe7a3;font-size:10px;font-weight:900;line-height:1.25;z-index:1}
.mscx-album-cover .mscx-album-image-missing{font-size:12px;padding:20px}
.mscx-album-diary-image .mscx-album-image-missing{font-size:8px;padding:5px}

/* MSCxplorer v8.1.8 · descarga directa de la copia ZIP en iPhone/PWA */
.mscx-album-backup-download{margin-top:9px;display:grid;gap:5px}.mscx-album-backup-download[hidden]{display:none!important}.mscx-album-backup-download .mscx-album-savezip{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;text-decoration:none;background:linear-gradient(180deg,#dcb95d,#bd9135)!important;color:#102a43!important;border:1px solid #ffe5a2!important;font-weight:950!important}.mscx-album-backup-download small{color:#d7e7f1;font-size:10px;line-height:1.35;text-align:center;font-weight:750}


/* MSCxplorer v8.1.8 · guardado explícito de copia en Archivos (iPhone/PWA) */
.mscx-album-backup-download .mscx-album-savebackup{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;background:linear-gradient(180deg,#dcb95d,#bd9135)!important;color:#102a43!important;border:1px solid #ffe5a2!important;font-weight:1000!important}.mscx-album-backup-download small{display:block}.mscx-album-backup-guide{color:#ffe9a8!important}

/* =========================================================
   MSCxplorer v8.1.9 · Álbum · Fase 4 — Diario visual
   Resumen, filtros rápidos, portada editorial y días por escala.
   ========================================================= */
.mscx-album-overview{
  margin-top:12px;padding:13px;border-radius:20px;
  border:1px solid rgba(216,180,83,.38);
  background:
    radial-gradient(circle at 92% 8%,rgba(216,180,83,.15),transparent 34%),
    linear-gradient(145deg,rgba(11,52,86,.94),rgba(5,28,48,.96));
  box-shadow:0 12px 28px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.035)
}
.mscx-album-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}
.mscx-album-overview-head>div{display:grid;gap:2px;min-width:0}.mscx-album-overview-head>div>span{color:#e7c66d;font-size:10px;font-weight:1000;letter-spacing:.085em;text-transform:uppercase}.mscx-album-overview-head b{color:#fff5d4;font-size:17px;line-height:1.1}.mscx-album-overview-head small{color:#bfd7e6;font-size:10px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mscx-album-overview-route{flex:0 0 auto;padding:6px 8px;border-radius:999px;border:1px solid rgba(216,180,83,.35);background:rgba(216,180,83,.1);color:#ffe9ab;font-size:9px;font-weight:900}
.mscx-album-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.mscx-album-stat{appearance:none;-webkit-appearance:none;min-width:0;padding:9px 5px 8px;border-radius:14px;border:1px solid rgba(134,190,226,.25);background:rgba(7,36,60,.72);color:#eef7fc;display:grid;place-items:center;gap:1px;text-align:center;box-shadow:none;font:inherit;-webkit-tap-highlight-color:transparent}
button.mscx-album-stat{cursor:pointer}.mscx-album-stat>span{font-size:15px;line-height:1}.mscx-album-stat>b{color:#ffe4a0;font-size:17px;line-height:1.1}.mscx-album-stat>small{color:#bcd4e3;font-size:8px;font-weight:850}.mscx-album-stat.is-active{border-color:#e1bd5f;background:linear-gradient(180deg,rgba(216,180,83,.22),rgba(105,75,16,.18));box-shadow:inset 0 0 0 1px rgba(255,230,161,.08)}.mscx-album-stat.is-active>small{color:#fff0be}.mscx-album-stat-static{opacity:.92}
.mscx-album-filter-note{margin-top:9px;padding:7px 9px;border-radius:11px;background:rgba(216,180,83,.08);color:#d8e8f2;font-size:9px;font-weight:800;text-align:center}.mscx-album-filter-note button{appearance:none;border:0;background:none;padding:0;color:#ffe09a;font:inherit;font-weight:950;text-decoration:underline;cursor:pointer}
.mscx-album-filter-empty .btn{margin-top:12px;background:linear-gradient(180deg,#dcb95d,#bd9135)!important;color:#102a43!important;border-color:#ffe5a2!important}
.mscx-album-cover-v4{height:270px;margin-top:13px;border-width:1px;border-color:rgba(232,198,109,.58);box-shadow:0 18px 38px rgba(0,0,0,.23)}
.mscx-album-cover-v4::after{content:"";position:absolute;inset:7px;border:1px solid rgba(255,237,186,.22);border-radius:13px;pointer-events:none;z-index:2}
.mscx-album-cover-v4 .mscx-album-cover-badge{top:15px;left:15px;letter-spacing:.065em}
.mscx-album-cover-v4 .mscx-album-cover-copy{left:18px;right:18px;bottom:18px;gap:3px}.mscx-album-cover-copy em{color:#e7c66d;font-size:10px;font-style:normal;font-weight:1000;letter-spacing:.105em;text-transform:uppercase}.mscx-album-cover-v4 .mscx-album-cover-copy b{font-size:clamp(24px,5vw,34px)}.mscx-album-cover-meta{margin-top:4px;color:#d6e6f0;font-size:9px;font-weight:850;letter-spacing:.025em}
.mscx-album-cover-empty-v4{min-height:118px;background:radial-gradient(circle at 88% 12%,rgba(216,180,83,.12),transparent 34%),linear-gradient(180deg,rgba(10,48,80,.68),rgba(6,30,51,.76));border-style:solid}.mscx-album-cover-empty-v4>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(216,180,83,.12);border:1px solid rgba(216,180,83,.3)}
.mscx-album-group-v4{padding:12px 11px 11px;border-radius:19px;border:1px solid rgba(216,180,83,.2);background:linear-gradient(180deg,rgba(8,39,65,.56),rgba(4,25,43,.36));box-shadow:0 10px 24px rgba(0,0,0,.08)}
.mscx-album-group-v4 .mscx-album-group-head{padding:0 0 9px}.mscx-album-group-title{display:grid;gap:1px;min-width:0}.mscx-album-group-title>span,.mscx-album-stage-label{color:#d9b753;font-size:8px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase}.mscx-album-group-title h3{margin:0;color:#ffe7a3;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mscx-album-group-count{display:grid;justify-items:end;gap:0;flex:0 0 auto}.mscx-album-group-count>b{color:#ffe4a0;font-size:18px;line-height:1}.mscx-album-group-count>small{color:#aFC9d9;font-size:8px;font-weight:850}
.mscx-album-group-v4 .mscx-album-grid{margin-top:9px}
.mscx-album-group-v4 .mscx-album-thumb{border-color:rgba(224,190,99,.38);box-shadow:0 8px 18px rgba(0,0,0,.16)}
.mscx-album-group-v4 .mscx-album-thumb-note{display:grid;gap:1px;padding:6px 7px;background:linear-gradient(180deg,rgba(2,18,31,.14),rgba(2,18,31,.88));white-space:normal;line-height:1.12;-webkit-line-clamp:2;overflow:hidden}.mscx-album-group-v4 .mscx-album-thumb-note b{display:block;color:#e7c66d;font-size:7px;text-transform:uppercase;letter-spacing:.08em}
.mscx-album-diary-intro-v4{background:radial-gradient(circle at 90% 0,rgba(216,180,83,.13),transparent 38%),linear-gradient(180deg,rgba(9,45,75,.8),rgba(6,31,53,.82));border-color:rgba(216,180,83,.38)}
.mscx-album-diary-stop-head{align-items:flex-start}.mscx-album-diary-stop-head>div{gap:1px}.mscx-album-diary-stop-head .mscx-album-stage-label{display:block;margin-bottom:1px}.mscx-album-diary-days{display:grid;gap:12px}.mscx-album-day{display:grid;gap:7px}.mscx-album-day-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 5px;border-bottom:1px solid rgba(118,173,208,.18)}.mscx-album-day-head b{color:#d8e9f4;font-size:10px;letter-spacing:.01em}.mscx-album-day-head span{color:#93b5ca;font-size:8px;font-weight:850}.mscx-album-diary-copy em{color:#d9b753;font-size:7px;font-style:normal;font-weight:1000;letter-spacing:.09em;text-transform:uppercase}.mscx-album-diary-copy{gap:2px}.mscx-album-diary-card{border-color:rgba(216,180,83,.28);background:linear-gradient(135deg,rgba(12,52,85,.9),rgba(6,29,49,.94))}
@media(max-width:560px){
 .mscx-album-overview{padding:11px}.mscx-album-overview-head{align-items:flex-start}.mscx-album-overview-route{font-size:8px}.mscx-album-stats{gap:5px}.mscx-album-stat{padding:8px 3px 7px}.mscx-album-stat>b{font-size:15px}.mscx-album-stat>small{font-size:7.5px}.mscx-album-cover-v4{height:235px}.mscx-album-group-v4{padding:10px 8px 9px;margin-left:-2px;margin-right:-2px}
}
@media(max-width:370px){.mscx-album-overview-head{display:grid}.mscx-album-overview-route{justify-self:start}.mscx-album-stats{grid-template-columns:repeat(2,1fr)}.mscx-album-cover-v4{height:205px}}


/* =========================================================
   MSCxplorer v8.1.11 · Botones de seguridad unificados
   Álbum > Seguridad: Exportar copia / Recuperar álbum
   - misma geometría, tipografía y centrado en iPhone/PWA
   - sin cambios funcionales
   ========================================================= */
.mscx-album-security-actions .mscx-album-export,
.mscx-album-security-actions .mscx-album-import{
  -webkit-appearance:none;
  appearance:none;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:44px !important;
  min-height:44px !important;
  margin:0 !important;
  padding:8px 8px !important;
  border-radius:11px !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:14px !important;
  font-style:normal !important;
  font-weight:850 !important;
  line-height:1.15 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  white-space:nowrap !important;
  vertical-align:middle !important;
}
.mscx-album-security-actions label.mscx-album-import{
  margin:0 !important;
}


/* =========================================================
   MSCxplorer v8.1.11 · Álbum > Seguridad
   Corrección estructural iPhone/PWA:
   - los dos controles visibles son BUTTON reales idénticos
   - el input file cubre solo el botón Recuperar, sin aportar estilo
   ========================================================= */
.mscx-album-security-actions{
  align-items:stretch !important;
}
.mscx-album-security-actions > .mscx-album-security-btn,
.mscx-album-security-actions > .mscx-album-recover-control{
  width:100% !important;
  height:46px !important;
  min-height:46px !important;
  margin:0 !important;
}
.mscx-album-recover-control{
  position:relative !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:13px !important;
}
.mscx-album-security-actions .mscx-album-security-btn{
  -webkit-appearance:none !important;
  appearance:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  width:100% !important;
  height:46px !important;
  min-height:46px !important;
  margin:0 !important;
  padding:0 10px !important;
  border:1px solid var(--mscx-pill-border) !important;
  border-radius:13px !important;
  background:linear-gradient(180deg,var(--mscx-pill-top),var(--mscx-pill-bottom)) !important;
  color:#fff !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:14px !important;
  font-style:normal !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}
.mscx-album-security-actions .mscx-album-security-btn > span{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  font:inherit !important;
  line-height:1 !important;
}
.mscx-album-security-icon{
  flex:0 0 18px !important;
  width:18px !important;
  height:18px !important;
  display:block !important;
  color:#fff !important;
}
.mscx-album-security-icon-up{
  transform:rotate(180deg) !important;
  transform-origin:50% 50% !important;
}
.mscx-album-recover-control .mscx-album-backup-input{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
  border:0 !important;
  cursor:pointer !important;
  font-size:16px !important;
}
.mscx-album-recover-control .mscx-album-recover-visual{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
}


/* =====================================================================
   v8.1.12 · Álbum · scroll iPhone/PWA
   La cabecera sticky incorpora la safe-area superior para impedir que el
   contenido desplazado llegue a verse detrás de la barra de estado.
   Cambio aislado al overlay del Álbum; no afecta a la navegación global.
   ===================================================================== */
.mscx-album-screen{
  padding:0 0 env(safe-area-inset-bottom) !important;
}
.mscx-album-shell{
  padding:calc(env(safe-area-inset-top) + 14px) 16px 30px !important;
}
.mscx-album-head{
  top:0 !important;
  z-index:4 !important;
  margin:calc(0px - env(safe-area-inset-top) - 14px) -16px 16px !important;
  padding:calc(env(safe-area-inset-top) + 14px) 16px 13px !important;
  background:linear-gradient(180deg,#102532 0%,#061d31 42%,#051c31 100%) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  box-shadow:0 8px 18px rgba(0,0,0,.14) !important;
}


/* =====================================================================
   v8.1.13 · Álbum · navegación directa por etapas
   Accesos horizontales en “Nuestro viaje” sin tocar IndexedDB ni copias.
   ===================================================================== */
.mscx-album-stage-nav-wrap{margin-top:10px;padding-top:10px;border-top:1px solid rgba(216,180,83,.18)}
.mscx-album-stage-nav-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 1px 7px}.mscx-album-stage-nav-title>span{color:#ffe7a3;font-size:10px;font-weight:950;letter-spacing:.035em}.mscx-album-stage-nav-title>small{color:#9fbfd3;font-size:8px;font-weight:750;text-align:right}
.mscx-album-stage-nav{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 5px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity}.mscx-album-stage-nav::-webkit-scrollbar{display:none}
.mscx-album-stage-jump{-webkit-appearance:none;appearance:none;flex:0 0 auto;min-width:116px;max-width:150px;min-height:54px;padding:7px 9px;border-radius:13px;border:1px solid rgba(118,173,208,.28);background:linear-gradient(180deg,rgba(10,49,82,.88),rgba(7,34,57,.92));color:#eef7fc;display:grid;gap:1px;text-align:left;font:inherit;box-shadow:none;scroll-snap-align:start;-webkit-tap-highlight-color:transparent}.mscx-album-stage-jump>span{color:#d9b753;font-size:7px;font-weight:1000;letter-spacing:.09em}.mscx-album-stage-jump>b{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff4cf;font-size:11px;line-height:1.15}.mscx-album-stage-jump>small{color:#a9c7d9;font-size:8px;font-weight:800}.mscx-album-stage-jump:active{transform:scale(.985);border-color:rgba(225,189,95,.72)}
.mscx-album-group-v4.mscx-album-stage-target,.mscx-album-diary-stop.mscx-album-stage-target{animation:mscxAlbumStageFlash .9s ease-out}
@keyframes mscxAlbumStageFlash{0%{box-shadow:0 0 0 2px rgba(241,205,108,.78),0 12px 28px rgba(0,0,0,.16)}100%{box-shadow:0 0 0 0 rgba(241,205,108,0),0 10px 24px rgba(0,0,0,.08)}}
@media(max-width:560px){.mscx-album-stage-nav-title{display:grid;gap:1px}.mscx-album-stage-nav-title>small{text-align:left}.mscx-album-stage-jump{min-width:110px;max-width:136px}}


/* =========================================================
   MSCxplorer v8.1.24 · Recuperación PWA de Inicio
   3 por fila ocupan todo el ancho; última fila incompleta centrada.
   Cambio aislado a #homeMyCruise .my-cruise-stops.
   ========================================================= */
#homeMyCruise .my-cruise-stops{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:8px !important;
  width:100% !important;
  align-items:stretch !important;
}
#homeMyCruise .my-cruise-stops > .port-chip{
  grid-column:span 2;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:10px 8px !important;
  white-space:normal !important;
  text-align:center !important;
  justify-content:center !important;
  line-height:1.15 !important;
}
/* Si la última fila tiene dos galletas, centra el conjunto. */
#homeMyCruise .my-cruise-stops > .port-chip:nth-last-child(2):nth-child(3n + 1){
  grid-column:2 / span 2;
}
/* Si la última fila tiene una sola galleta, céntrala. */
#homeMyCruise .my-cruise-stops > .port-chip:last-child:nth-child(3n + 1){
  grid-column:3 / span 2;
}

#home .home-hero-badge-nowrap{white-space:nowrap}

#home .home-hero-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
#home .home-hero-badge{display:flex;align-items:center;justify-content:center;min-width:0;text-align:center;white-space:nowrap;padding:8px 10px;font-size:clamp(10px,2.9vw,13px);line-height:1.1}
#home .home-hero-badge-nowrap{white-space:nowrap}
@media (max-width:720px){#home .home-hero-badges{gap:7px}#home .home-hero-badge{padding:8px 8px;font-size:clamp(9px,2.8vw,12px)}}

#home .home-hero .eyebrow{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;margin:0 0 10px;padding:10px 18px;text-align:center;font-size:clamp(18px,4.6vw,22px);line-height:1;font-weight:1000;letter-spacing:.06em}
@media (max-width:720px){#home .home-hero .eyebrow{min-height:54px;font-size:clamp(17px,4.8vw,21px);padding:10px 14px}}

#homeMyCruise .my-cruise-head{display:block}
#homeMyCruise .my-cruise-countdown{display:none}
#homeMyCruise .my-cruise-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0 2px}
#homeMyCruise .my-cruise-summary span{display:flex;align-items:center;justify-content:center;min-width:0;padding:8px 8px;text-align:center;white-space:nowrap;font-size:clamp(11px,2.9vw,13px);line-height:1.1}
#homeMyCruise .my-cruise-readiness-copy small:empty{display:none}
#homeMyCruise .mscx-album-view-tools{justify-content:flex-start}
@media(max-width:420px){#homeMyCruise .my-cruise-summary{gap:7px}#homeMyCruise .my-cruise-summary span{font-size:clamp(10px,2.8vw,12px);padding:8px 6px}}

/* v8.1.21 · Comentarios explicativos: justificar solo cuando el texto ocupa varias líneas. */
.card p:not(.meta):not(.route):not(.my-cruise-departure):not(.my-cruise-route),
.home-hero-content>p,
.home-quick-card p,
.ranking-why p,
.my-cruise-weather-copy p,
.my-cruise-weather-note,
.my-cruise-timeline-note,
.my-cruise-plan-note,
.my-cruise-readiness-note,
.my-cruise-offline-copy p,
.my-cruise-offline-note,
.my-cruise-excursion-copy p{
  text-align:justify;
  text-justify:inter-word;
  text-align-last:auto;
}

/* MSCxplorer v8.1.23 · visor reorganizado, aislado del Inicio */
.mscx-album-note-block{display:grid;gap:8px}
.mscx-album-note-block .mscx-album-save-note{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#2788c6,#0e6ca9)!important;border-color:rgba(135,205,248,.72)!important;color:#fff!important;font-weight:950}
.mscx-album-viewer-meta-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.mscx-album-viewer-meta-actions .btn{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap!important;text-align:center}
.mscx-album-viewer-meta-actions .mscx-album-delete{background:rgba(94,22,31,.24)!important;border-color:rgba(236,112,124,.56)!important;color:#ffd9dd!important}
@media(max-width:560px){.mscx-album-viewer-meta-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mscx-album-viewer-meta-actions .btn{min-height:44px;font-size:12px}}

/* =========================================================
   MSCxplorer v8.1.25 · Mi crucero · Accesos rápidos armonizados
   Cambio exclusivamente visual: 9 accesos, misma funcionalidad.
   ========================================================= */
#homeMyCruise .my-cruise-quick{margin-top:18px;padding-top:16px}
#homeMyCruise .my-cruise-quick-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:9px !important;
  width:100%;
}
#homeMyCruise .my-cruise-quick-btn{
  width:100% !important;
  min-width:0 !important;
  min-height:76px !important;
  padding:10px 6px !important;
  border-radius:16px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  text-align:center !important;
}
#homeMyCruise .my-cruise-quick-btn>span{
  display:grid;place-items:center;
  width:31px;height:31px;
  border-radius:10px;
  background:rgba(255,255,255,.075);
  font-size:19px !important;
  line-height:1 !important;
}
#homeMyCruise .my-cruise-quick-btn>b{
  display:block;
  max-width:100%;
  font-size:11px !important;
  line-height:1.13 !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
  white-space:normal !important;
  text-wrap:balance;
}
#homeMyCruise .my-cruise-quick-btn.mscx-album-quick{
  border-color:rgba(241,205,108,.78) !important;
  background:linear-gradient(180deg,rgba(25,105,164,.62),rgba(7,51,86,.74)) !important;
}
#homeMyCruise .my-cruise-quick-btn.mscx-album-quick>span{background:rgba(241,205,108,.16)}
@media(max-width:370px){
  #homeMyCruise .my-cruise-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  #homeMyCruise .my-cruise-quick-btn{min-height:70px !important}
  #homeMyCruise .my-cruise-quick-btn>b{font-size:11px !important}
}


/* MSCxplorer v8.1.26 · Álbum por escalas · presentación visual */
.mscx-album-group-v5{margin-top:20px;padding:13px;border-radius:22px;border:1px solid rgba(216,180,83,.24);background:radial-gradient(circle at 88% 5%,rgba(216,180,83,.09),transparent 30%),linear-gradient(180deg,rgba(8,39,65,.66),rgba(4,25,43,.46));box-shadow:0 14px 30px rgba(0,0,0,.12);overflow:hidden}
.mscx-album-stage-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 1px 10px;border-bottom:1px solid rgba(216,180,83,.22)}
.mscx-album-group-v5 .mscx-album-group-title{min-width:0}.mscx-album-group-v5 .mscx-album-group-title>span{font-size:8px}.mscx-album-group-v5 .mscx-album-group-title h3{font-size:18px;line-height:1.08;color:#fff0bd;white-space:normal;overflow:visible;text-overflow:clip}
.mscx-album-stage-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;flex:0 0 auto}.mscx-album-stage-meta span{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(118,173,208,.22);color:#dbeaf3;font-size:8px;font-weight:900;white-space:nowrap}.mscx-album-stage-meta span:first-child{border-color:rgba(216,180,83,.34);color:#ffe4a0}
.mscx-album-stage-feature{position:relative;display:block;width:100%;height:245px;margin-top:11px;padding:0;overflow:hidden;border-radius:17px;border:1px solid rgba(232,198,109,.48);background:#092c4c;box-shadow:0 14px 28px rgba(0,0,0,.2);text-align:left;-webkit-tap-highlight-color:transparent}.mscx-album-stage-feature:active{transform:scale(.995)}
.mscx-album-stage-feature>img{display:block;width:100%;height:100%;object-fit:cover}.mscx-album-stage-feature-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,17,29,.28) 0%,rgba(2,17,29,.02) 42%,rgba(2,17,29,.88) 100%);pointer-events:none}
.mscx-album-stage-feature-top{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.mscx-album-stage-feature-top em{display:inline-flex;align-items:center;min-height:24px;padding:5px 8px;border-radius:999px;background:rgba(5,31,52,.78);border:1px solid rgba(255,232,166,.3);color:#ffe8a9;font-size:8px;font-style:normal;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(7px)}.mscx-album-stage-feature-top>span{color:#fff4d2;font-size:9px;font-weight:950;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.mscx-album-stage-feature-copy{position:absolute;left:13px;right:13px;bottom:12px;display:grid;gap:3px;z-index:2;pointer-events:none}.mscx-album-stage-feature-copy b{color:#fff7df;font-size:15px;line-height:1.2;font-weight:950;text-shadow:0 2px 9px rgba(0,0,0,.55);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mscx-album-stage-feature-copy small{color:#d7e8f2;font-size:9px;font-weight:850}
.mscx-album-stage-secondary-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:11px 2px 0}.mscx-album-stage-secondary-head>span{color:#d9e9f2;font-size:10px;font-weight:900}.mscx-album-stage-secondary-head>small{color:#a9c7d9;font-size:8px;font-weight:850}
.mscx-album-grid-v5{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:7px}.mscx-album-thumb-v5{aspect-ratio:1/1;border-radius:13px;border-color:rgba(224,190,99,.36);box-shadow:0 7px 15px rgba(0,0,0,.14)}
.mscx-album-thumb-v5 .mscx-album-photo-heart{font-size:11px}.mscx-album-thumb-v5 .mscx-album-photo-cover{font-size:7px;padding:3px 5px}.mscx-album-thumb-v5 .mscx-album-thumb-note{left:4px;right:4px;bottom:4px;padding:5px 6px;font-size:8px}
@media(max-width:560px){.mscx-album-group-v5{padding:11px 9px 10px;margin-left:-2px;margin-right:-2px;border-radius:19px}.mscx-album-stage-head{align-items:flex-start}.mscx-album-group-v5 .mscx-album-group-title h3{font-size:17px}.mscx-album-stage-meta{max-width:45%}.mscx-album-stage-feature{height:215px;margin-top:9px;border-radius:15px}.mscx-album-stage-feature-copy{left:11px;right:11px;bottom:10px}.mscx-album-stage-feature-copy b{font-size:14px}.mscx-album-grid-v5{gap:6px}}
@media(max-width:370px){.mscx-album-stage-head{display:grid;gap:7px}.mscx-album-stage-meta{justify-content:flex-start;max-width:none}.mscx-album-stage-feature{height:195px}.mscx-album-grid-v5{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =========================================================
   MSCxplorer v8.1.27 · Filigranas náuticas
   Capa exclusivamente decorativa: rosa de los vientos, timón,
   hélice, sirena y emblema MSC estilizado. No altera interacción.
   ========================================================= */
#home .home-hero::before{
  background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat !important;
  width:238px !important;height:238px !important;right:-48px !important;top:-58px !important;
  border-radius:0 !important;opacity:.20 !important;filter:drop-shadow(0 0 18px rgba(232,200,107,.08)) !important;
}
#homeMyCruise .my-cruise-card::after{
  content:"" !important;
  width:192px !important;height:192px !important;right:-28px !important;bottom:-46px !important;
  background:url('assets/decor-v8.1.27/ship-wheel.svg') center/contain no-repeat !important;
  opacity:.095 !important;transform:rotate(10deg) !important;font-size:0 !important;
}

/* Ficha de crucero: emblema MSC estilizado, tenue y editorial. */
#cruises #cruiseDetail article.card.cruise-detail-card{
  position:relative;overflow:hidden;isolation:isolate;
}
#cruises #cruiseDetail article.card.cruise-detail-card::after{
  content:"";position:absolute;z-index:0;right:-34px;bottom:-42px;width:176px;height:176px;
  background:url('assets/decor-v8.1.27/msc-rosette.svg') center/contain no-repeat;
  opacity:.07;transform:rotate(8deg);pointer-events:none;
}
#cruises #cruiseDetail article.card.cruise-detail-card>*{position:relative;z-index:1}

/* Flota: hélice como marca de agua en cada ficha de barco. */
#ships #shipList .ship-fleet-card{position:relative;overflow:hidden;isolation:isolate}
#ships #shipList .ship-fleet-card::after{
  content:"";position:absolute;z-index:0;right:-22px;bottom:-28px;width:128px;height:128px;
  background:url('assets/decor-v8.1.27/propeller.svg') center/contain no-repeat;
  opacity:.055;transform:rotate(-10deg);pointer-events:none;
}
#ships #shipList .ship-fleet-card>*{position:relative;z-index:1}

/* MSCxplorer / Puertos: sirena marinera muy discreta. */
#explorer .catalog-card-v8{position:relative;overflow:hidden;isolation:isolate}
#explorer .catalog-card-v8::after{
  content:"";position:absolute;z-index:0;right:-2px;bottom:-24px;width:84px;height:128px;
  background:url('assets/decor-v8.1.27/mermaid.svg') center bottom/contain no-repeat;
  opacity:.05;pointer-events:none;
}
#explorer .catalog-card-v8>*{position:relative;z-index:1}

/* Ranking: rosa de los vientos solo en los puestos destacados. */
#ranking .global-rank-card:nth-child(-n+3),
#ranking .thematic-visual-card:nth-child(-n+3){position:relative;overflow:hidden;isolation:isolate}
#ranking .global-rank-card:nth-child(-n+3)::after,
#ranking .thematic-visual-card:nth-child(-n+3)::after{
  content:"";position:absolute;z-index:0;right:-26px;bottom:-34px;width:138px;height:138px;
  background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat;
  opacity:.045;transform:rotate(8deg);pointer-events:none;
}
#ranking .global-rank-card:nth-child(-n+3)>*,
#ranking .thematic-visual-card:nth-child(-n+3)>*{position:relative;z-index:1}

/* Álbum por etapas: timón sutil en la esquina de cada etapa. */
.mscx-album-group-v5{position:relative;isolation:isolate}
.mscx-album-group-v5::after{
  content:"";position:absolute;z-index:0;right:-25px;top:-22px;width:108px;height:108px;
  background:url('assets/decor-v8.1.27/ship-wheel.svg') center/contain no-repeat;
  opacity:.045;transform:rotate(12deg);pointer-events:none;
}
.mscx-album-group-v5>*{position:relative;z-index:1}

/* Remates decorativos compactos: no invaden contenido ni controles. */
#home .home-highlight-card:nth-child(3n+1)::after,
#home .home-route-card:nth-child(3n+1)::after{
  content:"";position:absolute;right:9px;top:9px;width:24px;height:24px;
  background:url('assets/decor-v8.1.27/msc-rosette.svg') center/contain no-repeat;
  opacity:.30;pointer-events:none;
}

@media(max-width:560px){
  #home .home-hero::before{width:198px !important;height:198px !important;right:-58px !important;top:-48px !important;opacity:.17 !important}
  #homeMyCruise .my-cruise-card::after{width:150px !important;height:150px !important;right:-20px !important;bottom:-34px !important;opacity:.075 !important}
  #cruises #cruiseDetail article.card.cruise-detail-card::after{width:138px;height:138px;right:-32px;bottom:-30px;opacity:.055}
  #ships #shipList .ship-fleet-card::after{width:106px;height:106px;opacity:.045}
  #explorer .catalog-card-v8::after{width:70px;height:108px;opacity:.04}
  #ranking .global-rank-card:nth-child(-n+3)::after,
  #ranking .thematic-visual-card:nth-child(-n+3)::after{width:112px;height:112px;opacity:.038}
  .mscx-album-group-v5::after{width:92px;height:92px;right:-22px;top:-18px;opacity:.038}
}


/* =========================================================
   MSCxplorer v8.1.28 · Detalle editorial de puertos y cruceros
   Solo presentación: jerarquía, separadores y remates náuticos.
   ========================================================= */
/* Puertos: cada sección se lee como una lámina de cuaderno de viaje. */
#explorer #portDetail .mscx-unified-section:not(.mscx-unified-hero){
  position:relative;
  overflow:hidden;
}
#explorer #portDetail .mscx-unified-section:not(.mscx-unified-hero)>.mscx-unified-kicker{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  margin-bottom:4px;
  padding:4px 9px;
  border-radius:999px;
  border:1px solid rgba(216,180,83,.30);
  background:rgba(255,255,255,.055);
  color:#f4d984!important;
  font-size:9px;
  letter-spacing:.085em;
}
#explorer #portDetail .mscx-unified-section:not(.mscx-unified-hero)>h3{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  align-items:center;
  gap:9px;
  margin:5px 0 14px;
  padding:0 0 10px;
  border-bottom:1px solid rgba(216,180,83,.22);
  color:#fff6dc!important;
  font-size:clamp(18px,4vw,21px);
  line-height:1.15;
}
#explorer #portDetail .mscx-unified-section:not(.mscx-unified-hero)>h3::before{
  content:"";
  width:26px;
  height:26px;
  background:url('assets/decor-v8.1.27/msc-rosette.svg') center/contain no-repeat;
  opacity:.72;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.18));
}
#explorer #portDetail .mscx-unified-hero h2::after{
  content:"";
  display:block;
  width:92px;
  height:3px;
  margin-top:10px;
  border-radius:99px;
  background:linear-gradient(90deg,#f0cf72,rgba(240,207,114,.10));
}
#explorer #portDetail .mscx-unified-place{
  border-left:3px solid rgba(240,207,114,.62)!important;
  border-radius:5px 15px 15px 5px!important;
  background:
    radial-gradient(120px 70px at 100% 0%,rgba(240,207,114,.055),transparent 70%),
    rgba(255,255,255,.065)!important;
}
#explorer #portDetail .mscx-unified-place h4{
  color:#fff3ca!important;
  line-height:1.2;
}
#explorer #portDetail .mscx-unified-climate-card,
#explorer #portDetail .mscx-unified-tip,
#explorer #portDetail .mscx-detail-quick>div,
#explorer #portDetail .mscx-unified-quick>div{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 7px 15px rgba(0,0,0,.055)!important;
}
#explorer #portDetail .mscx-unified-tip b,
#explorer #portDetail .mscx-unified-climate-card small{
  color:#ffe3a0!important;
}

/* Cruceros: títulos de sección con símbolos náuticos diferentes. */
#cruises #cruiseDetail article.card.cruise-detail-card>h3::before{
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:url('assets/decor-v8.1.27/msc-rosette.svg') center/contain no-repeat!important;
  opacity:.78;
}
#cruises #cruiseDetail article.card.cruise-detail-card>h3:nth-of-type(1)::before{
  background-image:url('assets/decor-v8.1.27/compass-rose.svg')!important;
}
#cruises #cruiseDetail article.card.cruise-detail-card>h3:nth-of-type(2)::before{
  background-image:url('assets/decor-v8.1.27/msc-rosette.svg')!important;
}
#cruises #cruiseDetail article.card.cruise-detail-card>h3:nth-of-type(3)::before{
  background-image:url('assets/decor-v8.1.27/ship-wheel.svg')!important;
}
#cruises #cruiseDetail .cruise-detail-meta-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}
#cruises #cruiseDetail .cruise-detail-meta-chip{
  justify-content:center;
  text-align:center;
  white-space:normal;
  line-height:1.15;
}
#cruises #cruiseDetail .stats .stat{
  border-top:2px solid rgba(240,207,114,.42)!important;
}
#cruises #cruiseDetail .stats .stat span{
  color:#cfe2ef!important;
  font-weight:800;
}
#cruises #cruiseDetail .cruise-stops-disclosure{
  border-color:rgba(216,180,83,.34)!important;
  background:rgba(255,255,255,.045)!important;
}

@media(max-width:560px){
  #explorer #portDetail .mscx-unified-section:not(.mscx-unified-hero)>h3{
    grid-template-columns:24px minmax(0,1fr);
    gap:8px;
    font-size:18px;
  }
  #explorer #portDetail .mscx-unified-section:not(.mscx-unified-hero)>h3::before{width:23px;height:23px}
  #cruises #cruiseDetail .cruise-detail-meta-row{gap:6px!important}
  #cruises #cruiseDetail .cruise-detail-meta-chip{padding:7px 6px;font-size:10px!important}
}


/* =========================================================
   MSCxplorer v8.1.29 · Flota y Ranking · acabado náutico premium
   Solo presentación. No modifica fotografías, object-fit, datos,
   puntuaciones, navegación ni transición Ranking → Flota.
   ========================================================= */

/* ---------- LA FLOTA ---------- */
/* La cabecera sustituye el adorno genérico por una hélice náutica real. */
#ships #shipListView .ship-fleet-head::after{
  content:"" !important;
  width:190px !important;
  height:190px !important;
  right:-34px !important;
  top:-38px !important;
  background:url('assets/decor-v8.1.27/propeller.svg') center/contain no-repeat !important;
  opacity:.085 !important;
  transform:rotate(-11deg) !important;
  font-size:0 !important;
}
#ships #shipListView .ship-fleet-head::before{
  content:"";
  position:absolute;
  left:22px;
  bottom:17px;
  width:92px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#f0cf72,rgba(240,207,114,.05));
  pointer-events:none;
}

/* Nombre del barco: pequeño emblema de hélice, sin tocar la fotografía. */
#ships #shipList .ship-title-row h3{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
#ships #shipList .ship-title-row h3::before{
  content:"";
  flex:0 0 24px;
  width:24px;
  height:24px;
  background:url('assets/decor-v8.1.27/propeller.svg') center/contain no-repeat;
  opacity:.78;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.18));
}
#ships #shipList .ship-title-row h3::after{display:none !important}

/* Los datos técnicos se leen como una pequeña placa naval. */
#ships #shipList .ship-specs-line{
  border-top:1px solid rgba(255,255,255,.07) !important;
  border-bottom:1px solid rgba(240,207,114,.28) !important;
  background:
    linear-gradient(90deg,rgba(240,207,114,.055),rgba(255,255,255,.075),rgba(240,207,114,.055)) !important;
}
#ships #shipList .ship-spec-item{
  position:relative;
  font-weight:900;
  color:#f7fbff;
}
#ships #shipList .ship-tonnage-row{
  display:flex;
  justify-content:center;
  margin-top:8px;
}
#ships #shipList .ship-tonnage-badge{
  min-width:48%;
  justify-content:center;
  text-align:center;
  background:linear-gradient(180deg,rgba(240,207,114,.14),rgba(216,180,83,.07)) !important;
  border-color:rgba(240,207,114,.52) !important;
  color:#fff0bd !important;
}
#ships #shipList .ship-fleet-card>p:not(.ship-specs-line){
  text-align:justify;
  text-align-last:left;
  hyphens:auto;
}
#ships #shipList .ship-fleet-card>.badges{
  display:grid;
  grid-template-columns:minmax(0,1fr);
}
#ships #shipList .ship-sailings-badge{
  width:100%;
  justify-content:center;
  font-weight:950 !important;
  letter-spacing:.01em;
}

/* ---------- RANKING DE BARCOS ---------- */
#ships #shipRankingView .ship-ranking-head-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(240,207,114,.90) !important;
  background:
    radial-gradient(260px 150px at 100% 0%,rgba(255,255,255,.08),transparent 68%),
    linear-gradient(145deg,#031426,#072846 58%,#0a416f) !important;
  box-shadow:inset 0 2px 0 rgba(240,207,114,.30),0 18px 38px rgba(3,20,38,.18) !important;
}
#ships #shipRankingView .ship-ranking-head-card::after{
  content:"";
  position:absolute;
  z-index:0;
  right:-32px;
  top:-36px;
  width:168px;
  height:168px;
  background:url('assets/decor-v8.1.27/ship-wheel.svg') center/contain no-repeat;
  opacity:.07;
  transform:rotate(10deg);
  pointer-events:none;
}
#ships #shipRankingView .ship-ranking-head-card>*{position:relative;z-index:1}
#ships #shipRankingView .ship-ranking-head-card>.eyebrow{
  background:linear-gradient(180deg,#f3d77f,#d3a846) !important;
  color:#102a43 !important;
  border:1px solid #ffe8a8 !important;
}
#ships #shipRankingView .ship-ranking-tabs{
  padding:7px;
  border:1px solid rgba(216,180,83,.40);
  border-radius:17px;
  background:rgba(1,14,27,.30);
}
#ships #shipRankingView .ship-ranking-tab{
  min-height:40px;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(216,180,83,.28);
  background:rgba(255,255,255,.07);
  color:#edf7fd;
  font-weight:850;
}
#ships #shipRankingView .ship-ranking-tab.active{
  background:linear-gradient(180deg,#f2d57c,#cda444);
  color:#102a43;
  border-color:#ffe9ac;
  box-shadow:0 7px 16px rgba(58,40,0,.16),inset 0 1px 0 rgba(255,255,255,.50);
}
#ships #shipRankingView .ship-ranking-list{
  display:grid;
  gap:13px;
}
#ships #shipRankingView .ship-ranking-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(216,180,83,.66) !important;
  background:
    radial-gradient(220px 120px at 100% 0%,rgba(255,255,255,.07),transparent 68%),
    linear-gradient(150deg,#03182c,#072b4c 62%,#0a416f) !important;
  box-shadow:inset 0 2px 0 rgba(240,207,114,.22),0 16px 34px rgba(3,20,38,.17) !important;
}
#ships #shipRankingView .ship-ranking-card::after{
  content:"";
  position:absolute;
  z-index:0;
  right:-24px;
  bottom:-28px;
  width:118px;
  height:118px;
  background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat;
  opacity:.035;
  transform:rotate(8deg);
  pointer-events:none;
}
#ships #shipRankingView .ship-ranking-card>*{position:relative;z-index:1}
#ships #shipRankingView .ship-ranking-card .list-head{
  align-items:center;
  padding-bottom:10px;
  border-bottom:1px solid rgba(216,180,83,.22);
}
#ships #shipRankingView .ship-ranking-card h3{
  color:#fff !important;
  line-height:1.25;
}
#ships #shipRankingView .ship-rank-position{
  display:inline-grid;
  place-items:center;
  min-width:33px;
  min-height:33px;
  padding:3px 6px;
  border-radius:999px;
  border:1px solid rgba(240,207,114,.42);
  background:rgba(255,255,255,.075);
  color:#fff2c1;
  font-weight:1000;
}
#ships #shipRankingView .ship-ranking-score{
  display:grid;
  place-items:center;
  min-width:66px;
  min-height:66px;
  padding:8px;
  border-radius:50%;
  border:1px solid #ffe9ac;
  background:linear-gradient(155deg,#f5de91,#d9ae4b 72%,#c59635);
  color:#102a43 !important;
  box-shadow:0 10px 22px rgba(58,40,0,.18),inset 0 1px 0 rgba(255,255,255,.60);
  font-size:22px;
}
#ships #shipRankingView .ship-ranking-sub{
  gap:6px;
  margin-top:9px;
}
#ships #shipRankingView .ship-ranking-pill{
  border:1px solid rgba(240,207,114,.38) !important;
  background:rgba(255,255,255,.075) !important;
  color:#edf7fd !important;
}
#ships #shipRankingView .ship-ranking-strengths{
  margin:10px 0 0;
  padding:9px 10px;
  border-left:3px solid rgba(240,207,114,.66);
  border-radius:4px 12px 12px 4px;
  background:rgba(255,255,255,.055);
  color:#dcecf8 !important;
  text-align:justify;
  text-align-last:left;
}
#ships #shipRankingView .ship-ranking-strengths b{color:#ffe08a !important}
#ships #shipRankingView .ship-ranking-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:11px;
  padding-top:10px;
  border-top:1px solid rgba(216,180,83,.20);
}
#ships #shipRankingView .ship-ranking-actions .btn{
  width:100%;
  min-height:42px;
  justify-content:center;
}
#ships #shipRankingView .ship-ranking-why{
  margin-top:10px;
  padding:11px 12px;
  border:1px solid rgba(240,207,114,.34);
  border-radius:13px;
  background:rgba(1,18,34,.34);
}
#ships #shipRankingView .ship-ranking-why p{
  color:#eaf4fb !important;
  text-align:justify;
  text-align-last:left;
}

/* Oro, plata y bronce siguen la posición real, incluidas posiciones empatadas. */
#ships #shipRankingView .ship-ranking-top1{
  border-color:#f1cf68 !important;
  box-shadow:inset 4px 0 0 #f1cf68,inset 0 2px 0 rgba(255,229,160,.28),0 18px 38px rgba(3,20,38,.19) !important;
}
#ships #shipRankingView .ship-ranking-top2{
  border-color:#c6d2dd !important;
  box-shadow:inset 4px 0 0 #c6d2dd,inset 0 2px 0 rgba(255,255,255,.22),0 18px 38px rgba(3,20,38,.19) !important;
}
#ships #shipRankingView .ship-ranking-top3{
  border-color:#c88e5c !important;
  box-shadow:inset 4px 0 0 #c88e5c,inset 0 2px 0 rgba(255,220,190,.18),0 18px 38px rgba(3,20,38,.19) !important;
}
#ships #shipRankingView .ship-ranking-top2 .ship-ranking-score{
  border-color:#eef4f8;
  background:linear-gradient(155deg,#f5f8fa,#c7d2dc 72%,#aab7c3);
}
#ships #shipRankingView .ship-ranking-top3 .ship-ranking-score{
  border-color:#efc29d;
  background:linear-gradient(155deg,#efc9aa,#c78b5a 72%,#a9683d);
}

/* ---------- RANKING DE ITINERARIOS ---------- */
#ranking .thematic-ranking-head::after{
  content:"";
  position:absolute;
  z-index:0;
  right:-44px;
  top:-54px;
  width:205px;
  height:205px;
  background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat;
  opacity:.07;
  transform:rotate(8deg);
  pointer-events:none;
}
#ranking .thematic-ranking-head>*{position:relative;z-index:1}
#ranking #rankingHeading{
  display:flex;
  align-items:center;
  gap:8px;
}
#ranking #rankingHeading::before{
  content:"";
  width:23px;
  height:23px;
  flex:0 0 23px;
  background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat;
  opacity:.78;
}

/* Los tres puestos principales se distinguen por metal, no por tamaño. */
#ranking .global-rank-top1,
#ranking .thematic-rank-top1{border-color:#f1cf68 !important;box-shadow:inset 4px 0 0 #f1cf68,inset 0 2px 0 rgba(255,229,160,.34),0 20px 44px rgba(3,20,38,.22) !important}
#ranking .global-rank-top2,
#ranking .thematic-rank-top2{border-color:#c6d2dd !important;box-shadow:inset 4px 0 0 #c6d2dd,inset 0 2px 0 rgba(255,255,255,.24),0 20px 44px rgba(3,20,38,.22) !important}
#ranking .global-rank-top3:not(.global-rank-top1):not(.global-rank-top2),
#ranking .thematic-rank-top3:not(.thematic-rank-top1):not(.thematic-rank-top2){border-color:#c88e5c !important;box-shadow:inset 4px 0 0 #c88e5c,inset 0 2px 0 rgba(255,220,190,.18),0 20px 44px rgba(3,20,38,.22) !important}
#ranking .global-rank-top2 .global-rank-score,
#ranking .thematic-rank-top2 .thematic-rank-score{
  border-color:#eef4f8 !important;
  background:linear-gradient(155deg,#f5f8fa,#c7d2dc 72%,#aab7c3) !important;
}
#ranking .global-rank-top3:not(.global-rank-top1):not(.global-rank-top2) .global-rank-score,
#ranking .thematic-rank-top3:not(.thematic-rank-top1):not(.thematic-rank-top2) .thematic-rank-score{
  border-color:#efc29d !important;
  background:linear-gradient(155deg,#efc9aa,#c78b5a 72%,#a9683d) !important;
}
#ranking .global-rank-top2::before,
#ranking .thematic-rank-top2::before{background:linear-gradient(180deg,#eef3f7,#b8c5d0) !important;color:#17324a !important;border-color:#f5f8fa !important}
#ranking .global-rank-top3:not(.global-rank-top1):not(.global-rank-top2)::before,
#ranking .thematic-rank-top3:not(.thematic-rank-top1):not(.thematic-rank-top2)::before{background:linear-gradient(180deg,#e6b98f,#b97646) !important;color:#1f2c38 !important;border-color:#f0ceb0 !important}

@media(max-width:560px){
  #ships #shipListView .ship-fleet-head::after{width:148px !important;height:148px !important;right:-28px !important;top:-28px !important;opacity:.07 !important}
  #ships #shipList .ship-title-row h3::before{width:21px;height:21px;flex-basis:21px}
  #ships #shipList .ship-tonnage-badge{min-width:58%}
  #ships #shipRankingView .ship-ranking-head-card::after{width:132px;height:132px;right:-25px;top:-24px;opacity:.055}
  #ships #shipRankingView .ship-ranking-card .list-head{gap:8px}
  #ships #shipRankingView .ship-ranking-score{min-width:58px;min-height:58px;font-size:20px}
  #ships #shipRankingView .ship-ranking-actions{grid-template-columns:1fr 1fr;gap:7px}
  #ships #shipRankingView .ship-ranking-actions .btn{padding:8px 6px !important;font-size:11px}
  #ranking .thematic-ranking-head::after{width:160px;height:160px;right:-42px;top:-38px;opacity:.055}
}
@media(max-width:365px){
  #ships #shipRankingView .ship-ranking-actions{grid-template-columns:1fr}
}


/* =========================================================
   MSCxplorer v8.1.30 · Favoritos y Comparar · acabado náutico
   Capa exclusivamente visual. No altera selección ni lógica.
   ========================================================= */

/* Cabeceras: una identidad propia, manteniendo el lenguaje de MSCxplorer. */
#favorites .favorites-head,
#compare .compare-head{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
#favorites .favorites-head::after,
#compare .compare-head::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:152px;
  height:152px;
  right:-28px;
  bottom:-48px;
  opacity:.085;
  pointer-events:none;
  filter:sepia(.3) saturate(.8);
}
#favorites .favorites-head::after{
  background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat;
}
#compare .compare-head::after{
  background:url('assets/decor-v8.1.27/ship-wheel.svg') center/contain no-repeat;
}
#favorites .favorites-head .eyebrow,
#compare .compare-head .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(255,232,164,.74) !important;
  box-shadow:0 6px 14px rgba(0,0,0,.10);
}
#favorites .favorites-head .eyebrow::before{content:"♥";font-size:13px}
#compare .compare-head .eyebrow::before{content:"⚖";font-size:14px}
#favorites .favorites-lead,
#compare .compare-head>.muted{
  max-width:68ch;
  line-height:1.55;
}

/* Favoritos: cada crucero se lee como una selección personal. */
#favorites #favoriteList{
  display:grid;
  gap:14px;
}
#favorites .cruise{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
#favorites .cruise::after{
  content:"♥";
  position:absolute;
  z-index:-1;
  right:18px;
  bottom:10px;
  color:#f2cd67;
  font-size:86px;
  line-height:1;
  opacity:.045;
  pointer-events:none;
  transform:rotate(-8deg);
}
#favorites .cruise-card-head{
  padding-bottom:10px;
  border-bottom:1px solid rgba(212,180,91,.24);
}
#favorites .cruise-card-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#f5d77f !important;
  letter-spacing:.08em;
}
#favorites .cruise-card-kicker::before{
  content:"✦";
  color:#f5d77f;
  font-size:10px;
}
#favorites .cruise-card-meta-row{
  margin-top:11px;
}
#favorites .cruise-card-meta-chip{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
#favorites .cruise-card-route{
  position:relative;
  padding-left:15px !important;
}
#favorites .cruise-card-route::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  bottom:9px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#f5d77f,#b98c32);
  opacity:.9;
}
#favorites .cruise-card-actions{
  background:rgba(2,18,33,.14);
  border-radius:14px;
  padding:10px 0 0;
}
#favorites .cruise.compare-selected{
  box-shadow:0 0 0 2px rgba(242,205,103,.28),inset 0 2px 0 rgba(242,205,103,.40),0 16px 34px rgba(5,30,53,.20) !important;
}

/* Comparar: jerarquía clara entre identidad del crucero, Global y categorías. */
#compare .compare-mobile-grid{
  gap:16px;
}
#compare .compare-cruise-card{
  isolation:isolate;
}
#compare .compare-cruise-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:128px;
  height:128px;
  right:-34px;
  top:60px;
  background:url('assets/decor-v8.1.27/ship-wheel.svg') center/contain no-repeat;
  opacity:.045;
  pointer-events:none;
}
#compare .compare-card-head{
  position:relative;
  min-height:62px;
}
#compare .compare-card-head::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,rgba(245,215,127,.75),rgba(245,215,127,.08));
}
#compare .compare-card-head h3{
  font-size:clamp(20px,4.8vw,24px) !important;
  letter-spacing:-.015em;
}
#compare .compare-cruise-card>.meta{
  margin-top:10px;
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(212,180,91,.30);
  background:rgba(255,255,255,.07);
}
#compare .compare-key{
  position:relative;
  overflow:hidden;
  min-height:58px;
  padding:10px 13px 10px 16px;
}
#compare .compare-key::after{
  content:"";
  position:absolute;
  width:64px;
  height:64px;
  right:-12px;
  bottom:-16px;
  background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat;
  opacity:.12;
  pointer-events:none;
}
#compare .compare-key span{
  position:relative;
  z-index:1;
  font-size:13px;
  letter-spacing:.03em;
}
#compare .compare-key b{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  min-width:48px;
  height:38px;
  padding:0 8px;
  border-radius:999px;
  background:#102a43;
  color:#ffe7a0 !important;
  border:1px solid rgba(255,255,255,.44);
  box-shadow:0 5px 12px rgba(0,0,0,.14);
}
#compare .compare-theme-grid{
  margin-top:2px;
}
#compare .compare-theme-row{
  min-height:44px;
  transition:none !important;
}
#compare .compare-theme-row b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(245,215,127,.12);
  border:1px solid rgba(245,215,127,.28);
}
#compare .compare-card-actions{
  margin-top:14px;
}
#compare .compare-remove{
  box-shadow:0 6px 14px rgba(0,0,0,.14);
}
#compare .compare-remove:active{
  transform:scale(.97);
}

/* Estados vacíos: el motivo náutico se mantiene también cuando aún no hay selección. */
#favorites .empty,
#compare .empty{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
#favorites .empty::after,
#compare .empty::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:130px;
  height:130px;
  right:-24px;
  bottom:-36px;
  opacity:.06;
  pointer-events:none;
}
#favorites .empty::after{background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat}
#compare .empty::after{background:url('assets/decor-v8.1.27/ship-wheel.svg') center/contain no-repeat}

@media(max-width:560px){
  #favorites #favoriteList{gap:12px}
  #favorites .favorites-head::after,#compare .compare-head::after{width:122px;height:122px;right:-24px;bottom:-38px}
  #compare .compare-mobile-grid{gap:13px}
  #compare .compare-theme-row{padding:9px 9px}
}


/* =========================================================
   MSCxplorer v8.1.31 · MSCxplorer + II Guerra Mundial
   Capa visual editorial. No modifica datos, enlaces ni lógica.
   ========================================================= */

/* ---------- MSCxplorer: catálogo como cuaderno de escalas ---------- */
#explorer .explorer-discover-head h2{
  display:flex;
  align-items:center;
  gap:11px;
}
#explorer .explorer-discover-head h2::before{
  content:"";
  flex:0 0 32px;
  width:32px;
  height:32px;
  background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat;
  opacity:.86;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.18));
}
#explorer .explorer-filters label{
  color:#f3d983 !important;
  font-size:10px;
  font-weight:950;
  letter-spacing:.075em;
  text-transform:uppercase;
}
#explorer .explorer-filters input,
#explorer .explorer-filters select{
  border-color:rgba(222,190,100,.48) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
#explorer #portCount{
  position:relative;
  padding-left:29px;
  border-color:rgba(255,228,154,.62) !important;
  background:linear-gradient(180deg,rgba(242,207,114,.18),rgba(216,180,83,.09)) !important;
  color:#fff2c7 !important;
}
#explorer #portCount::before{
  content:"";
  position:absolute;
  left:8px;
  top:50%;
  width:15px;
  height:15px;
  transform:translateY(-50%);
  background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat;
  opacity:.78;
}
#explorer .catalog-card-v8::before{
  content:"";
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:linear-gradient(90deg,#f4d77e 0%,#c99a39 46%,rgba(201,154,57,.10) 100%);
  opacity:.92;
  pointer-events:none;
}
#explorer .catalog-card-v8.is-pending::before{
  background:linear-gradient(90deg,#8fb9d5 0%,#4f83a7 46%,rgba(79,131,167,.08) 100%);
  opacity:.62;
}
#explorer .catalog-card-kicker{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 9px;
  border-radius:999px;
  border:1px solid rgba(245,216,132,.36);
  background:rgba(245,216,132,.075);
}
#explorer .catalog-card-v8.is-ready .catalog-card-kicker::before{
  content:"✓";
  display:grid;
  place-items:center;
  width:15px;
  height:15px;
  margin-right:5px;
  border-radius:50%;
  background:#f1d47a;
  color:#102a43;
  font-size:9px;
  font-weight:1000;
}
#explorer .catalog-card-v8.is-pending .catalog-card-kicker{
  color:#bcd9ea !important;
  border-color:rgba(143,185,213,.28);
  background:rgba(143,185,213,.06);
}
#explorer .catalog-card-v8 .status-line{
  position:relative;
  padding-bottom:11px;
  border-bottom:1px solid rgba(216,180,83,.18);
}
#explorer .catalog-card-v8 .status-line::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:48px;
  height:1px;
  background:#f2d275;
}
#explorer .catalog-card-meta{
  align-items:stretch;
}
#explorer .catalog-card-meta span{
  justify-content:center;
  min-height:33px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
#explorer .catalog-aliases{
  position:relative;
  padding-left:13px;
}
#explorer .catalog-aliases::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:1px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#f1d174,#9b752a);
  opacity:.75;
}

/* Ficha de puerto: remates de sección más editoriales sin tocar contenido. */
#explorer #portDetail .mscx-unified-section:not(.mscx-unified-hero)::before{
  content:"";
  position:absolute;
  top:0;
  left:18px;
  right:18px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(244,215,126,.72),transparent);
  opacity:.65;
  pointer-events:none;
}
#explorer #portDetail .mscx-unified-section:not(.mscx-unified-hero)>h3::after{
  content:"✦";
  margin-left:auto;
  color:#e8c85f;
  font-size:12px;
  opacity:.72;
}

/* ---------- II Guerra Mundial: archivo histórico editorial ---------- */
#wwii .wwii-discover-head h2{
  display:flex;
  align-items:center;
  gap:11px;
}
#wwii .wwii-discover-head h2::before{
  content:"";
  flex:0 0 32px;
  width:32px;
  height:32px;
  background:url('assets/decor-v8.1.27/msc-rosette.svg') center/contain no-repeat;
  opacity:.78;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.18));
}
#wwii .wwii-search-frame label{
  color:#f3d983 !important;
  font-size:10px;
  font-weight:950;
  letter-spacing:.075em;
  text-transform:uppercase;
}
#wwii .wwii-search-frame input{
  border-color:rgba(222,190,100,.48) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
#wwii #wwiiCount{
  position:relative;
  padding-left:29px;
  border-color:rgba(255,228,154,.62) !important;
  background:linear-gradient(180deg,rgba(242,207,114,.18),rgba(216,180,83,.09)) !important;
  color:#fff2c7 !important;
}
#wwii #wwiiCount::before{
  content:"✦";
  position:absolute;
  left:9px;
  top:50%;
  transform:translateY(-51%);
  color:#f4d77e;
  font-size:11px;
}
#wwii .wwii-card-v8{
  padding-left:20px;
  isolation:isolate;
}
#wwii .wwii-card-v8::before{
  content:"";
  position:absolute;
  z-index:0;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:linear-gradient(180deg,#f3d77f,#a67c2c 72%,rgba(166,124,44,.22));
  opacity:.88;
  pointer-events:none;
}
#wwii .wwii-card-v8::after{
  content:"";
  position:absolute;
  z-index:0;
  right:-28px;
  bottom:-34px;
  width:126px;
  height:126px;
  background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat;
  opacity:.035;
  transform:rotate(9deg);
  pointer-events:none;
}
#wwii .wwii-card-v8>*{
  position:relative;
  z-index:1;
}
#wwii .wwii-card-kicker{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 9px;
  border-radius:999px;
  border:1px solid rgba(245,216,132,.34);
  background:rgba(245,216,132,.07);
}
#wwii .wwii-card-kicker::before{
  content:"✦";
  margin-right:6px;
  color:#f5d77f;
  font-size:9px;
}
#wwii .wwii-card-v8 h3{
  padding-bottom:10px;
  border-bottom:1px solid rgba(216,180,83,.20);
}
#wwii .wwii-score-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
#wwii .wwii-score-row .badge{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:34px;
  padding:6px 7px;
  text-align:center;
  line-height:1.15;
  white-space:normal;
}
#wwii .wwii-score-row .badge:first-child{
  background:linear-gradient(180deg,rgba(245,215,127,.30),rgba(203,157,57,.14)) !important;
  border-color:rgba(255,230,158,.78) !important;
  color:#fff0bd !important;
}
#wwii .wwii-card-history{
  position:relative;
  padding-left:13px;
  text-align:justify;
  text-justify:inter-word;
  hyphens:auto;
  -webkit-hyphens:auto;
}
#wwii .wwii-card-history::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:1px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#f0cf72,#9a742b);
  opacity:.68;
}
#wwii .wwii-card-actions .btn.secondary{
  min-height:42px;
  font-weight:950;
}

@media(max-width:560px){
  #explorer .explorer-discover-head h2,
  #wwii .wwii-discover-head h2{gap:8px}
  #explorer .explorer-discover-head h2::before,
  #wwii .wwii-discover-head h2::before{width:27px;height:27px;flex-basis:27px}
  #explorer .catalog-card-v8{padding-top:18px}
  #wwii .wwii-card-v8{padding-left:18px}
  #wwii .wwii-score-row{gap:6px}
  #wwii .wwii-score-row .badge{font-size:10px;padding:6px 5px}
  #wwii .wwii-card-actions .btn.secondary{width:100%;justify-content:center}
}
@media(max-width:375px){
  #wwii .wwii-score-row{grid-template-columns:1fr 1fr}
  #wwii .wwii-score-row .badge:last-child:nth-child(3){grid-column:1/-1}
}

.cruise-code-value{font-size:13px!important;line-height:1.05;white-space:nowrap;overflow:visible;display:block;letter-spacing:-.01em}

/* MSCxplorer v8.1.37 · Banderas visibles en MSCxplorer */
#cruises .cruise .card-port-chips,
#favorites .cruise .card-port-chips,
#cruises #cruiseDetail .cruise-stops-disclosure .port-chips,
#homeMyCruise .my-cruise-stops{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  align-items:stretch !important;
}
#cruises .cruise .card-port-chips > .port-chip,
#favorites .cruise .card-port-chips > .port-chip,
#cruises #cruiseDetail .cruise-stops-disclosure .port-chips > .port-chip,
#homeMyCruise .my-cruise-stops > .port-chip{
  grid-column:span 2;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:58px;
  margin:0 !important;
  padding:10px 8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:normal !important;
  line-height:1.14 !important;
  font-size:clamp(12px,2.9vw,14px) !important;
  font-weight:900 !important;
}
#cruises .cruise .card-port-chips > .port-chip:nth-last-child(2):nth-child(3n + 1),
#favorites .cruise .card-port-chips > .port-chip:nth-last-child(2):nth-child(3n + 1),
#cruises #cruiseDetail .cruise-stops-disclosure .port-chips > .port-chip:nth-last-child(2):nth-child(3n + 1),
#homeMyCruise .my-cruise-stops > .port-chip:nth-last-child(2):nth-child(3n + 1){
  grid-column:2 / span 2;
}
#cruises .cruise .card-port-chips > .port-chip:last-child:nth-child(3n + 1),
#favorites .cruise .card-port-chips > .port-chip:last-child:nth-child(3n + 1),
#cruises #cruiseDetail .cruise-stops-disclosure .port-chips > .port-chip:last-child:nth-child(3n + 1),
#homeMyCruise .my-cruise-stops > .port-chip:last-child:nth-child(3n + 1){
  grid-column:3 / span 2;
}
@media (max-width:390px){
  #cruises .cruise .card-port-chips,
  #favorites .cruise .card-port-chips,
  #cruises #cruiseDetail .cruise-stops-disclosure .port-chips,
  #homeMyCruise .my-cruise-stops{gap:8px !important}
  #cruises .cruise .card-port-chips > .port-chip,
  #favorites .cruise .card-port-chips > .port-chip,
  #cruises #cruiseDetail .cruise-stops-disclosure .port-chips > .port-chip,
  #homeMyCruise .my-cruise-stops > .port-chip{min-height:54px;font-size:clamp(11px,2.8vw,13px)!important;padding:9px 7px!important}
}

/* MSCxplorer v8.1.37 · Banderas visibles en MSCxplorer */
#home .home-hero{
  min-height:430px !important;
  background:
    radial-gradient(460px 280px at 10% 10%,rgba(255,228,151,.10),transparent 72%),
    linear-gradient(145deg,#041527 0%,#08294a 54%,#0c4677 100%) !important;
}
#home .home-hero-content{
  gap:16px !important;
  padding:24px 22px 22px !important;
}
#home .home-hero-content h2{
  max-width:10ch !important;
  font-size:clamp(36px,9.7vw,58px) !important;
  line-height:.96 !important;
  letter-spacing:-.035em !important;
  text-shadow:0 2px 14px rgba(0,0,0,.18);
}
#home .home-hero-content > p{
  max-width:31ch !important;
  font-size:16px !important;
  line-height:1.46 !important;
  color:#f3f7fb !important;
  font-weight:780 !important;
}
#home .home-hero-badges{gap:9px !important}
#home .home-hero-badge{
  min-height:54px;
  font-size:clamp(11px,3.2vw,14px) !important;
  font-weight:950 !important;
  border-color:rgba(255,229,160,.42) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.09)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
#home .home-hero-actions{gap:12px !important}
#home .home-hero-actions .btn{
  min-height:74px;
  font-size:clamp(18px,4.8vw,22px) !important;
  font-weight:1000 !important;
  border-radius:22px !important;
}
#home .home-hero-actions .btn.secondary{
  background:linear-gradient(180deg,#1884d1,#0b65a7) !important;
  border-color:rgba(135,205,248,.80) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
#home .home-hero-facts{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}
#home .home-hero-facts .fact{
  min-height:118px;
  padding:16px 16px 15px !important;
  border-radius:22px !important;
  border-color:rgba(240,207,114,.34) !important;
  background:linear-gradient(180deg,rgba(7,28,49,.44),rgba(255,255,255,.10)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
#home .home-hero-facts .fact:last-child{grid-column:1 / -1}
#home .home-hero-facts .fact small{
  margin-bottom:7px !important;
  color:#f2e5b8 !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.02em;
}
#home .home-hero-facts .fact b{
  display:block;
  font-size:clamp(20px,5.5vw,30px) !important;
  line-height:1.06 !important;
  color:#fff5cf !important;
}
@media (max-width:560px){
  #home .home-hero{min-height:454px !important}
  #home .home-hero-content{padding:22px 18px 20px !important}
  #home .home-hero-content h2{font-size:clamp(34px,10vw,48px) !important;max-width:9.5ch !important}
  #home .home-hero-content > p{font-size:15px !important;max-width:100% !important}
  #home .home-hero-actions .btn{min-height:66px;font-size:clamp(17px,4.6vw,20px)!important}
  #home .home-hero-facts .fact{min-height:108px;padding:14px 14px 13px !important}
}


/* MSCxplorer v8.1.36 · Banderas en las cinco primeras ciudades por orden alfabético */
#explorer #portDetail .mscx-port-flag-line{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:4px 0 10px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(240,207,114,.42);
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08));
  color:#fff4cf;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
#explorer #portDetail .mscx-port-flag-emoji{
  font-size:22px;
  line-height:1;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.14));
}
#explorer #portDetail .mscx-port-flag-text{
  font-size:13px;
  font-weight:950;
  letter-spacing:.03em;
  text-transform:uppercase;
}
@media (max-width:560px){
  #explorer #portDetail .mscx-port-flag-line{margin:4px 0 9px;padding:6px 11px;gap:8px}
  #explorer #portDetail .mscx-port-flag-emoji{font-size:20px}
  #explorer #portDetail .mscx-port-flag-text{font-size:12px}
}

/* MSCxplorer v8.1.37 · Banderas visibles junto al nombre */
#explorer #portGrid .catalog-port-name-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px}
#explorer #portGrid .catalog-port-flag{font-size:22px;line-height:1;flex:0 0 auto;filter:drop-shadow(0 2px 5px rgba(0,0,0,.12))}
#explorer #portDetail .mscx-unified-hero h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#explorer #portDetail .mscx-port-title-flag{font-size:.82em;line-height:1;flex:0 0 auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}
@media(max-width:560px){#explorer #portGrid .catalog-port-flag{font-size:20px}#explorer #portDetail .mscx-port-title-flag{font-size:.78em}}


/* MSCxplorer v8.1.38 · Álbum integrado en accesos rápidos */
#homeMyCruise .my-cruise-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
#homeMyCruise .my-cruise-quick-btn{min-height:76px !important}
#homeMyCruise .my-cruise-quick-btn>b{font-size:11px !important}
@media(max-width:370px){
  #homeMyCruise .my-cruise-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}


/* MSCxplorer v8.1.40 · Viaje sin conexión más visual */
#homeMyCruise .my-cruise-offline-card{gap:12px!important}
#homeMyCruise .my-cruise-offline-status{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
#homeMyCruise .my-cruise-offline-status span{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 8px;border-radius:999px;border:1px solid rgba(240,207,114,.34);background:rgba(255,255,255,.075);color:#fff1c4;font-size:11px;font-weight:900;white-space:nowrap}
#homeMyCruise .my-cruise-offline-card.ready{border-color:rgba(240,207,114,.62)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
#homeMyCruise .my-cruise-offline-card.ready .my-cruise-offline-copy>b{color:#fff2c5!important}
#homeMyCruise .my-cruise-offline-card .btn{flex:0 0 auto}
@media(max-width:640px){#homeMyCruise .my-cruise-offline-card .btn{width:100%}}


/* MSCxplorer v8.1.40 · Viaje sin conexión más visual */
#homeMyCruise .my-cruise-offline-card{
  gap:14px!important;
  padding:18px 18px 16px!important;
  border:1px solid rgba(240,207,114,.30)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(17,58,92,.92),rgba(10,43,72,.97))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 14px 28px rgba(1,10,22,.16);
}
#homeMyCruise .my-cruise-offline-card.ready{
  border-color:rgba(240,207,114,.52)!important;
  background:linear-gradient(180deg,rgba(21,68,105,.96),rgba(11,45,74,.98))!important;
}
#homeMyCruise .my-cruise-offline-card.pending{
  border-color:rgba(84,170,228,.34)!important;
}
#homeMyCruise .my-cruise-offline-copy{gap:8px!important}
#homeMyCruise .my-cruise-offline-kicker{display:flex;align-items:center;gap:8px;margin-bottom:1px}
#homeMyCruise .my-cruise-offline-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent}
#homeMyCruise .my-cruise-offline-badge.ready{background:rgba(240,207,114,.14);border-color:rgba(240,207,114,.38);color:#ffe7a4}
#homeMyCruise .my-cruise-offline-badge.pending{background:rgba(84,170,228,.12);border-color:rgba(84,170,228,.36);color:#d8efff}
#homeMyCruise .my-cruise-offline-card .my-cruise-offline-copy>b{font-size:22px!important;line-height:1.06;color:#fff1c4!important}
#homeMyCruise .my-cruise-offline-card .my-cruise-offline-copy p{font-size:15px!important;line-height:1.45;color:rgba(241,247,255,.92)!important;max-width:58ch}
#homeMyCruise .my-cruise-offline-card .my-cruise-offline-copy small{font-size:12px!important;line-height:1.4;color:rgba(220,233,245,.82)!important}
#homeMyCruise .my-cruise-offline-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px!important}
#homeMyCruise .my-cruise-offline-status span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 11px;border-radius:999px;border:1px solid rgba(240,207,114,.28);background:rgba(255,255,255,.08);color:#fff7d6;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
#homeMyCruise .my-cruise-offline-status.pending span{border-color:rgba(84,170,228,.28);color:#e3f4ff}
#homeMyCruise .my-cruise-offline-card .btn{align-self:flex-start;min-width:238px;min-height:48px;border-radius:16px!important;font-size:15px!important;font-weight:900!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
#homeMyCruise .my-cruise-offline-card .btn.secondary{background:linear-gradient(180deg,#f0cd73,#d9b455)!important;color:#123456!important;border-color:rgba(240,207,114,.76)!important}
#homeMyCruise .my-cruise-offline-note{margin:12px 2px 0!important;padding:12px 14px;border-radius:14px;border:1px solid rgba(240,207,114,.18);background:rgba(255,255,255,.04);color:rgba(235,242,249,.88)!important;font-size:13px!important;line-height:1.45!important}
#homeMyCruise .my-cruise-offline-note strong{color:#ffe6a4}
@media(max-width:640px){
  #homeMyCruise .my-cruise-offline-card{padding:16px 14px 14px!important;border-radius:20px!important}
  #homeMyCruise .my-cruise-offline-card .my-cruise-offline-copy>b{font-size:20px!important}
  #homeMyCruise .my-cruise-offline-card .my-cruise-offline-copy p{font-size:14px!important}
  #homeMyCruise .my-cruise-offline-card .btn{width:100%;min-width:0;align-self:stretch}
}


/* MSCxplorer v8.1.41 · Mi crucero · Plan y excursiones armonizados */
#homeMyCruise .my-cruise-excursions{
  margin-top:20px!important;
  padding-top:17px!important;
  border-top:1px solid rgba(240,207,114,.18)!important;
}
#homeMyCruise .my-cruise-excursion-list{gap:9px!important}
#homeMyCruise .my-cruise-excursion{
  position:relative;
  overflow:hidden;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  padding:12px 13px!important;
  border-radius:18px!important;
  border:1px solid rgba(240,207,114,.28)!important;
  background:
    radial-gradient(120px 70px at 100% 0%,rgba(240,207,114,.055),transparent 72%),
    linear-gradient(180deg,rgba(18,57,89,.78),rgba(9,40,67,.82))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#homeMyCruise .my-cruise-excursion::before{
  content:"";
  position:absolute;
  left:0;top:10px;bottom:10px;width:3px;
  border-radius:99px;
  background:linear-gradient(180deg,#f1d174,#c89f3c);
  opacity:.78;
}
#homeMyCruise .my-cruise-excursion-copy{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px 8px!important;
  padding-left:3px;
}
#homeMyCruise .my-cruise-excursion-copy>b{
  margin:0!important;
  font-size:15px!important;
  line-height:1.15!important;
  color:#fff!important;
}
#homeMyCruise .my-cruise-excursion-selected{
  padding:3px 8px!important;
  border-radius:999px!important;
  background:rgba(224,247,232,.96)!important;
  color:#17613d!important;
  border:1px solid rgba(151,218,177,.75);
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:950!important;
  white-space:nowrap;
}
#homeMyCruise .my-cruise-excursion-copy p{
  flex:0 0 100%;
  margin:1px 0 0!important;
  font-size:12px!important;
  line-height:1.35!important;
  color:#dcebf6!important;
  font-weight:760!important;
}
#homeMyCruise .my-cruise-excursion-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  min-width:188px;
}
#homeMyCruise .my-cruise-excursion-actions .btn{
  min-height:39px!important;
  padding:7px 10px!important;
  border-radius:12px!important;
  font-size:11px!important;
  font-weight:900!important;
}

#homeMyCruise .my-cruise-plan{
  margin-top:20px!important;
  padding-top:16px!important;
  border-top:1px solid rgba(240,207,114,.18)!important;
}
#homeMyCruise .my-cruise-plan>summary{
  min-height:50px!important;
  padding:10px 13px!important;
  border-radius:18px!important;
  border-color:rgba(240,207,114,.32)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(5,28,49,.18))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
#homeMyCruise .my-cruise-plan>summary span{
  font-size:17px!important;
  color:#fff2c4!important;
}
#homeMyCruise .my-cruise-plan>summary small{
  color:#d6e7f2!important;
  font-size:11px!important;
}
#homeMyCruise .my-cruise-plan[open]>summary{
  margin-bottom:9px!important;
  border-color:rgba(240,207,114,.46)!important;
}
#homeMyCruise .my-cruise-plan-list{gap:8px!important}
#homeMyCruise .my-cruise-plan-row{
  position:relative;
  overflow:hidden;
  grid-template-columns:minmax(0,1fr) minmax(0,0.86fr)!important;
  gap:10px!important;
  padding:11px 12px!important;
  border-radius:16px!important;
  border-color:rgba(132,194,236,.24)!important;
  background:linear-gradient(180deg,rgba(13,52,83,.72),rgba(7,36,61,.76))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
#homeMyCruise .my-cruise-plan-row::before{
  content:"";
  position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:99px;
  background:rgba(105,181,229,.55);
}
#homeMyCruise .my-cruise-plan-row.current::before{background:#f0cf72}
#homeMyCruise .my-cruise-plan-row.done::before{background:#7bc89a}
#homeMyCruise .my-cruise-plan-head{
  grid-template-columns:28px minmax(0,1fr) auto!important;
  gap:8px!important;
}
#homeMyCruise .my-cruise-plan-number{
  width:26px!important;height:26px!important;
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(240,207,114,.28)!important;
  color:#ffe7a3!important;
}
#homeMyCruise .my-cruise-plan-head b{font-size:13px!important}
#homeMyCruise .my-cruise-plan-head small{font-size:10px!important}
#homeMyCruise .my-cruise-plan-status{
  padding:3px 6px!important;
  font-size:8px!important;
  letter-spacing:.02em;
}
#homeMyCruise .my-cruise-plan-excursion,
#homeMyCruise .my-cruise-plan-weather,
#homeMyCruise .my-cruise-plan-muted{
  margin:5px 0 0!important;
  font-size:11px!important;
  line-height:1.28!important;
}
#homeMyCruise .my-cruise-plan-actions{
  min-width:0!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
}
#homeMyCruise .my-cruise-plan-actions .btn{
  min-height:38px!important;
  padding:6px 4px!important;
  border-radius:11px!important;
  font-size:10px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
#homeMyCruise .my-cruise-plan-note{display:none!important}

@media(max-width:560px){
  #homeMyCruise .my-cruise-excursion{grid-template-columns:minmax(0,1fr)!important}
  #homeMyCruise .my-cruise-excursion-actions{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #homeMyCruise .my-cruise-plan-row{grid-template-columns:minmax(0,1fr)!important}
  #homeMyCruise .my-cruise-plan-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:365px){
  #homeMyCruise .my-cruise-plan-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* MSCxplorer v8.1.44 · Consolidación catálogo MSCxplorer */
#explorer .explorer-filters{grid-template-columns:minmax(0,1fr)!important}
#explorer .catalog-card-v8 .catalog-card-meta{gap:8px!important}
#explorer .catalog-highlight{display:grid;gap:4px;margin:10px 0 0;padding:10px 11px;border-radius:13px;border:1px solid rgba(240,207,114,.24);background:rgba(240,207,114,.055);color:#eef7ff;line-height:1.35}
#explorer .catalog-highlight b{color:#f4d984;font-size:11px;text-transform:none;letter-spacing:.02em}
#explorer .catalog-highlight span{font-size:13px;font-weight:850;color:#fff}
#explorer .catalog-aliases{margin-top:9px!important}


/* =========================================================
   MSCxplorer v8.1.45 · Tiempo y Modo escala compactos
   Capa visual: no modifica datos, fechas ni navegación.
   ========================================================= */
#homeMyCruise .my-cruise-weather{margin-top:18px;padding-top:14px}
#homeMyCruise .my-cruise-weather-list{gap:8px}
#homeMyCruise .my-cruise-weather-row{
  position:relative;overflow:hidden;display:block!important;padding:11px 12px 10px!important;
  border-radius:17px!important;border:1px solid rgba(216,180,83,.30)!important;
  background:linear-gradient(180deg,rgba(22,66,101,.72),rgba(8,39,67,.86))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#homeMyCruise .my-cruise-weather-row::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(#f0cf72,#cda449)}
#homeMyCruise .my-cruise-weather-copy{display:grid;gap:6px}
#homeMyCruise .my-cruise-weather-head{align-items:center!important;gap:8px!important;padding-left:3px}
#homeMyCruise .my-cruise-weather-head b{font-size:15px!important;line-height:1.15}
#homeMyCruise .my-cruise-weather-head-meta{display:flex;align-items:center;gap:6px;flex:0 0 auto}
#homeMyCruise .my-cruise-weather-head-meta span,#homeMyCruise .my-cruise-weather-head-meta strong{display:inline-flex;align-items:center;min-height:27px;padding:4px 7px;border-radius:999px;white-space:nowrap;font-size:10px!important;font-weight:950}
#homeMyCruise .my-cruise-weather-head-meta span{color:#dbeefa;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
#homeMyCruise .my-cruise-weather-head-meta strong{color:#fff0bb;background:rgba(240,207,114,.10);border:1px solid rgba(240,207,114,.24)}
#homeMyCruise .my-cruise-weather-copy p{margin:0!important;padding-left:3px;font-size:12px!important;line-height:1.38!important;color:#eef7fc!important;text-align:justify;text-align-last:left}
#homeMyCruise .my-cruise-weather-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-left:3px}
#homeMyCruise .my-cruise-weather-badge{min-height:27px;padding:4px 8px!important;font-size:10px!important}
#homeMyCruise .my-cruise-weather-footer .btn{min-width:82px;min-height:34px!important;margin:0!important;padding:6px 10px!important;border-radius:12px!important;font-size:11px!important}
#homeMyCruise .my-cruise-weather-note{margin-top:8px!important;padding:0 2px;font-size:10.5px!important;opacity:.9}

#homeMyCruise .my-cruise-scale{margin-top:18px;padding-top:14px}
#homeMyCruise .my-cruise-scale>summary{min-height:46px!important;padding:9px 11px!important;border-radius:16px!important}
#homeMyCruise .my-cruise-scale>summary span{font-size:16px!important}
#homeMyCruise .my-cruise-scale>summary small{font-size:10.5px!important}
#homeMyCruise .my-cruise-scale[open]>summary{margin-bottom:8px!important}
#homeMyCruise .my-cruise-scale-body{gap:7px!important}
#homeMyCruise .my-cruise-scale-head{padding:10px 11px!important;border-radius:15px!important;gap:9px!important;background:linear-gradient(180deg,rgba(22,66,101,.60),rgba(7,37,64,.68))!important}
#homeMyCruise .my-cruise-scale-head h3{margin:4px 0 1px!important;font-size:20px!important}
#homeMyCruise .my-cruise-scale-head p{font-size:11px!important}
#homeMyCruise .my-cruise-scale-kicker{padding:3px 7px!important;font-size:9.5px!important}
#homeMyCruise .my-cruise-scale-head>.btn{min-width:76px;min-height:36px!important;margin:0!important;padding:6px 10px!important;border-radius:12px!important;font-size:11px!important}
#homeMyCruise .my-cruise-scale-block{padding:10px 11px!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(18,58,91,.56),rgba(7,35,60,.66))!important}
#homeMyCruise .my-cruise-scale-block.excursion{border-left:3px solid rgba(240,207,114,.68)!important}
#homeMyCruise .my-cruise-scale-block>b,#homeMyCruise .my-cruise-scale-block-head b{font-size:13px!important}
#homeMyCruise .my-cruise-scale-block p{margin:5px 0!important;font-size:11.5px!important;line-height:1.38!important;text-align:justify;text-align-last:left}
#homeMyCruise .my-cruise-scale-weather-head{align-items:center!important}
#homeMyCruise .my-cruise-scale-weather-head b{font-size:13px!important}
#homeMyCruise .my-cruise-scale-weather-head small{font-size:9.5px!important}
#homeMyCruise .my-cruise-scale-weather-head>span{padding:3px 7px!important;font-size:9.5px!important}
#homeMyCruise .my-cruise-scale-actions{gap:6px!important;margin-top:7px!important}
#homeMyCruise .my-cruise-scale-actions .btn{min-height:36px!important;padding:6px 9px!important;border-radius:12px!important;font-size:10.5px!important}
#homeMyCruise .my-cruise-scale-online-note{margin-top:6px!important;font-size:9.5px!important}
#homeMyCruise .my-cruise-scale-climate-line{display:flex;align-items:center;justify-content:space-between;gap:8px}
#homeMyCruise .my-cruise-scale-climate-line b{color:#fff;font-size:13px}
#homeMyCruise .my-cruise-scale-climate-line strong{flex:0 0 auto;color:#fff0bb;font-size:12px}
#homeMyCruise .my-cruise-scale-block.climate>small{margin-top:5px;font-size:9.5px!important}
@media(max-width:640px){
  #homeMyCruise .my-cruise-weather-head{flex-direction:row!important;align-items:center!important}
  #homeMyCruise .my-cruise-weather-head-meta{gap:4px}
  #homeMyCruise .my-cruise-weather-footer{display:flex!important}
  #homeMyCruise .my-cruise-scale>summary{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center!important;gap:8px!important}
  #homeMyCruise .my-cruise-scale>summary small{text-align:right!important;min-width:0}
  #homeMyCruise .my-cruise-scale-head{grid-template-columns:minmax(0,1fr) auto!important}
  #homeMyCruise .my-cruise-scale-head>.btn{width:auto!important}
  #homeMyCruise .my-cruise-scale-actions{display:flex!important;flex-wrap:wrap!important}
  #homeMyCruise .my-cruise-scale-actions .btn{width:auto!important;flex:1 1 110px}
}
@media(max-width:370px){
  #homeMyCruise .my-cruise-weather-head{align-items:flex-start!important}
  #homeMyCruise .my-cruise-weather-head-meta{flex-direction:column;align-items:flex-end}
  #homeMyCruise .my-cruise-scale>summary{grid-template-columns:1fr!important}
  #homeMyCruise .my-cruise-scale>summary small{text-align:left!important}
  #homeMyCruise .my-cruise-scale-head{grid-template-columns:1fr!important}
  #homeMyCruise .my-cruise-scale-head>.btn{width:100%!important}
}


/* =========================================================
   MSCxplorer v8.1.46 · Estado, Ruta y Cronología compactos
   Capa visual aislada: no cambia datos ni navegación.
   ========================================================= */
#homeMyCruise .my-cruise-route-section{margin-top:15px!important}
#homeMyCruise .my-cruise-route-section>h3{margin-bottom:6px!important}
#homeMyCruise .my-cruise-route{margin-bottom:9px!important;line-height:1.38!important;font-size:14px!important}

#homeMyCruise .my-cruise-readiness{margin-top:13px!important}
#homeMyCruise .my-cruise-readiness>summary{min-height:44px!important;padding:8px 10px!important;border-radius:14px!important}
#homeMyCruise .my-cruise-readiness[open]>summary{margin-bottom:7px!important}
#homeMyCruise .my-cruise-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
#homeMyCruise .my-cruise-readiness-item{grid-template-columns:25px minmax(0,1fr) auto!important;gap:6px!important;min-height:51px;padding:7px 8px!important;border-radius:12px!important}
#homeMyCruise .my-cruise-readiness-icon{width:25px!important;height:25px!important;border-radius:8px!important;font-size:14px!important}
#homeMyCruise .my-cruise-readiness-copy b{font-size:11.5px!important;line-height:1.12!important}
#homeMyCruise .my-cruise-readiness-value{padding:3px 5px!important;font-size:9px!important}
#homeMyCruise .my-cruise-readiness-note{display:none!important}

#homeMyCruise .my-cruise-timeline{margin-top:15px!important;padding-top:13px!important;border-top:1px solid rgba(255,255,255,.14)!important}
#homeMyCruise .my-cruise-timeline>summary{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:44px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.065);border:1px solid rgba(216,180,83,.30);color:#fff;cursor:pointer}
#homeMyCruise .my-cruise-timeline>summary::-webkit-details-marker{display:none}
#homeMyCruise .my-cruise-timeline>summary span{font-size:15px;font-weight:950;color:#fff2c4}
#homeMyCruise .my-cruise-timeline>summary small{min-width:0;text-align:right;color:#d3e5f1;font-size:10px;font-weight:850;line-height:1.2}
#homeMyCruise .my-cruise-timeline[open]>summary{margin-bottom:6px;background:rgba(255,255,255,.09);border-color:rgba(216,180,83,.42)}
#homeMyCruise .my-cruise-timeline-note{display:none!important}
#homeMyCruise .my-cruise-timeline-row{min-height:44px!important;padding:5px 6px!important;grid-template-columns:20px minmax(0,1fr) auto!important;gap:7px!important}
#homeMyCruise .my-cruise-timeline-row:not(:last-child)::after{left:15px!important;top:30px!important;bottom:-9px!important}
#homeMyCruise .my-cruise-timeline-dot{width:10px!important;height:10px!important}
#homeMyCruise .my-cruise-timeline-row.current .my-cruise-timeline-dot{width:13px!important;height:13px!important;box-shadow:0 0 0 3px rgba(242,207,104,.14)!important}
#homeMyCruise .my-cruise-timeline-name{font-size:12.5px!important;line-height:1.16!important}
#homeMyCruise .my-cruise-timeline-copy small{font-size:9.5px!important}
#homeMyCruise .my-cruise-timeline-status{padding:3px 6px!important;font-size:8.5px!important;letter-spacing:0!important}

#homeMyCruise .my-cruise-next{margin-top:15px!important;padding-top:13px!important}
#homeMyCruise .my-cruise-next-card{grid-template-columns:1fr!important;gap:8px!important;padding:11px 12px!important;border-radius:16px!important}
#homeMyCruise .my-cruise-next-copy h3{margin:5px 0 3px!important;font-size:20px!important}
#homeMyCruise .my-cruise-next-kicker{padding:3px 7px!important;font-size:9px!important}
#homeMyCruise .my-cruise-next-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:4px}
#homeMyCruise .my-cruise-next-meta span{display:inline-flex;align-items:center;min-height:25px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(240,207,114,.20);color:#fff3c4;font-size:10px;font-weight:900;white-space:nowrap}
#homeMyCruise .my-cruise-next-excursion{margin:5px 0 0!important;font-size:11.5px!important;line-height:1.3!important}
#homeMyCruise .my-cruise-next-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
#homeMyCruise .my-cruise-next-actions .btn{min-width:0!important;min-height:36px!important;padding:6px 4px!important;border-radius:11px!important;font-size:10px!important;line-height:1.05!important;white-space:nowrap!important}
@media(max-width:365px){
  #homeMyCruise .my-cruise-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #homeMyCruise .my-cruise-readiness-item{grid-template-columns:22px minmax(0,1fr)!important;grid-template-rows:auto auto!important}
  #homeMyCruise .my-cruise-readiness-value{grid-column:2;justify-self:start}
  #homeMyCruise .my-cruise-next-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #homeMyCruise .my-cruise-timeline>summary{grid-template-columns:1fr!important;gap:2px}
  #homeMyCruise .my-cruise-timeline>summary small{text-align:left!important}
}


/* =========================================================
   MSCxplorer v8.1.47 · Patrón editorial de fichas de excursión
   Primera fase: solo bloque principal de excursiones premium.
   No modifica navegación superior ni estructura funcional.
   ========================================================= */
#portDetail .mscx-longyear-special .mscx-longyear-focus{
  margin:12px 0 11px!important;
  padding:16px 15px 15px!important;
  border-radius:18px!important;
  border-color:rgba(92,162,215,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,15,32,.12)!important;
}
#portDetail .mscx-longyear-special .mscx-longyear-title{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
}
#portDetail .mscx-longyear-special .mscx-longyear-title>span{
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
  background:rgba(255,208,77,.09)!important;
  border:1px solid rgba(255,208,77,.22)!important;
  font-size:1.02rem!important;
  line-height:1!important;
}
#portDetail .mscx-longyear-special .mscx-longyear-title b{
  margin:0!important;
  color:#ffd56a!important;
  font-size:1rem!important;
  line-height:1.22!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#portDetail .mscx-longyear-special .mscx-longyear-title small{
  margin-top:4px!important;
  color:#edf6fd!important;
  font-size:.88rem!important;
  line-height:1.36!important;
  font-weight:800!important;
}
#portDetail .mscx-longyear-special .mscx-longyear-intro{
  margin:12px 0 11px!important;
  color:#f0f7fc!important;
  font-size:.91rem!important;
  line-height:1.52!important;
  font-weight:650!important;
  text-align:justify!important;
  text-align-last:left!important;
  hyphens:auto;
}
#portDetail .mscx-longyear-special .mscx-longyear-route-pills{
  gap:6px!important;
  margin:10px 0 12px!important;
}
#portDetail .mscx-longyear-special .mscx-longyear-route-pills span{
  min-height:29px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:.74rem!important;
  line-height:1.2!important;
}
#portDetail .mscx-longyear-special .mscx-longyear-zones{
  gap:9px!important;
}
#portDetail .mscx-longyear-special .mscx-longyear-zone{
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
  padding:12px 12px 12px 10px!important;
  border-radius:14px!important;
}
#portDetail .mscx-longyear-special .mscx-longyear-step{
  width:31px!important;
  height:31px!important;
  margin-top:1px!important;
  font-size:.8rem!important;
}
#portDetail .mscx-longyear-special .mscx-longyear-zone b{
  margin:0 0 3px!important;
  color:#61c4ff!important;
  font-size:.88rem!important;
  line-height:1.28!important;
}
#portDetail .mscx-longyear-special .mscx-longyear-zone span:not(.mscx-longyear-step){
  color:#e8f2f9!important;
  font-size:.82rem!important;
  line-height:1.48!important;
  text-align:justify!important;
  text-align-last:left!important;
  hyphens:auto;
}
@media(max-width:520px){
  #portDetail .mscx-longyear-special .mscx-longyear-focus{padding:14px 13px 13px!important;border-radius:17px!important}
  #portDetail .mscx-longyear-special .mscx-longyear-title{grid-template-columns:31px minmax(0,1fr)!important;gap:9px!important}
  #portDetail .mscx-longyear-special .mscx-longyear-title>span{width:29px!important;height:29px!important;border-radius:9px!important;font-size:.95rem!important}
  #portDetail .mscx-longyear-special .mscx-longyear-title b{font-size:.96rem!important}
  #portDetail .mscx-longyear-special .mscx-longyear-title small{font-size:.84rem!important}
  #portDetail .mscx-longyear-special .mscx-longyear-intro{font-size:.88rem!important;line-height:1.5!important}
  #portDetail .mscx-longyear-special .mscx-longyear-zone{padding:11px 10px!important}
}


/* =========================================================
   MSCxplorer v8.1.48 · Patrón maestro Adriático
   Dubrovnik, Corfú, Kotor, Brindisi y Split comparten
   la misma plantilla editorial sin tocar el resto de fichas.
   ========================================================= */
#portDetail .mscx-excursion-editorial-focus .mscx-longyear-title small{
  overflow-wrap:anywhere;
}
#portDetail .mscx-excursion-editorial-focus .mscx-longyear-zones{
  align-items:stretch;
}
#portDetail .mscx-excursion-editorial-focus .mscx-longyear-zone{
  min-height:0!important;
}
#portDetail .mscx-excursion-editorial-focus .mscx-longyear-zone>div{
  min-width:0;
}
#portDetail .mscx-excursion-editorial-focus .mscx-longyear-zone b,
#portDetail .mscx-excursion-editorial-focus .mscx-longyear-zone span:not(.mscx-longyear-step){
  overflow-wrap:anywhere;
}
@media(max-width:520px){
  #portDetail .mscx-excursion-editorial-focus .mscx-excursion-editorial-pills{
    margin-bottom:11px!important;
  }
}


/* =========================================================
   MSCxplorer v8.1.49 · Patrón editorial de fichas de puerto · Fase 1
   Cabecera, resumen rápido y lugares destacados.
   No modifica clima, consejos, navegación ni datos.
   ========================================================= */
#explorer #portDetail .mscx-unified-hero{
  padding:15px 15px 14px!important;
  margin-bottom:11px!important;
  border-radius:19px!important;
}
#explorer #portDetail .mscx-unified-hero .mscx-unified-kicker{
  margin-bottom:3px!important;
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
}
#explorer #portDetail .mscx-unified-hero h2{
  margin:4px 0 5px!important;
  font-size:clamp(27px,7vw,31px)!important;
  line-height:1.03!important;
}
#explorer #portDetail .mscx-unified-hero h2::after{
  width:72px!important;
  height:2px!important;
  margin-top:8px!important;
}
#explorer #portDetail .mscx-unified-country{
  display:inline-flex!important;
  align-items:center!important;
  min-height:27px!important;
  margin:2px 0 7px!important;
  padding:4px 9px!important;
  border:1px solid rgba(240,207,114,.23)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  color:#eaf4fb!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.2!important;
}
#explorer #portDetail .mscx-detail-intro,
#explorer #portDetail .mscx-unified-intro{
  margin:8px 0 10px!important;
  color:#eef6fb!important;
  font-size:13.5px!important;
  line-height:1.5!important;
  font-weight:650!important;
  text-align:justify!important;
  text-align-last:left!important;
  hyphens:auto;
}
#explorer #portDetail .mscx-detail-quick,
#explorer #portDetail .mscx-unified-quick{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin-top:9px!important;
}
#explorer #portDetail .mscx-detail-quick>div,
#explorer #portDetail .mscx-unified-quick>div{
  min-width:0!important;
  padding:8px 8px 7px!important;
  border-radius:12px!important;
}
#explorer #portDetail .mscx-detail-quick span,
#explorer #portDetail .mscx-unified-quick span{
  margin-bottom:3px!important;
  color:#d6e8f3!important;
  font-size:9.5px!important;
  line-height:1.16!important;
  font-weight:800!important;
}
#explorer #portDetail .mscx-detail-quick b,
#explorer #portDetail .mscx-unified-quick b{
  display:block!important;
  color:#fff1c3!important;
  font-size:11px!important;
  line-height:1.28!important;
  font-weight:900!important;
  overflow-wrap:anywhere;
}

/* Selección esencial / lugares: misma geometría editorial en todas las ciudades. */
#explorer #portDetail .mscx-unified-place-list{
  gap:8px!important;
}
#explorer #portDetail .mscx-unified-place{
  padding:12px 12px 11px!important;
  border-radius:5px 14px 14px 5px!important;
}
#explorer #portDetail .mscx-place-rank{
  width:27px!important;
  height:27px!important;
  font-size:11px!important;
}
#explorer #portDetail .mscx-unified-place h4{
  margin:0 34px 5px 0!important;
  font-size:16px!important;
  line-height:1.22!important;
}
#explorer #portDetail .mscx-unified-place p{
  margin:5px 0 7px!important;
  color:#edf5fb!important;
  font-size:12.5px!important;
  line-height:1.48!important;
  font-weight:620!important;
  text-align:justify!important;
  text-align-last:left!important;
  hyphens:auto;
}
#explorer #portDetail .mscx-pills{
  gap:5px!important;
  margin:6px 0 3px!important;
}
#explorer #portDetail .mscx-pill{
  min-height:25px!important;
  padding:4px 8px!important;
  font-size:10.5px!important;
  line-height:1.15!important;
}
#explorer #portDetail .mscx-unified-place .mscx-gmap,
#explorer #portDetail .mscx-unified-place .mscx-info,
#explorer #portDetail .mscx-unified-place .mscx-wikmsc{
  min-height:35px!important;
  margin:5px 5px 0 0!important;
  padding:6px 8px!important;
  border-radius:10px!important;
  font-size:10.5px!important;
  line-height:1.15!important;
}
@media(max-width:390px){
  #explorer #portDetail .mscx-unified-hero{padding:14px 13px 13px!important}
  #explorer #portDetail .mscx-detail-quick>div,
  #explorer #portDetail .mscx-unified-quick>div{padding:7px 6px!important}
  #explorer #portDetail .mscx-detail-quick span,
  #explorer #portDetail .mscx-unified-quick span{font-size:9px!important}
  #explorer #portDetail .mscx-detail-quick b,
  #explorer #portDetail .mscx-unified-quick b{font-size:10px!important;line-height:1.24!important}
}
@media(max-width:335px){
  #explorer #portDetail .mscx-detail-quick,
  #explorer #portDetail .mscx-unified-quick{grid-template-columns:1fr!important}
}


/* =========================================================
   MSCxplorer v8.1.50 · Patrón editorial de fichas de puerto · Fase 2
   Clima: jerarquía compacta, rejilla 2 × 2 y lectura optimizada en iPhone.
   No modifica datos climáticos, consejos, navegación ni otras familias.
   ========================================================= */
#explorer #portDetail .mscx-unified-climate-top{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:2px!important;
}
#explorer #portDetail .mscx-unified-climate-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:7px!important;
}
#explorer #portDetail .mscx-unified-climate-card{
  min-width:0!important;
  padding:10px 10px 9px!important;
  border-radius:12px!important;
  border-left:2px solid rgba(240,207,114,.56)!important;
  background:
    radial-gradient(100px 60px at 100% 0%,rgba(240,207,114,.045),transparent 72%),
    rgba(255,255,255,.058)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 6px 14px rgba(0,0,0,.045)!important;
}
#explorer #portDetail .mscx-unified-climate-card small{
  display:block!important;
  margin:0 0 4px!important;
  color:#ffe2a0!important;
  font-size:9.5px!important;
  line-height:1.18!important;
  font-weight:850!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#explorer #portDetail .mscx-unified-climate-card b{
  display:block!important;
  color:#f7fbfe!important;
  font-size:11.5px!important;
  line-height:1.3!important;
  font-weight:900!important;
  overflow-wrap:anywhere;
}
#explorer #portDetail .mscx-unified-temp{
  margin:0 0 2px!important;
  color:#fff1be!important;
  font-size:21px!important;
  line-height:1.04!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
#explorer #portDetail .mscx-unified-climate-card select{
  width:100%!important;
  min-width:0!important;
  min-height:35px!important;
  padding:6px 28px 6px 9px!important;
  border:1px solid rgba(240,207,114,.42)!important;
  border-radius:10px!important;
  background:#0a416d!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:850!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#explorer #portDetail .mscx-climate-note{
  margin:8px 1px 0!important;
  padding-top:7px!important;
  border-top:1px solid rgba(216,180,83,.16)!important;
  color:#dbeaf3!important;
  font-size:11px!important;
  line-height:1.42!important;
  font-weight:620!important;
  text-align:justify!important;
  text-align-last:left!important;
  hyphens:auto;
}
@media(max-width:390px){
  #explorer #portDetail .mscx-unified-climate-top,
  #explorer #portDetail .mscx-unified-climate-grid{gap:6px!important}
  #explorer #portDetail .mscx-unified-climate-card{padding:9px 8px 8px!important}
  #explorer #portDetail .mscx-unified-climate-card small{font-size:9px!important}
  #explorer #portDetail .mscx-unified-climate-card b{font-size:10.5px!important;line-height:1.26!important}
  #explorer #portDetail .mscx-unified-temp{font-size:19px!important}
  #explorer #portDetail .mscx-unified-climate-card select{min-height:33px!important;font-size:11px!important}
  #explorer #portDetail .mscx-climate-note{font-size:10.5px!important}
}


/* =========================================================
   MSCxplorer v8.1.51 · Patrón editorial de fichas de puerto · Fase 3
   Consejos para cruceristas: lectura práctica, compacta y consistente.
   Conserva íntegramente el contenido y no afecta clima, navegación u otras familias.
   ========================================================= */
#explorer #portDetail .mscx-unified-tips{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
  gap:7px!important;
  margin-top:2px!important;
  counter-reset:mscx-port-tip;
}
#explorer #portDetail .mscx-unified-tip{
  counter-increment:mscx-port-tip;
  position:relative!important;
  display:grid!important;
  grid-template-columns:25px minmax(0,1fr)!important;
  column-gap:9px!important;
  row-gap:2px!important;
  align-content:start!important;
  min-width:0!important;
  padding:9px 10px 9px 9px!important;
  border-radius:12px!important;
  border-left:2px solid rgba(240,207,114,.58)!important;
  background:
    radial-gradient(90px 55px at 100% 0%,rgba(240,207,114,.04),transparent 74%),
    rgba(255,255,255,.055)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 5px 13px rgba(0,0,0,.04)!important;
}
#explorer #portDetail .mscx-unified-tip::before{
  content:counter(mscx-port-tip)!important;
  grid-column:1!important;
  grid-row:1 / span 2!important;
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  margin-top:1px!important;
  border:1px solid rgba(240,207,114,.52)!important;
  border-radius:50%!important;
  background:rgba(240,207,114,.09)!important;
  color:#ffe09a!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
}
#explorer #portDetail .mscx-unified-tip b{
  grid-column:2!important;
  display:block!important;
  margin:0!important;
  color:#fff1c3!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:900!important;
  text-transform:none!important;
}
#explorer #portDetail .mscx-unified-tip span{
  grid-column:2!important;
  display:block!important;
  margin:0!important;
  color:#eaf4fb!important;
  font-size:11px!important;
  line-height:1.42!important;
  font-weight:620!important;
  text-align:justify!important;
  text-align-last:left!important;
  hyphens:auto;
  overflow-wrap:anywhere;
}
#explorer #portDetail .mscx-unified-source{
  margin:8px 1px 0!important;
  padding-top:7px!important;
  border-top:1px solid rgba(216,180,83,.16)!important;
  color:#cfe1ed!important;
  font-size:10.2px!important;
  line-height:1.4!important;
  font-weight:600!important;
  text-align:justify!important;
  text-align-last:left!important;
  hyphens:auto;
}
@media(max-width:600px){
  #explorer #portDetail .mscx-unified-tips{grid-template-columns:1fr!important;gap:6px!important}
}
@media(max-width:390px){
  #explorer #portDetail .mscx-unified-tip{grid-template-columns:23px minmax(0,1fr)!important;column-gap:8px!important;padding:8px 9px 8px 8px!important}
  #explorer #portDetail .mscx-unified-tip::before{width:22px!important;height:22px!important;font-size:9.5px!important}
  #explorer #portDetail .mscx-unified-tip b{font-size:11.5px!important}
  #explorer #portDetail .mscx-unified-tip span{font-size:10.6px!important;line-height:1.4!important}
  #explorer #portDetail .mscx-unified-source{font-size:9.8px!important}
}


/* v8.1.54 · Corrección de maquetación post-excursión.
   Se recupera el formato horizontal de las tarjetas climáticas en iPhone
   y se añade separación silábica automática para evitar huecos excesivos
   en textos justificados. */
#portDetail .mscx-special-climate .mscx-special-detail{
  margin-top:9px;border-radius:16px;overflow:hidden
}
#portDetail .mscx-special-climate .mscx-special-detail summary{
  position:relative;padding:10px 42px 10px 14px;font-size:1rem;line-height:1.2;font-weight:850;
  text-align:left;hyphens:none;-webkit-hyphens:none;word-spacing:normal
}
#portDetail .mscx-special-climate .mscx-special-detail summary:after{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);float:none;font-size:1.4rem;line-height:1
}
#portDetail .mscx-special-climate .mscx-special-detail[open] summary{
  border-bottom:1px solid rgba(102,160,205,.18)
}
/* Temperatura, lluvia, viento y luz: una tarjeta horizontal a todo el ancho. */
#portDetail .mscx-special-climate .mscx-longyear-thermal-detail .mscx-longyear-cards{
  display:grid;grid-template-columns:1fr;gap:8px;padding:10px 12px 12px
}
#portDetail .mscx-special-climate .mscx-longyear-thermal-detail .mscx-longyear-cards article{
  display:block;padding:10px 11px;border-radius:14px;min-height:0
}
#portDetail .mscx-special-climate .mscx-longyear-thermal-detail .mscx-longyear-cards b{
  margin:0 0 4px;font-size:.84rem;line-height:1.3;text-align:left;hyphens:none;-webkit-hyphens:none;word-spacing:normal
}
#portDetail .mscx-special-climate .mscx-longyear-thermal-detail .mscx-longyear-cards strong{
  display:block;margin:0;font-size:.84rem;line-height:1.44;font-weight:650;text-align:justify;text-justify:inter-word;
  -webkit-hyphens:auto;hyphens:auto;overflow-wrap:normal;word-break:normal;word-spacing:normal
}
#portDetail .mscx-special-climate .mscx-longyear-condition-list{
  gap:8px;padding:10px 12px 12px
}
#portDetail .mscx-special-climate .mscx-longyear-condition-list article{
  padding:10px 11px;border-radius:14px
}
#portDetail .mscx-special-climate .mscx-longyear-condition-list article>div{
  gap:8px
}
#portDetail .mscx-special-climate .mscx-longyear-condition-list b{
  display:block;font-size:.88rem;line-height:1.3;text-align:left;hyphens:none;-webkit-hyphens:none;word-spacing:normal
}
#portDetail .mscx-special-climate .mscx-longyear-condition-list span{
  padding:4px 7px;font-size:.66rem;white-space:nowrap;text-align:left;hyphens:none;-webkit-hyphens:none;word-spacing:normal
}
#portDetail .mscx-special-climate .mscx-longyear-condition-list p,
#portDetail .mscx-special-climate .mscx-longyear-detail li,
#portDetail .mscx-special-climate .mscx-longyear-final p,
#portDetail .mscx-special-climate .mscx-special-note{
  text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;
  overflow-wrap:normal;word-break:normal;word-spacing:normal
}
#portDetail .mscx-special-climate .mscx-special-pills{
  padding:10px 12px 4px;gap:6px
}
#portDetail .mscx-special-climate .mscx-special-pills span{
  padding:6px 9px;font-size:.76rem;text-align:left;hyphens:none;-webkit-hyphens:none;word-spacing:normal
}
#portDetail .mscx-special-climate .mscx-longyear-detail ul{
  padding:4px 23px 11px 29px !important
}
#portDetail .mscx-special-climate .mscx-longyear-detail li{
  line-height:1.46
}
#portDetail .mscx-special-climate .mscx-longyear-final{
  margin-top:12px;padding:13px 14px 14px;border-radius:16px
}
#portDetail .mscx-special-climate .mscx-longyear-final b{
  margin-bottom:5px;text-align:left;hyphens:none;-webkit-hyphens:none;word-spacing:normal
}
#portDetail .mscx-special-climate .mscx-longyear-final p{
  font-size:.94rem;line-height:1.5
}
#portDetail .mscx-special-climate .mscx-special-note{
  margin-top:10px;line-height:1.4
}
@media (max-width:430px){
  #portDetail .mscx-special-climate .mscx-special-detail summary{
    padding:9px 38px 9px 13px;font-size:.96rem
  }
  #portDetail .mscx-special-climate .mscx-special-detail summary:after{
    right:12px;font-size:1.32rem
  }
  #portDetail .mscx-special-climate .mscx-longyear-thermal-detail .mscx-longyear-cards article{padding:9px 10px}
  #portDetail .mscx-special-climate .mscx-longyear-condition-list article>div{
    display:flex;align-items:flex-start;justify-content:space-between
  }
  #portDetail .mscx-special-climate .mscx-longyear-condition-list span{
    display:inline-block;margin-top:0
  }
}
@media (max-width:360px){
  #portDetail .mscx-special-climate .mscx-longyear-thermal-detail .mscx-longyear-cards b,
  #portDetail .mscx-special-climate .mscx-longyear-thermal-detail .mscx-longyear-cards strong{
    font-size:.79rem
  }
}


/* =========================================================
   MSCxplorer v8.1.55 · Primera ficha patrón de crucero
   Alcance aislado: MSC Armonia · 18/10/2026.
   No modifica otras fichas, Flota, Ranking, puertos ni navegación superior.
   ========================================================= */
#cruises #cruiseDetail .cruise-pattern-v8155{padding:17px 16px 18px!important}
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-detail-ship-head{margin-bottom:10px!important;padding-bottom:12px!important}
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-detail-eyebrow{margin-bottom:7px!important;font-size:9px!important;line-height:1.15;text-transform:none!important;letter-spacing:.06em!important}
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-detail-ship-copy h2{font-size:clamp(27px,6.7vw,38px)!important;line-height:1.05!important}
#cruises #cruiseDetail .cruise-pattern-date-line{margin:6px 0 0;color:#dceaf4;font-size:12px;font-weight:800;text-transform:capitalize}
#cruises #cruiseDetail .cruise-pattern-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0 9px}
#cruises #cruiseDetail .cruise-pattern-summary>div{min-width:0;padding:10px 11px;border:1px solid rgba(216,180,83,.32);border-radius:14px;background:rgba(255,255,255,.065);box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
#cruises #cruiseDetail .cruise-pattern-summary span{display:block;margin-bottom:4px;color:#bcd2e2;font-size:9px;font-weight:850;letter-spacing:.035em}
#cruises #cruiseDetail .cruise-pattern-summary b{display:block;color:#fff4cf;font-size:12px;line-height:1.26;font-weight:900;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:normal}
#cruises #cruiseDetail .cruise-pattern-travel-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 2px;padding:8px 11px;border-radius:13px;border:1px solid rgba(117,215,164,.38);background:rgba(24,103,71,.22);color:#eafff3;font-size:11px;font-weight:850}
#cruises #cruiseDetail .cruise-pattern-travel-status b{flex:0 0 auto;color:#85e6ae;font-size:10px}
#cruises #cruiseDetail .cruise-pattern-section{margin-top:15px}
#cruises #cruiseDetail .cruise-pattern-section>h3{display:grid!important;grid-template-columns:25px minmax(0,1fr);gap:8px!important;margin:0 0 9px!important;padding:0 0 8px!important;font-size:17px!important}
#cruises #cruiseDetail .cruise-pattern-section>h3::before{width:23px!important;height:23px!important;flex:0 0 23px!important}
#cruises #cruiseDetail .cruise-pattern-route-section .route{margin:0 0 9px!important;padding:11px 12px!important;font-size:12.5px;line-height:1.47;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-stops-disclosure{margin:8px 0 0!important;border-radius:14px!important}
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-stops-disclosure>summary{padding:10px 12px!important;font-size:13px!important}
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-stops-disclosure .port-chips{padding:0 10px 10px!important}
#cruises #cruiseDetail .cruise-pattern-v8155 .thematic-score-grid{gap:7px!important;margin:0!important}
#cruises #cruiseDetail .cruise-pattern-v8155 .thematic-score-link{min-height:42px!important;padding:8px!important;border-radius:12px!important}
#cruises #cruiseDetail .cruise-pattern-v8155 .thematic-score-link .thematic-pill-label{font-size:11px!important;line-height:1.15!important}
#cruises #cruiseDetail .cruise-pattern-v8155 .thematic-score-link .thematic-pill-label b{font-size:12px!important}
#cruises #cruiseDetail .cruise-pattern-data-section{padding-top:1px}
#cruises #cruiseDetail .cruise-pattern-code{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:13px;border:1px solid rgba(216,180,83,.32);background:rgba(255,255,255,.06)}
#cruises #cruiseDetail .cruise-pattern-code span{color:#bed3e3;font-size:10px;font-weight:850}
#cruises #cruiseDetail .cruise-pattern-code b{color:#ffe38f!important;font-size:12px!important;text-align:right}
#cruises #cruiseDetail .cruise-pattern-data-section .go-msc-card-status{margin-top:9px!important}
#cruises #cruiseDetail .cruise-pattern-data-section .go-msc-pill{width:100%;justify-content:center;min-height:40px!important}
#cruises .cruise-pattern-head-v8155 .my-cruise-detail-actions .btn{font-size:12px!important;padding:8px 9px!important;line-height:1.1}
@media(max-width:720px){
 #cruises .detail-head.cruise-pattern-head-v8155>.my-cruise-detail-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 #cruises .cruise-pattern-head-v8155 .my-cruise-detail-actions .btn{min-height:42px!important}
}
@media(max-width:430px){
 #cruises #cruiseDetail .cruise-pattern-v8155{padding:14px 12px 15px!important}
 #cruises #cruiseDetail .cruise-pattern-summary{gap:7px}
 #cruises #cruiseDetail .cruise-pattern-summary>div{padding:9px 9px}
 #cruises #cruiseDetail .cruise-pattern-summary b{font-size:11.5px}
 #cruises #cruiseDetail .cruise-pattern-v8155 .cruise-stops-disclosure .port-chips>.port-chip{min-height:50px!important;padding:8px 6px!important;font-size:11.5px!important}
}


/* =========================================================
   MSCxplorer v8.1.56 · Corrección tipográfica de tarjetas de Inicio
   Evita ríos de blancos en iPhone: justificación con guionado real para
   prosa, y alineación natural para itinerarios/listados de lugares.
   ========================================================= */
#home .home-highlight-card > p:not(.meta):not(.muted){
  text-align:justify!important;
  text-align-last:left!important;
  text-justify:inter-word!important;
  -webkit-hyphens:auto!important;
  hyphens:auto!important;
  word-spacing:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#home .home-highlight-card > .muted,
#home .home-route-card > p:not(.meta),
#home .home-route-card > .muted{
  text-align:left!important;
  text-align-last:auto!important;
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-spacing:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#home .home-highlight-card > .meta,
#home .home-route-card > .meta,
#home .home-highlight-card > h4,
#home .home-route-card > h4{
  text-align:left!important;
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-spacing:normal!important;
}
@media(max-width:560px){
  #home .home-highlight-card > p:not(.meta):not(.muted){
    line-height:1.48!important;
  }
  #home .home-highlight-card > .muted,
  #home .home-route-card > .muted{
    line-height:1.46!important;
  }
}


/* v8.1.57 · Itinerarios y listados de cruceros sin guionado.
   Los párrafos de prosa mantienen guionado; las rutas/listas de escalas no. */


/* =========================================================
   MSCxplorer v8.1.58 · Refinado de la ficha patrón MSC Armonia 18/10/2026.
   Regla tipográfica consolidada: prosa puede guionarse; rutas, nombres,
   datos y códigos no se parten ni se justifican.
   ========================================================= */
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-pattern-summary b{
  text-align:left!important;
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-pattern-route-section .route{
  text-align:left!important;
  text-align-last:auto!important;
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  word-spacing:normal!important;
}
#cruises #cruiseDetail .cruise-pattern-ranking-global{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:44px;padding:9px 12px;border-radius:13px;
  border:1px solid rgba(216,180,83,.34);background:rgba(255,255,255,.065)
}
#cruises #cruiseDetail .cruise-pattern-ranking-global span{color:#eaf4fb;font-size:12px;font-weight:850}
#cruises #cruiseDetail .cruise-pattern-ranking-global b{color:#ffe18a;font-size:18px;line-height:1;font-weight:950;white-space:nowrap}
#cruises #cruiseDetail .cruise-pattern-ranking-details{
  margin-top:7px;border:1px solid rgba(112,164,201,.34);border-radius:13px;background:rgba(6,39,68,.34);overflow:hidden
}
#cruises #cruiseDetail .cruise-pattern-ranking-details>summary{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:42px;padding:9px 12px;list-style:none;cursor:pointer;color:#eaf4fb;font-size:12px;font-weight:850
}
#cruises #cruiseDetail .cruise-pattern-ranking-details>summary::-webkit-details-marker{display:none}
#cruises #cruiseDetail .cruise-pattern-ranking-details>summary small{color:#8ecdf7;font-size:10px;font-weight:800;white-space:nowrap}
#cruises #cruiseDetail .cruise-pattern-ranking-details>summary:after{content:'＋';color:#79c9ff;font-size:17px;line-height:1;margin-left:3px}
#cruises #cruiseDetail .cruise-pattern-ranking-details[open]>summary:after{content:'−'}
#cruises #cruiseDetail .cruise-pattern-theme-grid{padding:0 9px 9px;margin:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
#cruises #cruiseDetail .cruise-pattern-data-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:8px;align-items:stretch}
#cruises #cruiseDetail .cruise-pattern-code{min-width:0;height:100%}
#cruises #cruiseDetail .cruise-pattern-code b{white-space:nowrap;-webkit-hyphens:none!important;hyphens:none!important;word-break:normal!important}
#cruises #cruiseDetail .cruise-pattern-go{min-width:0}
#cruises #cruiseDetail .cruise-pattern-go .go-msc-card-status{height:100%;margin:0!important}
#cruises #cruiseDetail .cruise-pattern-go .go-msc-pill{width:100%;height:100%;min-height:42px!important;justify-content:center;white-space:nowrap}
@media(max-width:390px){
  #cruises #cruiseDetail .cruise-pattern-data-grid{grid-template-columns:1fr}
  #cruises #cruiseDetail .cruise-pattern-go .go-msc-pill{min-height:40px!important}
}


/* =========================================================
   MSCxplorer v8.1.60 · Ajuste visual fino de la ficha patrón MSC Armonia
   - sin título “Datos del viaje”
   - ranking como galletas homogéneas con Global primero
   - galletas de escalas más finas
   ========================================================= */
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-stops-disclosure .port-chips>.port-chip{
  min-height:44px!important;
  padding:6px 6px!important;
  border-radius:24px!important;
  line-height:1.08!important;
  font-size:11.5px!important;
}
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-pattern-ranking-section h3{margin-bottom:9px}
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-pattern-ranking-details{margin-top:0!important}
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-pattern-ranking-details>summary{
  min-height:38px!important;
  padding:8px 12px!important;
}
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-pattern-theme-grid.cruise-pattern-theme-grid-full{
  padding:10px!important;
  margin:0!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-pattern-theme-grid.cruise-pattern-theme-grid-full .thematic-score{
  min-height:58px!important;
  border-radius:16px!important;
}
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-pattern-theme-grid.cruise-pattern-theme-grid-full .thematic-score .thematic-pill-label{
  display:block!important;
  text-align:left!important;
  font-size:11px!important;
  line-height:1.22!important;
}
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-pattern-theme-grid.cruise-pattern-theme-grid-full .thematic-score b{white-space:nowrap}
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-pattern-data-section{padding-top:2px!important}
#cruises #cruiseDetail .cruise-pattern-v8155 .cruise-pattern-data-grid{margin-top:0!important}
@media(max-width:390px){
  #cruises #cruiseDetail .cruise-pattern-v8155 .cruise-stops-disclosure .port-chips>.port-chip{
    min-height:41px!important;
    font-size:11px!important;
    padding:5px 5px!important;
  }
  #cruises #cruiseDetail .cruise-pattern-v8155 .cruise-pattern-theme-grid.cruise-pattern-theme-grid-full .thematic-score{min-height:54px!important}
}


/* v8.1.60 · Extensión del patrón de ficha de crucero.
   La maquetación validada en MSC Armonia 18/10/2026 pasa a utilizarse
   en todas las fichas de crucero, manteniendo la misma clase base para
   minimizar riesgo y conservar coherencia visual en iPhone. */


/* =========================================================
   MSCxplorer v8.1.61 · Corrección tipográfica del Ranking de barcos
   Los bloques “Fortalezas”, “Mejor valorado”, “Áreas más débiles”
   y puntuaciones son datos estructurados: alineación natural, sin
   justificación, sin guionado y sin separación artificial de palabras.
   ========================================================= */
#ships #shipRankingView .ship-ranking-strengths,
#ships #shipRankingView .ship-ranking-why p,
#ships #shipRankingView .ship-ranking-why .muted{
  text-align:left!important;
  text-align-last:auto!important;
  text-justify:auto!important;
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  word-spacing:normal!important;
}
#ships #shipRankingView .ship-ranking-strengths{line-height:1.42!important}
#ships #shipRankingView .ship-ranking-why p{line-height:1.42!important}


/* =========================================================
   MSCxplorer v8.1.62 · Auditoría visual Ranking Global
   Patrón inicial: rutas como datos estructurados (sin justificar ni guionar),
   explicación como prosa legible con guionado automático y menos altura.
   ========================================================= */
#ranking .thematic-ranking-head .ranking-help{
  margin-bottom:11px!important;
  line-height:1.42!important;
  text-align:left!important;
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-spacing:normal!important;
}
#ranking .global-rank-card>.meta{
  text-align:left!important;
  text-align-last:auto!important;
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  word-spacing:normal!important;
  line-height:1.38!important;
}
#ranking .global-rank-card>.route{
  text-align:left!important;
  text-align-last:auto!important;
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  word-spacing:normal!important;
  line-height:1.46!important;
  padding:10px 11px!important;
  margin:9px 0!important;
}
#ranking .global-rank-card .ranking-why p{
  text-align:justify!important;
  text-align-last:left!important;
  text-justify:inter-word!important;
  -webkit-hyphens:auto!important;
  hyphens:auto!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  word-spacing:normal!important;
  line-height:1.5!important;
}
#ranking .global-rank-card .ranking-why .ranking-place-reason{
  text-align:left!important;
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-spacing:normal!important;
}
#ranking .global-rank-card .global-rank-strengths{
  padding-bottom:7px!important;
}
#ranking .global-rank-card .global-rank-actions{
  padding-top:8px!important;
}
@media(max-width:560px){
  #ranking .global-rank-card{padding:13px!important}
  #ranking .global-rank-card>.meta{font-size:.82rem!important}
  #ranking .global-rank-card>.route{font-size:.88rem!important}
}


/* v8.1.64 · Ranking: fechas sin duplicación.
   Una sola salida se muestra directamente en la línea de metadatos;
   el desplegable aparece solo con dos o más fechas. */
#ranking .ranking-dates summary{justify-content:space-between}
#ranking .ranking-date-chip{white-space:nowrap;-webkit-hyphens:none!important;hyphens:none!important}


/* v8.1.64 · Ranking Global/Temático: contención real de ancho en iPhone.
   Las fichas del listado deben respetar exactamente el mismo ancho útil
   que el bloque superior del ranking y no sobresalir del viewport. */
#ranking #rankingList{
  display:grid;
  gap:14px;
  padding:0 3px 0 3px;
}
#ranking #rankingList>.global-rank-card,
#ranking #rankingList>.thematic-visual-card,
#ranking #rankingList>.thematic-unclassified{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
  overflow-x:clip !important;
}
#ranking #rankingList>.global-rank-card .global-rank-head,
#ranking #rankingList>.thematic-visual-card .thematic-rank-head{
  min-width:0 !important;
}
#ranking #rankingList>.global-rank-card .ranking-ship-heading,
#ranking #rankingList>.thematic-visual-card .ranking-ship-heading{
  min-width:0 !important;
  flex:1 1 auto !important;
}
#ranking #rankingList>.global-rank-card h3,
#ranking #rankingList>.thematic-visual-card h3{
  min-width:0 !important;
  overflow-wrap:break-word !important;
}
@media(max-width:560px){
  #ranking #rankingList{padding:0 2px 0 2px}
  #ranking #rankingList>.global-rank-card,
  #ranking #rankingList>.thematic-visual-card,
  #ranking #rankingList>.thematic-unclassified{
    border-radius:20px !important;
  }
}


/* v8.1.67 · Ranking iPhone: corrección real del “zoom”/desbordamiento.
   Causa: la pista implícita del CSS Grid heredaba el min-content de
   elementos internos no encogibles y ensanchaba #rankingList más allá
   del viewport. La pista se fuerza a minmax(0,1fr) y toda la cadena
   recibe min-width:0 para permitir el encogimiento real. */
#ranking{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:hidden !important;
}
#ranking #rankingList{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:hidden !important;
  gap:14px !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
#ranking #rankingList>.card,
#ranking #rankingList>.global-rank-card,
#ranking #rankingList>.thematic-visual-card,
#ranking #rankingList>.thematic-unclassified{
  min-width:0 !important;
  width:auto !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
#ranking #rankingList>.global-rank-card>*,
#ranking #rankingList>.thematic-visual-card>*{
  min-width:0 !important;
  max-width:100% !important;
}
#ranking #rankingList .global-rank-strengths,
#ranking #rankingList .thematic-rank-support{
  min-width:0 !important;
  max-width:100% !important;
  overflow-x:auto !important;
}
#ranking #rankingList .ranking-dates,
#ranking #rankingList .ranking-why,
#ranking #rankingList .route,
#ranking #rankingList .meta,
#ranking #rankingList .global-rank-actions,
#ranking #rankingList .thematic-card-foot{
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
@media(max-width:560px){
  #ranking #rankingList{gap:12px !important}
}


/* v8.1.67 · Ranking iPhone: corrección vertical de insignias TOP.
   El ancho ya estaba resuelto; el recorte aparente en altura venía de que
   TOP 1/2/3 sobresalían por arriba de la tarjeta. Se recolocan dentro de la
   propia ficha y se reserva espacio superior para que la tarjeta se vea completa. */
#ranking .global-rank-top1,
#ranking .global-rank-top2,
#ranking .global-rank-top3,
#ranking .thematic-rank-top1,
#ranking .thematic-rank-top2,
#ranking .thematic-rank-top3{
  padding-top:22px !important;
}
#ranking .global-rank-top1::before,
#ranking .global-rank-top2::before,
#ranking .global-rank-top3::before,
#ranking .thematic-rank-top1::before,
#ranking .thematic-rank-top2::before,
#ranking .thematic-rank-top3::before{
  top:8px !important;
  left:14px !important;
  right:auto !important;
  bottom:auto !important;
}
@media(max-width:560px){
  #ranking .global-rank-top1,
  #ranking .global-rank-top2,
  #ranking .global-rank-top3,
  #ranking .thematic-rank-top1,
  #ranking .thematic-rank-top2,
  #ranking .thematic-rank-top3{
    padding-top:20px !important;
  }
  #ranking .global-rank-top1::before,
  #ranking .global-rank-top2::before,
  #ranking .global-rank-top3::before,
  #ranking .thematic-rank-top1::before,
  #ranking .thematic-rank-top2::before,
  #ranking .thematic-rank-top3::before{
    top:7px !important;
    left:12px !important;
  }
}


/* v9.1.54 · La navegación superior queda aislada en #mscx-top-nav-core-v7045 de index/404.
   Ratificado sin cambios funcionales en v10.0.0 como regla bloqueante de la base estable auditada.
   Se elimina la duplicación v8.1.67 del CSS general para impedir sobrescrituras futuras. */

/* =========================================================
   MSCxplorer v8.1.68 · Auditoría visual de los 7 Rankings temáticos
   Extiende únicamente las reglas tipográficas/compactas ya validadas en
   Ranking Global. No modifica cálculos, orden, puntuaciones ni navegación.
   ========================================================= */
#ranking .thematic-visual-card>.meta{
  text-align:left!important;
  text-align-last:auto!important;
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  word-spacing:normal!important;
  line-height:1.38!important;
}
#ranking .thematic-visual-card>.route,
#ranking .thematic-unclassified>.route{
  text-align:left!important;
  text-align-last:auto!important;
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  word-spacing:normal!important;
  line-height:1.46!important;
  padding:10px 11px!important;
  margin:9px 0!important;
}
#ranking .thematic-explained-card .ranking-why p{
  text-align:justify!important;
  text-align-last:left!important;
  text-justify:inter-word!important;
  -webkit-hyphens:auto!important;
  hyphens:auto!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  word-spacing:normal!important;
  line-height:1.5!important;
}
#ranking .thematic-explained-card .ranking-why .ranking-place-reason{
  text-align:left!important;
  text-align-last:auto!important;
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-spacing:normal!important;
}
#ranking .thematic-visual-card .thematic-rank-support{
  padding-bottom:7px!important;
}
#ranking .thematic-visual-card .thematic-card-foot{
  padding-top:8px!important;
}
#ranking .thematic-rank-score{
  overflow:hidden!important;
}
#ranking .thematic-rank-score small{
  max-width:100%!important;
  line-height:1.05!important;
  text-align:center!important;
}
@media(max-width:560px){
  #ranking .thematic-visual-card{padding:13px!important}
  #ranking .thematic-visual-card>.meta{font-size:.82rem!important}
  #ranking .thematic-visual-card>.route{font-size:.88rem!important}
  #ranking .thematic-rank-support span{padding:6px 9px!important;font-size:.73rem!important}
}


/* =========================================================
   MSCxplorer v8.1.69 · Auditoría visual conservadora de Flota
   Solo tipografía/compactación. Fotografías y reglas de encuadre intactas.
   ========================================================= */
#ships #shipList .ship-title-row h3,
#ships #shipList .ship-go-msc-pill,
#ships #shipList .ship-specs-line,
#ships #shipList .ship-tonnage-badge,
#ships #shipList .ship-sailings-badge{
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-spacing:normal!important;
  word-break:normal!important;
}
#ships #shipList .ship-title-row h3{
  line-height:1.14!important;
}
#ships #shipList .ship-fleet-card>p:not(.ship-specs-line){
  text-align:justify!important;
  text-align-last:left!important;
  text-justify:inter-word!important;
  -webkit-hyphens:auto!important;
  hyphens:auto!important;
  word-spacing:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  line-height:1.52!important;
}
#ships #shipSailingsDetail .ship-sailing-group>.meta,
#ships #shipSailingsDetail .ship-sailing-group>.route{
  text-align:left!important;
  text-align-last:auto!important;
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-spacing:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
#ships #shipSailingsDetail .ship-dates-disclosure>summary,
#ships #shipSailingsDetail .ship-date-chip{
  -webkit-hyphens:none!important;
  hyphens:none!important;
  white-space:nowrap!important;
  word-spacing:normal!important;
}
@media(max-width:560px){
  #ships #shipList .ship-specs-line{
    padding-top:7px!important;
    padding-bottom:7px!important;
  }
  #ships #shipList .ship-tonnage-badge{
    min-height:32px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
  #ships #shipList .ship-sailings-badge{
    min-height:36px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
  }
  #ships #shipList .ship-fleet-card>p:not(.ship-specs-line){
    margin-top:9px!important;
    margin-bottom:10px!important;
  }
}


/* =========================================================
   MSCxplorer v8.1.70 · Auditoría visual de Inicio en iPhone
   Alcance exclusivamente #home. Compactación vertical conservadora:
   hero más eficiente, acciones 3 en línea y accesos rápidos 3 en línea.
   No afecta a Mi crucero, navegación superior ni otras familias.
   ========================================================= */
@media(max-width:560px){
  #home .home-hero{
    min-height:0 !important;
  }
  #home .home-hero-content{
    gap:10px !important;
    padding:16px !important;
  }
  #home .home-hero-content h2{
    font-size:clamp(28px,8.2vw,34px) !important;
    line-height:1.05 !important;
    max-width:13ch !important;
  }
  #home .home-hero-content>p{
    line-height:1.4 !important;
    font-size:14px !important;
  }
  #home .home-hero-badges{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  #home .home-hero-badge{
    min-width:0 !important;
    padding:6px 5px !important;
    text-align:center !important;
    font-size:11px !important;
    white-space:nowrap !important;
  }
  #home .home-hero-actions{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
    align-items:stretch !important;
  }
  #home .home-hero-actions .btn{
    width:100% !important;
    min-width:0 !important;
    min-height:40px !important;
    padding:7px 4px !important;
    font-size:11.5px !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
  }
  #home .home-hero-facts{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
    margin-top:0 !important;
  }
  #home .home-hero-facts .fact{
    min-width:0 !important;
    padding:8px 9px !important;
    border-radius:13px !important;
  }
  #home .home-hero-facts .fact:last-child{
    grid-column:1 / -1;
  }
  #home .home-hero-facts .fact small{
    margin-bottom:3px !important;
    font-size:10px !important;
  }
  #home .home-hero-facts .fact b{
    font-size:13px !important;
    line-height:1.18 !important;
  }

  #home .home-quick{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  #home .home-quick-card{
    min-width:0 !important;
    min-height:78px !important;
    padding:8px 5px !important;
    gap:5px !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    text-align:center !important;
    border-radius:16px !important;
  }
  #home .home-quick-card>span:last-child{
    min-width:0 !important;
  }
  #home .home-quick-icon{
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    border-radius:11px !important;
    font-size:17px !important;
  }
  #home .home-quick-card h4{
    margin:0 !important;
    font-size:12px !important;
    line-height:1.08 !important;
    white-space:nowrap !important;
  }
  #home .home-quick-card p{
    display:none !important;
  }
}


/* v8.1.71 · Mi crucero: “Mis cruceros” sube junto al resumen activo.
   Cambio de jerarquía visual únicamente: facilita cambiar el crucero activo
   sin tener que recorrer toda la ficha. */
#homeMyCruise .my-cruise-summary + .my-cruises-library{
  margin-top:10px !important;
  padding-top:10px !important;
}
#homeMyCruise .my-cruise-summary + .my-cruises-library>summary{
  min-height:46px !important;
}

/* =========================================================
   MSCxplorer v8.1.74 · Portada premium de Inicio
   Revisión exclusiva de la primera impresión de #home.
   No modifica Mi crucero, navegación superior ni otras familias.
   ========================================================= */
#home .home-hero-v8172{
  position:relative;
  min-height:0 !important;
  border-radius:26px !important;
  border:1px solid rgba(236,202,111,.78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 18px 38px rgba(3,25,45,.22) !important;
  overflow:hidden !important;
  isolation:isolate;
  background:#061d33 !important;
}
#home .home-hero-v8172 .home-hero-media{z-index:0}
#home .home-hero-v8172 .home-hero-image{
  transform:scale(1.12) !important;
  transform-origin:center !important;
  object-position:72% center !important;
  opacity:.82 !important;
  filter:contrast(1.08) brightness(.90) saturate(1.06) !important;
}
#home .home-hero-v8172 .home-hero-overlay{
  z-index:1;
  background:
    linear-gradient(180deg,rgba(2,14,27,.20) 0%,rgba(3,24,43,.46) 44%,rgba(3,22,40,.88) 100%),
    linear-gradient(100deg,rgba(2,20,37,.76) 0%,rgba(4,35,60,.40) 58%,rgba(5,47,79,.16) 100%) !important;
}
#home .home-hero-v8172::after{
  content:"";
  position:absolute;
  z-index:1;
  left:18px;right:18px;bottom:13px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(240,207,114,.70),transparent);
  pointer-events:none;
}
#home .home-hero-v8172 .home-hero-content{
  position:relative;
  z-index:2;
  gap:11px !important;
  padding:18px 18px 22px !important;
  text-align:center;
}
#home .home-hero-brand{
  display:grid;
  grid-template-columns:22px minmax(0,1fr) 22px;
  align-items:center;
  gap:8px;
  min-height:50px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(240,207,114,.70);
  background:linear-gradient(180deg,rgba(8,48,81,.78),rgba(3,25,46,.82));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 20px rgba(0,0,0,.16);
  backdrop-filter:none;
}
#home .home-hero-brand-name{
  color:#fff4cf;
  font-size:clamp(20px,5vw,25px);
  line-height:1;
  font-weight:1000;
  letter-spacing:.055em;
  text-shadow:0 2px 10px rgba(0,0,0,.26);
}
#home .home-hero-brand-mark{
  color:#efcb68;
  font-size:14px;
  line-height:1;
}
#home .home-hero-v8172 .home-hero-content h2{
  margin:1px 0 0 !important;
  max-width:none !important;
  color:#fff !important;
  font-size:clamp(22px,5.7vw,31px) !important;
  line-height:1.08 !important;
  letter-spacing:-.018em !important;
  text-align:center !important;
  white-space:nowrap;
  text-shadow:0 2px 13px rgba(0,0,0,.30);
}
#home .home-hero-v8172 .home-hero-lead{
  margin:0 auto !important;
  max-width:34ch !important;
  color:#edf6fc !important;
  font-size:13.5px !important;
  line-height:1.42 !important;
  font-weight:730 !important;
  text-align:center !important;
  -webkit-hyphens:auto;
  hyphens:auto;
}
#home .home-hero-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
#home .home-hero-metrics>div{
  min-width:0;
  padding:8px 5px 7px;
  border-radius:15px;
  border:1px solid rgba(240,207,114,.34);
  background:linear-gradient(180deg,rgba(5,36,62,.78),rgba(255,255,255,.07));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
#home .home-hero-metrics strong{
  display:block;
  color:#ffe18a;
  font-size:clamp(20px,5vw,27px);
  line-height:1;
  font-weight:1000;
  letter-spacing:-.02em;
}
#home .home-hero-metrics span{
  display:block;
  margin-top:4px;
  color:#e6f1f8;
  font-size:10.5px;
  line-height:1;
  font-weight:850;
}
#home .home-hero-v8172 .home-hero-actions{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:7px !important;
  align-items:stretch !important;
}
#home .home-hero-v8172 .home-hero-actions .btn{
  width:100% !important;
  min-width:0 !important;
  min-height:42px !important;
  padding:8px 5px !important;
  border-radius:15px !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  border:1px solid rgba(255,229,160,.55) !important;
  background:linear-gradient(180deg,#eecb68,#c89b36) !important;
  color:#102a43 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 5px 12px rgba(0,0,0,.15) !important;
}
#home .home-hero-v8172 .home-hero-actions .btn.secondary{
  border-color:rgba(122,196,241,.62) !important;
  background:linear-gradient(180deg,#1681ca,#0a5d9e) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 5px 12px rgba(0,0,0,.14) !important;
}
#home .home-hero-signature{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  padding-top:1px;
}
#home .home-hero-signature span{
  min-width:0;
  color:#dcebf5;
  font-size:10px;
  line-height:1.1;
  font-weight:800;
  white-space:nowrap;
  opacity:.92;
}
@media(max-width:370px){
  #home .home-hero-v8172 .home-hero-content{padding-left:14px !important;padding-right:14px !important}
  #home .home-hero-v8172 .home-hero-content h2{font-size:19px !important}
  #home .home-hero-brand-name{font-size:18px}
  #home .home-hero-v8172 .home-hero-actions .btn{font-size:11px !important}
  #home .home-hero-signature span{font-size:9px}
}


/* v8.1.74 · Traductor de viaje · Fase 1 */
.my-cruise-translator-cta{appearance:none;-webkit-appearance:none;width:100%;margin:10px 0 12px;padding:10px 12px;border-radius:15px;border:1px solid rgba(216,180,83,.48);background:linear-gradient(135deg,rgba(11,101,177,.30),rgba(4,28,50,.34));color:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;cursor:pointer}
.my-cruise-translator-cta>span:first-child{font-size:22px}.my-cruise-translator-cta b{display:block;font-size:13px;line-height:1.2}.my-cruise-translator-cta small{display:block;margin-top:3px;color:#cfe3f2;font-size:10px;font-weight:750;line-height:1.25}.my-cruise-translator-cta>span:last-child{font-size:22px;color:#ffe08a}
.travel-translator-panel{max-width:920px;margin:0 auto}.travel-translator-card{background:linear-gradient(155deg,#03182c,#082f52 62%,#0b4a7b)!important;border:1px solid rgba(216,180,83,.72)!important;color:#fff!important;padding:16px!important;overflow:hidden;position:relative}.travel-translator-card:after{content:'';position:absolute;width:180px;height:180px;right:-65px;bottom:-70px;background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat;opacity:.045;pointer-events:none}.travel-translator-card>*{position:relative;z-index:1}.travel-translator-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}.travel-translator-back{min-height:40px!important;padding:8px 10px!important;white-space:nowrap}.travel-translator-head h2{margin:3px 0 6px;font-size:27px;color:#fff!important}.travel-translator-head p{margin:0;color:#d6e8f4!important;line-height:1.42;font-weight:650}.travel-translator-language-row{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:8px;align-items:end;margin-top:16px}.travel-translator-language-row label{margin:0;color:#eaf4fb;font-size:11px}.travel-translator-language-row select{margin-top:5px;min-height:44px;background:#f8fbff;color:#102a43;border-color:#9fc5e2}.travel-translator-swap{height:44px;border-radius:12px;border:1px solid rgba(216,180,83,.65);background:rgba(255,255,255,.10);color:#ffe18c;font-size:22px;font-weight:900}.travel-translator-input-wrap{margin-top:14px}.travel-translator-input-wrap>label{color:#eaf4fb}.travel-translator-input-wrap textarea{display:block;width:100%;min-height:130px;resize:vertical;margin-top:6px;padding:12px 13px;border-radius:14px;border:1px solid rgba(142,199,238,.60);background:rgba(255,255,255,.96);color:#10263a;font:inherit;font-size:16px;line-height:1.45}.travel-translator-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.travel-translator-actions .btn{min-width:0;padding:9px 8px}.travel-translator-result-wrap{margin-top:14px;padding:13px;border-radius:16px;border:1px solid rgba(216,180,83,.42);background:rgba(1,18,34,.38)}.travel-translator-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.travel-translator-result-head span{font-weight:900;color:#ffe18a}.travel-translator-result-head small{color:#9fd7fa;font-weight:800}.travel-translator-result{min-height:92px;padding:12px;border-radius:13px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);color:#fff;font-size:18px;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word}.travel-translator-result-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.travel-translator-status{margin:9px 1px 0!important;color:#c9deec!important;font-size:10px!important;line-height:1.35!important;font-weight:700!important}.travel-translator-status.error{color:#ffd7a8!important}.travel-translator-phrases{margin-top:15px}.travel-translator-phrases h3{margin:0 0 9px;color:#fff!important;font-size:17px}.travel-translator-phrase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.travel-translator-phrase-grid button{min-height:44px;padding:8px 10px;border-radius:12px;border:1px solid rgba(132,194,236,.36);background:rgba(255,255,255,.07);color:#eef7fd;text-align:left;font:inherit;font-size:12px;font-weight:800;line-height:1.28}
@media(max-width:560px){.travel-translator-card{padding:13px!important}.travel-translator-head{grid-template-columns:1fr}.travel-translator-back{width:max-content}.travel-translator-head h2{font-size:24px}.travel-translator-language-row{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:6px}.travel-translator-swap{height:42px}.travel-translator-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.travel-translator-actions .btn{font-size:12px;padding:8px 5px}.travel-translator-result-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.travel-translator-result-actions #translatorWebFallback{grid-column:1/-1}.travel-translator-phrase-grid{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.travel-translator-language-row{grid-template-columns:1fr;}.travel-translator-swap{width:100%}.travel-translator-actions{grid-template-columns:1fr 1fr}.travel-translator-actions [data-action='translator-clear']{grid-column:1/-1}.travel-translator-phrase-grid{grid-template-columns:1fr}}


/* v8.1.74 · Traductor: escucha continua + transcripción visible */
.travel-translator-heard{margin:7px 2px 0!important;padding:7px 9px;border-radius:10px;background:rgba(115,196,244,.10);border:1px solid rgba(115,196,244,.24);color:#d9effd!important;font-size:11px!important;line-height:1.4!important;text-align:left!important;-webkit-hyphens:none!important;hyphens:none!important}
#translatorMicButton.listening{background:linear-gradient(180deg,#9b3442,#74222e)!important;color:#fff!important;border-color:#d76b78!important}
.travel-translator-audio-note{margin:11px 1px 0!important;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid rgba(216,180,83,.22);color:#cfe2ef!important;font-size:10px!important;line-height:1.42!important;text-align:justify!important;-webkit-hyphens:auto!important;hyphens:auto!important}


/* v8.1.76 · Traductor: protocolo idéntico al proyecto "Traductor".
   Español -> idioma elegido; cualquier otro idioma -> castellano. */
#translator .translator-project-rule{
  margin:0!important;color:#dbeaf4!important;font-weight:750!important;
  text-align:left!important;-webkit-hyphens:none!important;hyphens:none!important;
}
#translator .translator-project-target{margin-top:15px}
#translator .translator-project-target label{margin:0;color:#eaf4fb;font-size:12px}
#translator .translator-project-target select{margin-top:6px;min-height:46px;background:#fff;color:#102a43;border-color:#9fc5e2;font-weight:800}
#translator .translator-project-input textarea{min-height:145px;margin-top:14px}
#translator .translator-project-voice-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}
#translator .translator-project-main-actions{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin-top:8px}
#translator .translator-project-mic{min-width:0;padding:9px 7px;font-size:13px}
#translator .translator-project-mic.listening{background:linear-gradient(180deg,#9b3442,#74222e)!important;color:#fff!important;border-color:#d76b78!important}
#translator .translator-project-result-wrap{margin-top:14px}
#translator .translator-project-result-wrap .travel-translator-result{min-height:110px;font-size:20px;line-height:1.5}
#translator .translator-project-result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}
#translator .translator-project-result-actions #translatorWebFallback{grid-column:1/-1}
#translator .travel-translator-status[hidden]{display:none!important}
#translator .translator-project-audio-note{text-align:left!important;-webkit-hyphens:none!important;hyphens:none!important}
#translator .travel-translator-heard{font-size:12px!important;background:rgba(255,255,255,.055)!important;color:#cfe2ef!important}
@media(max-width:560px){
 #translator .travel-translator-card{padding:13px!important}
 #translator .translator-project-input textarea{min-height:132px}
 #translator .translator-project-result-wrap .travel-translator-result{min-height:98px;font-size:19px}
 #translator .translator-project-voice-actions{gap:6px}
 #translator .translator-project-mic{font-size:11.5px;padding:8px 5px}
}
@media(max-width:365px){
 #translator .translator-project-voice-actions{grid-template-columns:1fr}
}


/* v8.1.76 · Traductor simultáneo.
   En voz, cada fragmento final reconocido se traduce y se añade al resultado
   sin esperar al final de toda la conversación. Sin cambios en navegación. */
#translator .translator-live-label{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 9px;
  color:#fff;
}
#translator .translator-live-label>span:first-child{
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:10px;
  border:1px solid rgba(240,207,114,.46);
  background:rgba(240,207,114,.11);
  color:#ffe08a;
  font-size:15px;
}
#translator .translator-live-label b{
  display:block;
  font-size:12px;
  line-height:1.15;
  color:#fff;
}
#translator .translator-live-label small{
  display:block;
  margin-top:2px;
  color:#bfd9eb;
  font-size:9.5px;
  line-height:1.2;
  font-weight:750;
}
#translator.simultaneous-active .translator-live-label>span:first-child{
  background:linear-gradient(180deg,#f2d77d,#d6aa43);
  border-color:#ffe9ac;
  color:#102a43;
}
#translator.simultaneous-active .travel-translator-result{
  border-color:rgba(240,207,114,.52);
}
#translator.simultaneous-active .travel-translator-heard{
  border-color:rgba(115,196,244,.42)!important;
}
@media(max-width:560px){
  #translator .translator-live-label{margin-bottom:7px}
  #translator .translator-live-label>span:first-child{width:28px;height:28px;flex-basis:28px}
}


/* =========================================================
   MSCxplorer v8.1.77 · Mi crucero — Próxima escala protagonista
   - Reutiliza la lógica existente: no duplica datos.
   - Sube Próxima escala al inicio del panel de Mi crucero.
   - Accesos 3+2 compactos para iPhone.
   - No altera navegación superior ni encuadre de Flota.
   ========================================================= */
#homeMyCruise .my-cruise-next{
  margin-top:12px !important;
  padding-top:0 !important;
  border-top:0 !important;
}
#homeMyCruise .my-cruise-next .my-cruise-section-title{
  margin-bottom:8px !important;
}
#homeMyCruise .my-cruise-next-card{
  grid-template-columns:minmax(0,1fr) !important;
  gap:11px !important;
  padding:14px !important;
  border:1px solid rgba(240,207,114,.68) !important;
  background:
    radial-gradient(220px 130px at 100% 0%,rgba(240,207,114,.12),transparent 70%),
    linear-gradient(145deg,rgba(7,38,68,.98),rgba(10,61,103,.96)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 24px rgba(2,20,38,.16) !important;
}
#homeMyCruise .my-cruise-next-card.today{
  border-color:rgba(255,225,143,.92) !important;
  box-shadow:inset 0 0 0 1px rgba(255,225,143,.16),0 10px 24px rgba(2,20,38,.18) !important;
}
#homeMyCruise .my-cruise-next-copy h3{
  margin:6px 0 3px !important;
  font-size:clamp(20px,5.2vw,24px) !important;
  line-height:1.12 !important;
  color:#fff !important;
  -webkit-hyphens:none !important;
  hyphens:none !important;
}
#homeMyCruise .my-cruise-next-excursion{
  margin:7px 0 0 !important;
  color:#eef7fd !important;
  font-size:12px !important;
  line-height:1.35 !important;
  text-align:left !important;
  -webkit-hyphens:none !important;
  hyphens:none !important;
}
#homeMyCruise .my-cruise-next-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:7px !important;
}
#homeMyCruise .my-cruise-next-actions>.btn,
#homeMyCruise .my-cruise-next-actions>a.btn{
  flex:0 1 calc((100% - 14px)/3) !important;
  width:auto !important;
  min-width:0 !important;
  min-height:40px !important;
  margin:0 !important;
  padding:8px 6px !important;
  font-size:11px !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}
#homeMyCruise .my-cruise-next-actions .mscx-gmap{
  display:flex !important;
}
@media(max-width:365px){
  #homeMyCruise .my-cruise-next-card{padding:12px !important}
  #homeMyCruise .my-cruise-next-actions{gap:6px !important}
  #homeMyCruise .my-cruise-next-actions>.btn,
  #homeMyCruise .my-cruise-next-actions>a.btn{
    flex-basis:calc((100% - 12px)/3) !important;
    font-size:10px !important;
    padding-left:4px !important;
    padding-right:4px !important;
  }
}


/* =========================================================
   MSCxplorer v8.1.78 · Mi crucero · eliminación de duplicidades
   Próxima escala concentra solo acciones contextuales.
   Herramientas del viaje conserva únicamente utilidades generales.
   ========================================================= */
#homeMyCruise .my-cruise-tools{
  margin-top:16px !important;
  padding-top:14px !important;
}
#homeMyCruise .my-cruise-tools .my-cruise-quick-grid{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:9px !important;
}
#homeMyCruise .my-cruise-tools .my-cruise-quick-grid>.my-cruise-quick-btn{
  grid-column:span 2;
}
#homeMyCruise .my-cruise-tools .my-cruise-quick-btn{
  min-height:70px !important;
}
/* Con cuatro acciones contextuales, Próxima escala queda 2 + 2. */
#homeMyCruise .my-cruise-next-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:7px !important;
  width:100% !important;
}
#homeMyCruise .my-cruise-next-actions>.btn,
#homeMyCruise .my-cruise-next-actions>a.btn{
  width:100% !important;
  min-width:0 !important;
  min-height:40px !important;
  padding:8px 7px !important;
  font-size:11px !important;
}
/* Cinco herramientas: 3 arriba y 2 centradas abajo en iPhone. */
#homeMyCruise .my-cruise-tools .my-cruise-quick-grid>.my-cruise-quick-btn:nth-child(4){
  grid-column:2 / span 2;
}
#homeMyCruise .my-cruise-tools .my-cruise-quick-grid>.my-cruise-quick-btn:nth-child(5){
  grid-column:4 / span 2;
}
@media(max-width:370px){
  #homeMyCruise .my-cruise-tools .my-cruise-quick-grid{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  #homeMyCruise .my-cruise-tools .my-cruise-quick-btn{
    min-height:66px !important;
    padding-left:4px !important;
    padding-right:4px !important;
  }
}


/* v8.1.95 · Mi crucero: acciones reunidas + Próxima escala informativa.
   Todas las acciones viven en una única cuadrícula 3×3. La tarjeta de
   próxima escala deja de duplicar navegación y muestra preparación real. */
#homeMyCruise .my-cruise-all-actions .my-cruise-quick-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}
#homeMyCruise .my-cruise-all-actions .my-cruise-quick-btn{
  min-width:0 !important;
  min-height:76px !important;
}
#homeMyCruise .my-cruise-next-info{
  grid-template-columns:1fr !important;
}
#homeMyCruise .my-cruise-next-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
#homeMyCruise .my-cruise-next-ready{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(240,207,114,.13);
  border:1px solid rgba(240,207,114,.32);
  color:#fff1bc;
  font-size:10px;
  font-weight:950;
  white-space:nowrap;
}
#homeMyCruise .my-cruise-next-checks{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin-top:9px;
}
#homeMyCruise .my-cruise-next-checks .my-cruise-next-action{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:31px;
  padding:5px 6px;
  border-radius:10px;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
  text-decoration:none !important;
  appearance:none;
  -webkit-appearance:none;
  font-family:inherit;
  line-height:1.1;
  cursor:pointer;
}
#homeMyCruise .my-cruise-next-checks .ready{
  background:rgba(49,143,95,.18);
  border:1px solid rgba(103,200,143,.32);
  color:#d8f8e5;
}
#homeMyCruise .my-cruise-next-checks .pending{
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.14);
  color:#c8d9e6;
  cursor:default;
  opacity:.82;
}
#homeMyCruise .my-cruise-next-checks .map{
  background:rgba(240,207,114,.14);
  border:1px solid rgba(240,207,114,.38);
  color:#fff1bc;
}
#homeMyCruise .my-cruise-next-checks .ready:active,
#homeMyCruise .my-cruise-next-checks .map:active{transform:translateY(1px)}
@media(max-width:390px){
  #homeMyCruise .my-cruise-all-actions .my-cruise-quick-grid{gap:8px !important}
  #homeMyCruise .my-cruise-all-actions .my-cruise-quick-btn{min-height:72px !important}
  #homeMyCruise .my-cruise-next-checks{gap:5px}
  #homeMyCruise .my-cruise-next-checks .my-cruise-next-action{font-size:9.5px;padding:5px 4px}
}



@media(max-width:350px){
  #homeMyCruise .my-cruise-next-checks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* MSCxplorer v8.1.98 · Mi crucero · 9 galletas juntas */
#homeMyCruise .my-cruise-quick-btn.mscx-album-quick{
  grid-column:auto !important;
  min-height:76px !important;
}
@media(max-width:370px){
  #homeMyCruise .my-cruise-quick-btn.mscx-album-quick{grid-column:auto !important}
}


/* MSCxplorer v8.1.98 · Mi crucero · Galletas de ruta más finas */
#homeMyCruise .my-cruise-stops > .port-chip{
  min-height:48px !important;
  padding:8px 7px !important;
  line-height:1.08 !important;
  font-size:clamp(11px,2.75vw,13px) !important;
  border-radius:22px !important;
}
@media (max-width:390px){
  #homeMyCruise .my-cruise-stops > .port-chip{
    min-height:45px !important;
    padding:7px 6px !important;
    font-size:clamp(10.5px,2.7vw,12.5px) !important;
  }
}


/* MSCxplorer v8.1.98 · Mi crucero · Ruta más baja + texto más compacto */
#homeMyCruise .my-cruise-stops > .port-chip{
  min-height:44px !important;
  padding:6px 6px !important;
  line-height:1.02 !important;
  font-size:clamp(10.5px,2.55vw,12px) !important;
  letter-spacing:-.01em !important;
}
@media (max-width:390px){
  #homeMyCruise .my-cruise-stops > .port-chip{
    min-height:41px !important;
    padding:6px 5px !important;
    font-size:clamp(10px,2.55vw,11.5px) !important;
    line-height:1.0 !important;
  }
}


/* MSCxplorer v8.1.98 · Mi crucero · Galletas de ruta más finas + letra algo mayor */
#homeMyCruise .my-cruise-stops > .port-chip{
  min-height:40px !important;
  padding:4px 6px !important;
  line-height:1.0 !important;
  font-size:clamp(10.9px,2.7vw,12.6px) !important;
  letter-spacing:-.01em !important;
}
@media (max-width:390px){
  #homeMyCruise .my-cruise-stops > .port-chip{
    min-height:38px !important;
    padding:4px 5px !important;
    font-size:clamp(10.4px,2.65vw,12px) !important;
    line-height:0.98 !important;
  }
}


/* MSCxplorer v8.1.98 · Mi crucero · Próxima escala inteligente */
#homeMyCruise .my-cruise-next-live{
  border-color:rgba(111,196,238,.44)!important;
  background:rgba(26,122,178,.18)!important;
  color:#dff5ff!important;
}
#homeMyCruise .my-cruise-next-smart-note{
  margin:7px 0 1px!important;
  padding:7px 9px!important;
  border-radius:11px!important;
  border:1px solid rgba(240,207,114,.22)!important;
  background:rgba(240,207,114,.07)!important;
  color:#eef7fd!important;
  font-size:10.5px!important;
  line-height:1.3!important;
  font-weight:750!important;
  text-align:left!important;
  -webkit-hyphens:auto!important;
  hyphens:auto!important;
}
#homeMyCruise .my-cruise-next-info.today{
  border-color:rgba(255,218,112,.78)!important;
  box-shadow:inset 0 0 0 1px rgba(255,225,139,.12),0 10px 24px rgba(0,0,0,.10)!important;
}
@media(max-width:390px){
  #homeMyCruise .my-cruise-next-smart-note{font-size:10px!important;padding:6px 8px!important}
}

/* MSCxplorer v8.1.98 · Mi crucero · Estado del viaje inteligente */
#homeMyCruise .my-cruise-readiness.essential-ready>summary{
  border-color:rgba(112,182,141,.58) !important;
  background:rgba(31,102,68,.18) !important;
}
#homeMyCruise .my-cruise-readiness.needs-attention>summary{
  border-color:rgba(242,207,104,.58) !important;
  background:rgba(111,77,12,.18) !important;
}
#homeMyCruise .my-cruise-readiness-smart-body{display:grid;gap:7px}
#homeMyCruise .my-cruise-readiness-grid.pending{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
#homeMyCruise .my-cruise-readiness-item .my-cruise-readiness-copy small{
  display:block !important;
  margin-top:2px;
  color:#cfe2ef !important;
  font-size:9px !important;
  line-height:1.2 !important;
  font-weight:750 !important;
}
#homeMyCruise .my-cruise-readiness-ok{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:34px;padding:6px 9px;border-radius:11px;
  border:1px solid rgba(112,182,141,.30);background:rgba(31,102,68,.11)
}
#homeMyCruise .my-cruise-readiness-ok>span{color:#bfe8cd;font-size:10px;font-weight:950;white-space:nowrap}
#homeMyCruise .my-cruise-readiness-ok>small{color:#cfe2ef;font-size:9px;font-weight:800;text-align:right;line-height:1.2}
#homeMyCruise .my-cruise-readiness-all-ready{
  display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 10px;
  border-radius:11px;border:1px solid rgba(112,182,141,.38);background:rgba(31,102,68,.14);
  color:#dff4e7;font-size:11px;font-weight:900;text-align:center
}
@media(max-width:560px){
 #homeMyCruise .my-cruise-readiness-grid.pending{grid-template-columns:1fr !important}
 #homeMyCruise .my-cruise-readiness>summary{gap:8px !important}
 #homeMyCruise .my-cruise-readiness>summary small{max-width:58%;line-height:1.15 !important}
}

/* MSCxplorer v8.1.98 · Mi crucero · Modo viaje Fase 1 */
#homeMyCruise .my-cruise-head-status{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 5px;
}
#homeMyCruise .my-cruise-head-status .eyebrow{margin:0 !important}
#homeMyCruise .my-cruise-mode-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:25px;
  padding:4px 9px;
  border-radius:999px;
  border:1px solid rgba(216,180,83,.48);
  background:rgba(216,180,83,.10);
  color:#ffe6a0;
  font-size:10.5px;
  line-height:1;
  font-weight:950;
  white-space:nowrap;
}
#homeMyCruise .my-cruise-mode-badge.during{
  border-color:rgba(255,226,139,.82);
  background:linear-gradient(180deg,rgba(226,190,91,.26),rgba(171,127,31,.13));
  color:#fff2c5;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
#homeMyCruise .my-cruise-mode-badge.finished{
  border-color:rgba(119,191,150,.46);
  background:rgba(70,151,104,.13);
  color:#d9f4e4;
}
@media(max-width:390px){
  #homeMyCruise .my-cruise-head-status{gap:6px}
  #homeMyCruise .my-cruise-mode-badge{min-height:23px;padding:4px 8px;font-size:10px}
}


/* MSCxplorer v8.1.98 · Modo viaje Fase 2 · prioridad automática de Hoy */
#homeMyCruise .my-cruise-today-priority{
  margin-top:10px !important;
  padding-top:0 !important;
}
#homeMyCruise .my-cruise-today-priority>summary{
  border-color:rgba(255,226,139,.86) !important;
  background:linear-gradient(135deg,rgba(120,88,18,.30),rgba(10,65,103,.48)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 8px 20px rgba(0,0,0,.10);
}
#homeMyCruise .my-cruise-today-priority>summary span{color:#fff2c5 !important}
#homeMyCruise .my-cruise-has-today .my-cruise-next{margin-bottom:0 !important}

/* =========================================================
   MSCxplorer v8.2.02 · Mi crucero · Maquetación superior
   Cambio exclusivamente visual y aislado en #homeMyCruise.
   No modifica lógica, accesos rápidos ni chips de escalas.
   ========================================================= */
#homeMyCruise .my-cruise-card:not(.my-cruise-empty) .my-cruise-head{
  margin:0 0 9px !important;
}
#homeMyCruise .my-cruise-card:not(.my-cruise-empty) .my-cruise-head>div{
  position:relative;
  overflow:hidden;
  padding:13px 13px 12px;
  border:1px solid rgba(240,207,114,.34);
  border-radius:18px;
  background:
    radial-gradient(160px 90px at 100% 0%,rgba(240,207,114,.085),transparent 72%),
    linear-gradient(155deg,rgba(255,255,255,.075),rgba(3,25,45,.18));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
#homeMyCruise .my-cruise-card:not(.my-cruise-empty) .my-cruise-head>div::after{
  content:'⚓';
  position:absolute;
  right:10px;
  bottom:-11px;
  font-size:58px;
  line-height:1;
  opacity:.045;
  pointer-events:none;
}
#homeMyCruise .my-cruise-card:not(.my-cruise-empty) .my-cruise-head-status{
  position:relative;
  z-index:1;
  justify-content:space-between;
  margin:0 0 7px !important;
}
#homeMyCruise .my-cruise-card:not(.my-cruise-empty) .my-cruise-head h2{
  position:relative;
  z-index:1;
  margin:0 0 6px !important;
  font-size:clamp(25px,6.3vw,31px) !important;
  line-height:1.02 !important;
  font-weight:1000 !important;
  letter-spacing:-.025em !important;
  text-wrap:balance;
}
#homeMyCruise .my-cruise-card:not(.my-cruise-empty) .my-cruise-departure{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  max-width:100%;
  margin:0 !important;
  padding:5px 8px;
  border:1px solid rgba(137,198,235,.22);
  border-radius:999px;
  background:rgba(100,176,222,.075);
  color:#d9ecf7 !important;
  font-size:11.5px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
}

#homeMyCruise .my-cruise-card:not(.my-cruise-empty) .my-cruise-summary{
  gap:7px !important;
  margin:8px 0 2px !important;
}
#homeMyCruise .my-cruise-card:not(.my-cruise-empty) .my-cruise-summary span{
  min-height:47px;
  padding:7px 6px !important;
  border-radius:13px !important;
  border:1px solid rgba(135,195,232,.22) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(4,29,51,.18)) !important;
  color:#e8f3fa !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
  font-size:clamp(10px,2.75vw,11.5px) !important;
  line-height:1.12 !important;
  font-weight:900 !important;
}
#homeMyCruise .my-cruise-card:not(.my-cruise-empty) .my-cruise-summary span:first-child{
  border-color:rgba(240,207,114,.42) !important;
  background:linear-gradient(180deg,rgba(240,207,114,.135),rgba(185,141,38,.055)) !important;
  color:#ffedb5 !important;
}

#homeMyCruise .my-cruise-route-section{
  margin-top:15px !important;
  padding:11px 11px 12px;
  border:1px solid rgba(132,194,232,.22);
  border-radius:18px;
  background:
    radial-gradient(130px 70px at 100% 0%,rgba(240,207,114,.05),transparent 72%),
    linear-gradient(160deg,rgba(255,255,255,.055),rgba(4,27,48,.18));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
#homeMyCruise .my-cruise-route-section>h3{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 0 5px !important;
  color:#fff0bd !important;
  font-size:15px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
}
#homeMyCruise .my-cruise-route-section>h3::before{
  content:'🧭';
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  flex:0 0 25px;
  border:1px solid rgba(240,207,114,.28);
  border-radius:8px;
  background:rgba(240,207,114,.075);
  font-size:13px;
}
#homeMyCruise .my-cruise-route{
  margin:0 0 9px !important;
  color:#d5e7f1 !important;
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:780 !important;
}
#homeMyCruise .my-cruise-route-section .my-cruise-stops{
  margin-top:0 !important;
}

#homeMyCruise .my-cruise-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px !important;
  margin-top:16px !important;
  padding-top:13px;
  border-top:1px solid rgba(240,207,114,.16);
}
#homeMyCruise .my-cruise-actions .btn{
  min-height:42px;
  margin:0 !important;
  border-radius:13px !important;
  font-size:11.5px !important;
  font-weight:900 !important;
}

@media(max-width:390px){
  #homeMyCruise .my-cruise-card:not(.my-cruise-empty) .my-cruise-head>div{padding:12px 11px 11px;border-radius:16px}
  #homeMyCruise .my-cruise-card:not(.my-cruise-empty) .my-cruise-head-status{justify-content:flex-start}
  #homeMyCruise .my-cruise-card:not(.my-cruise-empty) .my-cruise-head h2{font-size:24px !important}
  #homeMyCruise .my-cruise-card:not(.my-cruise-empty) .my-cruise-departure{font-size:11px !important}
  #homeMyCruise .my-cruise-card:not(.my-cruise-empty) .my-cruise-summary{gap:6px !important}
  #homeMyCruise .my-cruise-card:not(.my-cruise-empty) .my-cruise-summary span{min-height:44px;padding:6px 4px !important;font-size:9.7px !important}
  #homeMyCruise .my-cruise-route-section{padding:10px 9px 11px;border-radius:16px}
  #homeMyCruise .my-cruise-actions{gap:6px !important}
  #homeMyCruise .my-cruise-actions .btn{font-size:11px !important;padding-left:6px !important;padding-right:6px !important}
}

/* =========================================================
   MSCxplorer v8.2.02 · Mi crucero · Portada marinera protagonista
   - Con Mi crucero activo, Inicio abre directamente con esta portada.
   - La portada ocupa el primer viewport útil; el resto queda al deslizar.
   - Ilustración local y temática náutica. Sin cambios funcionales.
   ========================================================= */
#home.my-cruise-welcome-active #homeMyCruise{margin-top:0!important}
#homeMyCruise .my-cruise-welcome-hero{
  position:relative;isolation:isolate;display:flex;flex-direction:column;
  min-height:clamp(520px,calc(100dvh - 225px),700px);padding:13px;overflow:hidden;
  border:1px solid rgba(244,207,105,.68);border-radius:22px;
  background:radial-gradient(320px 190px at 100% 0%,rgba(239,201,97,.12),transparent 72%),radial-gradient(260px 180px at 0% 100%,rgba(61,151,210,.15),transparent 74%),linear-gradient(150deg,#061b31 0%,#082b4e 52%,#0a3e68 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 32px rgba(2,18,32,.24)
}
#homeMyCruise .my-cruise-welcome-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.24;
  background:repeating-radial-gradient(ellipse at 20% 105%,transparent 0 25px,rgba(122,190,230,.16) 26px 27px,transparent 28px 42px),linear-gradient(118deg,transparent 0 62%,rgba(255,255,255,.035) 62.3% 62.7%,transparent 63% 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 28%,#000 100%)
}
#homeMyCruise .my-cruise-welcome-compass{
  position:absolute;top:18px;right:12px;width:116px;height:116px;z-index:0;opacity:.09;
  background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat;pointer-events:none
}
#homeMyCruise .my-cruise-welcome-hero .my-cruise-head{position:relative;z-index:2;margin:0!important}
#homeMyCruise .my-cruise-welcome-hero .my-cruise-head>div{width:100%;padding:2px 1px 0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#homeMyCruise .my-cruise-welcome-hero .my-cruise-head>div::after{display:none!important}
#homeMyCruise .my-cruise-welcome-hero .my-cruise-head-status{justify-content:flex-start!important;padding-right:72px;margin-bottom:9px!important}
#homeMyCruise .my-cruise-welcome-hero .eyebrow{border-color:rgba(239,201,97,.66)!important;background:rgba(245,248,251,.94)!important;box-shadow:0 4px 14px rgba(0,0,0,.10)}
#homeMyCruise .my-cruise-welcome-hero .my-cruise-head h2{margin:0 0 7px!important;color:#fff1bf!important;font-size:clamp(28px,7.2vw,36px)!important;line-height:1.02!important;letter-spacing:-.025em!important;text-shadow:0 2px 12px rgba(0,0,0,.28)}
#homeMyCruise .my-cruise-welcome-hero .my-cruise-departure{display:inline-flex!important;width:auto;max-width:100%;padding:6px 9px!important;border:1px solid rgba(152,205,237,.24)!important;border-radius:999px!important;background:rgba(6,28,49,.42)!important;color:#edf7fd!important;font-size:11.5px!important;line-height:1.2!important;font-weight:850!important;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
#homeMyCruise .my-cruise-welcome-art{
  position:relative;z-index:1;flex:1 1 auto;min-height:285px;margin:12px 0 10px;overflow:hidden;
  border:1px solid rgba(239,201,97,.46);border-radius:19px;
  background-image:linear-gradient(to bottom,rgba(5,22,39,.03) 0%,rgba(4,22,39,.08) 48%,rgba(3,18,33,.55) 79%,rgba(3,18,33,.86) 100%),url('assets/images/inicio-mi-crucero-hero-v9.0.82.webp');
  background-size:cover;background-position:center 48%;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 22px rgba(0,0,0,.18)
}
#homeMyCruise .my-cruise-welcome-art::before{content:"";position:absolute;inset:auto 0 0 0;height:42%;pointer-events:none;background:radial-gradient(120% 65% at 50% 100%,rgba(14,89,143,.28),transparent 66%),repeating-radial-gradient(ellipse at 50% 118%,transparent 0 18px,rgba(238,203,106,.11) 19px 20px,transparent 21px 34px);mix-blend-mode:screen;opacity:.7}
#homeMyCruise .my-cruise-welcome-art .my-cruise-summary{
  position:absolute;left:9px;right:9px;bottom:9px;z-index:2;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;margin:0!important;padding:7px;
  border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(3,21,38,.72);
  box-shadow:0 8px 22px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)
}
#homeMyCruise .my-cruise-welcome-art .my-cruise-summary span{display:flex!important;align-items:center;justify-content:center;min-width:0;min-height:42px;margin:0!important;padding:5px 4px!important;border:0!important;border-radius:10px!important;background:rgba(255,255,255,.055)!important;color:#f4f9fc!important;font-size:clamp(9.5px,2.5vw,11px)!important;line-height:1.15!important;font-weight:900!important;text-align:center;box-shadow:none!important}
#homeMyCruise .my-cruise-welcome-art .my-cruise-summary span:first-child{background:rgba(224,183,74,.14)!important;color:#fff0b8!important}
#homeMyCruise .my-cruise-welcome-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:31px;padding:0 2px;color:#f5e6b3}
#homeMyCruise .my-cruise-welcome-footer>span{font-size:11px;font-weight:900;letter-spacing:.01em}
#homeMyCruise .my-cruise-welcome-footer>small{color:#bcd5e4;font-size:9.5px;font-weight:800;white-space:nowrap}
@media(max-width:560px){
  #homeMyCruise .my-cruise-welcome-hero{min-height:clamp(520px,calc(100dvh - 218px),690px);padding:11px;border-radius:20px}
  #homeMyCruise .my-cruise-welcome-compass{width:92px;height:92px;top:15px;right:8px}
  #homeMyCruise .my-cruise-welcome-hero .my-cruise-head-status{padding-right:58px}
  #homeMyCruise .my-cruise-welcome-hero .my-cruise-head h2{font-size:clamp(26px,7.4vw,33px)!important}
  #homeMyCruise .my-cruise-welcome-art{min-height:300px;margin-top:11px;background-position:center 47%}
}
@media(max-width:390px){
  #homeMyCruise .my-cruise-welcome-hero{min-height:clamp(505px,calc(100dvh - 210px),650px);padding:10px}
  #homeMyCruise .my-cruise-welcome-art{min-height:276px}
  #homeMyCruise .my-cruise-welcome-art .my-cruise-summary{left:7px;right:7px;bottom:7px;gap:5px!important;padding:6px}
  #homeMyCruise .my-cruise-welcome-art .my-cruise-summary span{min-height:39px;font-size:9.3px!important;padding:4px 3px!important}
  #homeMyCruise .my-cruise-welcome-footer>span{font-size:10.5px}
  #homeMyCruise .my-cruise-welcome-footer>small{font-size:9px}
}
@media(max-width:350px){#homeMyCruise .my-cruise-welcome-art{min-height:258px}#homeMyCruise .my-cruise-welcome-footer>small{display:none}}


/* =========================================================
   MSCxplorer v8.2.03 · Flota · primera vista marinera
   Alcance: solo la portada inicial de Flota.
   No modifica la lógica, las fichas de barcos ni el ranking.
   ========================================================= */
#ships #shipListView .ship-fleet-head.ship-fleet-hero{display:grid;gap:16px;padding:18px 18px 18px;min-height:min(84vh,760px)}
#ships #shipListView .ship-fleet-head.ship-fleet-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,14,28,.10) 0%,rgba(2,14,28,.05) 28%,rgba(2,14,28,.40) 100%),radial-gradient(380px 220px at 8% 6%,rgba(255,255,255,.10),transparent 72%),radial-gradient(320px 220px at 94% 18%,rgba(216,180,83,.14),transparent 74%);z-index:0}
#ships #shipListView .ship-fleet-head.ship-fleet-hero>*{position:relative;z-index:1}
#ships #shipListView .ship-fleet-head.ship-fleet-hero>h2,#ships #shipListView .ship-fleet-head.ship-fleet-hero>.ship-fleet-lead{display:none}
#ships .ship-fleet-hero-copy{display:grid;gap:12px}
#ships .ship-fleet-hero-copy>.eyebrow{justify-self:start}
#ships .ship-fleet-hero-copy h2{margin:2px 0 0;font-size:clamp(34px,7.3vw,48px);line-height:1.02;color:#fff;letter-spacing:-.03em;text-shadow:0 8px 22px rgba(0,0,0,.18)}
#ships .ship-fleet-hero-copy .ship-fleet-lead{max-width:40rem;margin:0;font-size:1rem;color:#e6f0f8 !important;text-shadow:0 2px 12px rgba(0,0,0,.12)}
#ships .ship-fleet-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:2px}
#ships .ship-fleet-stat{display:grid;gap:3px;padding:12px 10px;border-radius:18px;border:1px solid rgba(240,207,114,.42);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.07);text-align:center}
#ships .ship-fleet-stat strong{font-size:clamp(24px,5.4vw,33px);line-height:1;color:#fff4cc;letter-spacing:-.04em}
#ships .ship-fleet-stat span{font-size:.88rem;font-weight:800;color:#d9e9f7}
#ships .ship-fleet-hero-actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:10px}
#ships .ship-fleet-scroll-hint{margin:0;font-size:.92rem;font-weight:800;color:#ffe8a8;letter-spacing:.01em}
#ships .ship-fleet-hero-art{position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(240,207,114,.58);background:linear-gradient(180deg,#0b2a46,#071a2d);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 30px rgba(3,20,38,.18);aspect-ratio:16/10}
#ships .ship-fleet-hero-art::before{content:"";position:absolute;inset:auto auto 14px 14px;width:92px;height:92px;background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat;opacity:.22;filter:drop-shadow(0 3px 8px rgba(0,0,0,.18));z-index:2;pointer-events:none}
#ships .ship-fleet-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,19,33,.06) 0%,rgba(4,19,33,0) 36%,rgba(4,19,33,.36) 100%);pointer-events:none}
#ships .ship-fleet-hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 54%}
#ships .ship-fleet-hero-sheen{position:absolute;inset:0;background:radial-gradient(340px 180px at 78% 20%,rgba(255,233,172,.18),transparent 70%);pointer-events:none}
@media (min-width:760px){#ships #shipListView .ship-fleet-head.ship-fleet-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch}#ships .ship-fleet-hero-art{aspect-ratio:auto;min-height:100%}}
@media (max-width:520px){#ships #shipListView .ship-fleet-head.ship-fleet-hero{padding:16px 16px 16px;min-height:auto}#ships .ship-fleet-stats{gap:8px}#ships .ship-fleet-stat{padding:10px 8px;border-radius:16px}#ships .ship-fleet-hero-art{border-radius:22px;aspect-ratio:4/3}}


/* =========================================================
   MSCxplorer v8.2.04 · MSCxplorer · primera vista premium
   Alcance: solo la primera vista del catálogo MSCxplorer.
   ========================================================= */
#explorer .explorer-hero-head.explorer-hero{display:grid;gap:16px;padding:18px 18px 18px;min-height:min(84vh,760px);position:relative;overflow:hidden;border:1px solid rgba(240,207,114,.90)!important;outline:1px solid rgba(255,255,255,.08);outline-offset:-5px;background:radial-gradient(300px 175px at 100% 0%,rgba(255,255,255,.10),transparent 70%),radial-gradient(320px 190px at 0% 100%,rgba(216,180,83,.11),transparent 72%),linear-gradient(145deg,#031426,#072846 54%,#0a416f)!important;box-shadow:inset 0 3px 0 rgba(255,229,160,.30),0 20px 44px rgba(3,20,38,.21)!important}
#explorer .explorer-hero-head.explorer-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,14,28,.10) 0%,rgba(2,14,28,.05) 28%,rgba(2,14,28,.40) 100%),radial-gradient(380px 220px at 8% 6%,rgba(255,255,255,.10),transparent 72%),radial-gradient(320px 220px at 94% 18%,rgba(216,180,83,.14),transparent 74%);z-index:0}
#explorer .explorer-hero-head.explorer-hero>*{position:relative;z-index:1}
#explorer .explorer-hero-copy{display:grid;gap:12px}
#explorer .explorer-hero-copy>.eyebrow{justify-self:start;width:max-content;max-width:100%;border:1px solid #ffe5a0!important;background:linear-gradient(180deg,#f2d47c,#cda345)!important;color:#102a43!important;box-shadow:0 8px 18px rgba(57,38,0,.10)!important}
#explorer .explorer-hero-copy h2{margin:2px 0 0;font-size:clamp(34px,7.3vw,48px);line-height:1.02;color:#fff;letter-spacing:-.03em;text-shadow:0 8px 22px rgba(0,0,0,.18)}
#explorer .explorer-hero-lead{max-width:40rem;margin:0;font-size:1rem;color:#e6f0f8!important;text-shadow:0 2px 12px rgba(0,0,0,.12)}
#explorer .explorer-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:2px}
#explorer .explorer-hero-stat{display:grid;gap:3px;padding:12px 10px;border-radius:18px;border:1px solid rgba(240,207,114,.42);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.07);text-align:center}
#explorer .explorer-hero-stat strong{font-size:clamp(24px,5.4vw,33px);line-height:1;color:#fff4cc;letter-spacing:-.04em}
#explorer .explorer-hero-stat span{font-size:.88rem;font-weight:800;color:#d9e9f7}
#explorer .explorer-hero-actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:10px}
#explorer .explorer-hero-scroll-hint{margin:0;font-size:.92rem;font-weight:800;color:#ffe8a8;letter-spacing:.01em}
#explorer .explorer-hero-art{position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(240,207,114,.58);background:linear-gradient(180deg,#0b2a46,#071a2d);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 30px rgba(3,20,38,.18);aspect-ratio:16/10}
#explorer .explorer-hero-art::before{content:"";position:absolute;inset:auto auto 14px 14px;width:92px;height:92px;background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat;opacity:.22;filter:drop-shadow(0 3px 8px rgba(0,0,0,.18));z-index:2;pointer-events:none}
#explorer .explorer-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,19,33,.06) 0%,rgba(4,19,33,0) 36%,rgba(4,19,33,.36) 100%);pointer-events:none}
#explorer .explorer-hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 54%}
#explorer .explorer-hero-sheen{position:absolute;inset:0;background:radial-gradient(340px 180px at 78% 20%,rgba(255,233,172,.18),transparent 70%);pointer-events:none}
#explorer .explorer-search-card{position:relative;overflow:hidden;border:1px solid rgba(240,207,114,.72)!important;outline:1px solid rgba(255,255,255,.06);outline-offset:-5px;background:radial-gradient(240px 140px at 100% 0%,rgba(255,255,255,.08),transparent 72%),linear-gradient(145deg,#04182b,#082f52 62%,#0a426f)!important;box-shadow:inset 0 2px 0 rgba(255,229,160,.18),0 16px 34px rgba(3,20,38,.16)!important;color:#fff!important}
#explorer .explorer-search-card>.eyebrow{width:max-content;max-width:100%;border:1px solid #ffe5a0!important;background:linear-gradient(180deg,#f2d47c,#cda345)!important;color:#102a43!important}
#explorer .explorer-search-card h3{margin:6px 0 8px;font-size:clamp(26px,5vw,34px);line-height:1.08;color:#fff}
#explorer .explorer-search-lead{margin:0;color:#d9ebf7!important;line-height:1.52;max-width:46rem}
#explorer .explorer-search-card .explorer-filters{margin-top:15px!important}
@media (min-width:760px){#explorer .explorer-hero-head.explorer-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch}#explorer .explorer-hero-art{aspect-ratio:auto;min-height:100%}}
@media (max-width:520px){#explorer .explorer-hero-head.explorer-hero{padding:16px 16px 16px;min-height:auto}#explorer .explorer-hero-stats{gap:8px}#explorer .explorer-hero-stat{padding:10px 8px;border-radius:16px}#explorer .explorer-hero-art{border-radius:22px;aspect-ratio:4/3}}


/* =========================================================
   MSCxplorer v8.2.06 · MSCxplorer · foto limpia
   La sección comienza directamente por la fotografía.
   No hay texto, métricas, botón ni indicación sobre la imagen.
   ========================================================= */
#explorer .explorer-hero-head.explorer-hero.explorer-hero-photo-only{
  display:block !important;
  min-height:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(240,207,114,.90) !important;
  outline:1px solid rgba(255,255,255,.08);
  outline-offset:-5px;
  background:#04182b !important;
  box-shadow:inset 0 2px 0 rgba(255,229,160,.18),0 18px 38px rgba(3,20,38,.18) !important;
}
#explorer .explorer-hero-head.explorer-hero.explorer-hero-photo-only::before,
#explorer .explorer-hero-head.explorer-hero.explorer-hero-photo-only::after{display:none !important}
#explorer .explorer-hero-photo-only .explorer-hero-art{
  width:100%;
  aspect-ratio:4/3 !important;
  min-height:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  margin:0 !important;
}
#explorer .explorer-hero-photo-only .explorer-hero-image{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 54%;
}
#explorer .explorer-search-card{margin-top:12px}
@media (max-width:520px){
  #explorer .explorer-hero-head.explorer-hero.explorer-hero-photo-only{padding:0 !important}
  #explorer .explorer-hero-photo-only .explorer-hero-art{aspect-ratio:4/3 !important;border-radius:0 !important}
}


/* =========================================================
   MSCxplorer v8.2.07 · MSCxplorer · imagen renovada
   Cambio: nueva imagen más ligera y ajuste compacto para que
   foto + buscador entren mejor en la primera pantalla.
   ========================================================= */
#explorer .explorer-hero-photo-only .explorer-hero-art{
  aspect-ratio:16/10 !important;
}
#explorer .explorer-hero-photo-only .explorer-hero-image{
  object-position:center 52% !important;
}
#explorer .explorer-search-card{
  margin-top:10px !important;
  padding:16px 16px 14px !important;
}
#explorer .explorer-search-card h3{
  margin:4px 0 6px !important;
  font-size:clamp(24px,4.8vw,32px) !important;
}
#explorer .explorer-search-lead{
  font-size:.95rem;
  line-height:1.42;
}
#explorer .explorer-search-card .explorer-filters{
  margin-top:12px !important;
}
#explorer .explorer-count-row{
  margin-top:10px !important;
}
@media (max-width:520px){
  #explorer .explorer-hero-photo-only .explorer-hero-art{aspect-ratio:16/10 !important;}
  #explorer .explorer-search-card{padding:14px 14px 12px !important;}
  #explorer .explorer-search-card h3{font-size:clamp(22px,7vw,30px) !important;}
}


/* =========================================================
   MSCxplorer v8.2.08 · imagen vertical
   Ajuste: la imagen principal de MSCxplorer pasa a tener
   una composición vertical/portrait, más coherente con la app.
   Se mantiene un bloque compacto para que foto + buscador
   sigan aprovechando mejor la primera pantalla en iPhone.
   ========================================================= */
#explorer .explorer-hero-photo-only .explorer-hero-art{
  aspect-ratio:5/6 !important;
}
#explorer .explorer-hero-photo-only .explorer-hero-image{
  object-position:center 50% !important;
}
#explorer .explorer-search-card{
  margin-top:8px !important;
  padding:14px 14px 12px !important;
}
#explorer .explorer-search-card h3{
  margin:3px 0 5px !important;
  font-size:clamp(23px,4.6vw,30px) !important;
}
#explorer .explorer-search-lead{
  font-size:.92rem;
  line-height:1.38;
}
#explorer .explorer-search-card .explorer-filters{
  margin-top:10px !important;
}
#explorer .explorer-count-row{
  margin-top:8px !important;
}
@media (max-width:520px){
  #explorer .explorer-hero-photo-only .explorer-hero-art{aspect-ratio:5/6 !important;}
  #explorer .explorer-search-card{padding:12px 12px 10px !important;}
  #explorer .explorer-search-card h3{font-size:clamp(21px,6.4vw,28px) !important;}
}


/* =========================================================
   MSCxplorer v8.2.09 · Cruceros · primera vista propia
   Portada tipo carta de navegación, sin imagen hero para
   diferenciarla de Inicio, Flota y MSCxplorer.
   ========================================================= */
#cruises .cruise-journey-hero{
  position:relative;overflow:hidden;display:grid;gap:16px;padding:18px;
  border:1px solid rgba(240,207,114,.92)!important;outline:1px solid rgba(255,255,255,.09);outline-offset:-5px;
  background:radial-gradient(300px 180px at 100% 0%,rgba(255,255,255,.10),transparent 70%),radial-gradient(320px 180px at 0% 100%,rgba(216,180,83,.10),transparent 72%),linear-gradient(145deg,#031426 0%,#072846 54%,#0a416f 100%)!important;
  box-shadow:inset 0 3px 0 rgba(255,229,160,.34),0 22px 48px rgba(3,20,38,.21)!important;color:#fff;
}
#cruises .cruise-journey-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 60%,rgba(240,207,114,.045) 60% 61%,transparent 61% 100%)}
#cruises .cruise-journey-hero>*{position:relative;z-index:1}
#cruises .cruise-journey-copy{display:grid;gap:11px}
#cruises .cruise-journey-copy>.eyebrow{justify-self:start;background:linear-gradient(180deg,#f3d77f,#d3a846)!important;color:#102a43!important;border:1px solid #ffe8a8!important}
#cruises .cruise-journey-copy h2{margin:2px 0 0;font-size:clamp(34px,7vw,48px);line-height:1.02;letter-spacing:-.03em;color:#fff;text-shadow:0 8px 22px rgba(0,0,0,.18)}
#cruises .cruise-journey-lead{margin:0;max-width:38rem;color:#deedf7;line-height:1.48;font-weight:650}
#cruises .cruise-journey-actions{display:flex;gap:8px;flex-wrap:wrap}
#cruises .cruise-route-visual{position:relative;min-height:190px;border-radius:24px;border:1px solid rgba(240,207,114,.45);overflow:hidden;background:radial-gradient(210px 130px at 76% 24%,rgba(255,226,151,.15),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
#cruises .cruise-route-visual::before{content:"";position:absolute;right:14px;top:13px;width:82px;height:82px;background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat;opacity:.16}
#cruises .cruise-route-line{position:absolute;left:9%;right:9%;top:48%;height:70px;border-top:2px dashed rgba(240,207,114,.64);border-radius:50%;transform:rotate(-4deg)}
#cruises .route-port{position:absolute;width:14px;height:14px;border-radius:50%;background:#f1d47a;border:3px solid #0a3154;box-shadow:0 0 0 2px rgba(241,212,122,.25)}
#cruises .route-port.p1{left:0;top:-8px}#cruises .route-port.p2{left:33%;top:-17px}#cruises .route-port.p3{left:66%;top:-10px}#cruises .route-port.p4{right:0;top:-3px}
#cruises .route-ship{position:absolute;left:47%;top:-48px;font-size:38px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.24));transform:rotate(3deg)}
#cruises .cruise-route-caption{position:absolute;left:16px;bottom:14px;color:#ffe9aa;font-size:.88rem;font-weight:850;letter-spacing:.02em}
#cruises .cruise-filter-card{position:relative;overflow:hidden;border:1px solid rgba(216,180,83,.68)!important;background:radial-gradient(230px 140px at 100% 0%,rgba(255,255,255,.07),transparent 72%),linear-gradient(145deg,#04182b,#082f52 62%,#0a426f)!important;box-shadow:inset 0 2px 0 rgba(255,229,160,.16),0 16px 34px rgba(3,20,38,.15)!important;color:#fff!important}
#cruises .cruise-filter-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:12px}
#cruises .cruise-filter-head .eyebrow{width:max-content;max-width:100%;margin-bottom:5px;background:linear-gradient(180deg,#f3d77f,#d3a846)!important;color:#102a43!important;border:1px solid #ffe8a8!important}
#cruises .cruise-filter-head h3{margin:0;color:#fff;font-size:clamp(23px,4.6vw,31px)}
#cruises .cruise-filter-card .filters{gap:9px;padding:12px;border:1px solid rgba(216,180,83,.26);border-radius:17px;background:rgba(255,255,255,.05)}
#cruises .cruise-filter-card label{color:#ffe6a1!important}
#cruises .cruise-filter-card input,#cruises .cruise-filter-card select{border-radius:13px!important;border:1px solid rgba(240,207,114,.60)!important;background:linear-gradient(180deg,#fff,#eef6fc)!important}
#cruises .cruise-filter-card #cruiseCount{flex:0 0 auto;background:linear-gradient(180deg,rgba(242,207,114,.17),rgba(216,180,83,.08))!important;color:#fff0bd!important;border:1px solid rgba(240,207,114,.46)}
#cruises .cruise-filter-card .cruise-toolbar{justify-content:space-between;margin-top:10px;padding-top:10px}
@media (min-width:760px){#cruises .cruise-journey-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch}}
@media (max-width:560px){#cruises .cruise-journey-hero{padding:15px;gap:13px}#cruises .cruise-route-visual{min-height:160px}#cruises .cruise-filter-head{align-items:flex-start;flex-direction:column}#cruises .cruise-filter-card{padding:14px!important}#cruises .cruise-filter-card .filters{padding:10px}}


/* =========================================================
   MSCxplorer v8.2.10 · Cruceros · portada más limpia
   Se eliminan las tres galletas Salidas / Barcos / Zonas.
   ========================================================= */
#cruises .cruise-journey-copy{gap:13px}
#cruises .cruise-journey-actions{margin-top:2px}
@media (max-width:560px){
  #cruises .cruise-journey-copy{gap:11px}
}


/* =========================================================
   MSCxplorer v8.2.11 · Cruceros · dibujo protagonista
   Ajuste: se elimina la botonera superior y la galleta del
   barquito pasa a tener más protagonismo visual.
   ========================================================= */
#cruises .cruise-journey-copy{gap:10px}
#cruises .cruise-journey-hero{gap:18px}
#cruises .cruise-route-visual{min-height:238px;border-radius:28px;background:radial-gradient(250px 150px at 72% 22%,rgba(255,226,151,.20),transparent 72%),radial-gradient(180px 120px at 14% 78%,rgba(255,255,255,.08),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 24px rgba(0,0,0,.10)}
#cruises .cruise-route-visual::before{right:18px;top:16px;width:102px;height:102px;opacity:.18}
#cruises .cruise-route-line{left:6%;right:6%;top:48%;height:92px;border-top:3px dashed rgba(240,207,114,.74);transform:rotate(-4deg)}
#cruises .route-port{width:18px;height:18px;border-width:4px;box-shadow:0 0 0 3px rgba(241,212,122,.20)}
#cruises .route-port.p1{top:-10px}#cruises .route-port.p2{top:-21px}#cruises .route-port.p3{top:-12px}#cruises .route-port.p4{top:-2px}
#cruises .route-ship{left:46%;top:-62px;font-size:58px;filter:drop-shadow(0 7px 10px rgba(0,0,0,.28));transform:rotate(4deg)}
#cruises .cruise-route-caption{left:18px;bottom:16px;font-size:.96rem;font-weight:900;letter-spacing:.02em}
@media (min-width:760px){#cruises .cruise-journey-hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center}}
@media (max-width:560px){#cruises .cruise-journey-hero{padding:15px;gap:14px}#cruises .cruise-route-visual{min-height:210px;border-radius:24px}#cruises .cruise-route-line{left:7%;right:7%;height:82px;top:50%}#cruises .route-ship{font-size:52px;top:-56px}#cruises .cruise-route-visual::before{width:92px;height:92px}}


/* =========================================================
   MSCxplorer v8.2.13 · Ranking · primera vista propia
   Alcance exclusivamente visual. Puntuaciones, categorías,
   orden y lógica del Ranking permanecen intactos.
   ========================================================= */
#ranking .ranking-showcase{
  position:relative;overflow:hidden;display:grid;gap:16px;padding:18px;
  border:1px solid rgba(240,207,114,.94)!important;outline:1px solid rgba(255,255,255,.09);outline-offset:-5px;
  background:radial-gradient(290px 170px at 100% 0%,rgba(255,255,255,.10),transparent 70%),radial-gradient(300px 180px at 0% 100%,rgba(216,180,83,.10),transparent 72%),linear-gradient(145deg,#031426 0%,#072846 54%,#0a416f 100%)!important;
  box-shadow:inset 0 3px 0 rgba(255,229,160,.34),0 22px 48px rgba(3,20,38,.21)!important;color:#fff;
}
#ranking .ranking-showcase::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 58%,rgba(240,207,114,.045) 58% 59%,transparent 59% 100%)}
#ranking .ranking-showcase>*{position:relative;z-index:1}
#ranking .ranking-showcase-copy{display:grid;align-content:center;gap:10px}
#ranking .ranking-showcase-copy>.eyebrow{justify-self:start;background:linear-gradient(180deg,#f3d77f,#d3a846)!important;color:#102a43!important;border:1px solid #ffe8a8!important}
#ranking .ranking-showcase-copy h2{margin:2px 0 0;font-size:clamp(34px,7vw,48px);line-height:1.02;letter-spacing:-.03em;color:#fff;text-shadow:0 8px 22px rgba(0,0,0,.18)}
#ranking .ranking-showcase-copy p{margin:0;max-width:38rem;color:#deedf7;line-height:1.48;font-weight:650}
#ranking .ranking-podium{position:relative;min-height:230px;display:grid;align-content:end;justify-items:center;padding:18px 18px 14px;border:1px solid rgba(240,207,114,.48);border-radius:28px;background:radial-gradient(190px 120px at 50% 10%,rgba(255,226,151,.17),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
#ranking .ranking-podium::before{content:"";position:absolute;right:14px;top:13px;width:88px;height:88px;background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat;opacity:.12}
#ranking .ranking-podium-crown{position:absolute;top:24px;left:50%;transform:translateX(-50%);font-size:52px;filter:drop-shadow(0 7px 12px rgba(0,0,0,.25))}
#ranking .ranking-podium-stage{width:min(100%,300px);height:126px;display:flex;align-items:flex-end;justify-content:center;gap:8px}
#ranking .ranking-podium-step{display:grid;place-items:center;width:29%;border:1px solid rgba(255,255,255,.22);border-bottom:0;border-radius:14px 14px 3px 3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 22px rgba(0,0,0,.14)}
#ranking .ranking-podium-step b{font-size:30px;line-height:1;font-weight:1000;text-shadow:0 2px 6px rgba(0,0,0,.13)}
#ranking .ranking-podium-step.first{height:112px;background:linear-gradient(180deg,#f4db8c,#cda344);color:#102a43;border-color:#ffe9aa}
#ranking .ranking-podium-step.second{height:82px;background:linear-gradient(180deg,#eef3f7,#b9c6d0);color:#17324a}
#ranking .ranking-podium-step.third{height:64px;background:linear-gradient(180deg,#e6b98f,#b97646);color:#203040}
#ranking .ranking-podium>small{margin-top:9px;color:#ffe9aa;font-size:.88rem;font-weight:850;letter-spacing:.02em}
#ranking .ranking-controls-card{margin-top:12px}
#ranking .ranking-controls-card::after{width:120px!important;height:120px!important;right:-25px!important;top:-24px!important;opacity:.045!important}
#ranking .ranking-controls-card>.eyebrow{margin-bottom:7px}
#ranking .ranking-controls-title{margin:4px 0 5px;color:#fff!important;font-size:clamp(23px,4.8vw,31px)}
#ranking .ranking-controls-card .ranking-help{margin:0 0 12px!important}
@media (min-width:760px){#ranking .ranking-showcase{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch}#ranking .ranking-podium{min-height:250px}}
@media (max-width:560px){#ranking .ranking-showcase{padding:15px;gap:13px}#ranking .ranking-podium{min-height:196px;border-radius:24px;padding:14px 12px 12px}#ranking .ranking-podium-crown{top:19px;font-size:44px}#ranking .ranking-podium-stage{height:106px}#ranking .ranking-podium-step.first{height:94px}#ranking .ranking-podium-step.second{height:70px}#ranking .ranking-podium-step.third{height:56px}#ranking .ranking-podium-step b{font-size:26px}#ranking .ranking-controls-card{margin-top:10px}}


/* =========================================================
   MSCxplorer v8.2.14 · Favoritos · colección de viajes
   Portada tipo cartera de viaje / tarjetas de embarque.
   Capa visual aislada: no altera persistencia ni lógica.
   ========================================================= */
#favorites>.favorites-head.favorites-vault-hero{
  display:grid;gap:18px;padding:18px;min-height:360px;align-items:center;
  border:1px solid rgba(240,207,114,.94)!important;
  outline:1px solid rgba(255,255,255,.08);outline-offset:-5px;
  background:radial-gradient(360px 220px at 100% 0%,rgba(255,255,255,.10),transparent 70%),radial-gradient(330px 210px at 0% 100%,rgba(216,180,83,.12),transparent 74%),linear-gradient(145deg,#021222,#062845 55%,#0a416f)!important;
  box-shadow:inset 0 3px 0 rgba(255,229,160,.30),0 24px 52px rgba(3,20,38,.23)!important;
}
#favorites>.favorites-head.favorites-vault-hero::after{display:none!important}
#favorites .favorites-vault-copy{position:relative;z-index:2;display:grid;gap:11px}
#favorites .favorites-vault-copy>.eyebrow{justify-self:start;background:linear-gradient(180deg,#f5db87,#d5aa48)!important;color:#102a43!important;border:1px solid #ffecb0!important}
#favorites .favorites-vault-copy h2{margin:1px 0 0!important;font-size:clamp(38px,8vw,54px)!important;line-height:.98!important;letter-spacing:-.035em!important;text-shadow:0 8px 22px rgba(0,0,0,.18)}
#favorites .favorites-vault-copy .favorites-lead{max-width:34rem;margin:0!important;color:#e1edf6!important;line-height:1.5!important;font-weight:650}
#favorites .favorites-vault-counter{display:flex;align-items:baseline;gap:9px;width:max-content;margin-top:2px;padding:8px 13px;border-radius:999px;border:1px solid rgba(240,207,114,.42);background:rgba(255,255,255,.065);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
#favorites .favorites-vault-counter strong{font-size:24px;line-height:1;color:#ffe99f}
#favorites .favorites-vault-counter span{font-size:.88rem;font-weight:850;color:#d7e9f6}
#favorites .favorites-vault-visual{position:relative;min-height:215px;perspective:900px}
#favorites .favorites-pass{position:absolute;left:50%;top:50%;width:min(300px,88%);height:166px;border-radius:22px;border:1px solid rgba(255,232,164,.68);transform-origin:center;box-shadow:0 18px 38px rgba(0,0,0,.22)}
#favorites .favorites-pass-back{background:linear-gradient(145deg,#c89a3e,#f0d17a);transform:translate(-54%,-55%) rotate(-8deg);opacity:.74}
#favorites .favorites-pass-mid{background:linear-gradient(145deg,#dfeaf2,#fff);transform:translate(-46%,-48%) rotate(7deg);opacity:.92}
#favorites .favorites-pass-front{overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto;gap:3px;padding:18px 20px;color:#fff;background:radial-gradient(170px 105px at 100% 0%,rgba(255,255,255,.12),transparent 72%),linear-gradient(135deg,#05192d,#0a365c 62%,#0d5489);transform:translate(-50%,-50%) rotate(-1deg)}
#favorites .favorites-pass-front::before{content:"";position:absolute;left:72%;top:-18px;bottom:-18px;border-left:2px dashed rgba(246,218,136,.35)}
#favorites .favorites-pass-front::after{content:"";position:absolute;right:-26px;bottom:-42px;width:128px;height:128px;background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat;opacity:.09}
#favorites .favorites-pass-kicker{font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#f5d984}
#favorites .favorites-pass-front strong{font-size:27px;line-height:1.05;letter-spacing:-.025em}
#favorites .favorites-pass-front small{font-size:12px;font-weight:700;color:#d7e8f5}
#favorites .favorites-pass-heart{position:absolute;right:20px;top:23px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#f4d87f,#cda343);color:#102a43;font-size:25px;box-shadow:0 8px 18px rgba(0,0,0,.18)}
#favorites .favorites-pass-code{align-self:end;font-size:9px;font-weight:900;letter-spacing:.12em;color:#f8e6ab}
#favorites #favoriteList{margin-top:15px}
#favorites #favoriteList>.cruise{border-radius:19px!important;border:1px solid rgba(216,180,83,.62)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 17px 36px rgba(3,20,38,.16)!important}
#favorites #favoriteList>.cruise::before{content:"♥  SELECCIÓN PERSONAL";display:block;width:max-content;max-width:100%;margin:-2px 0 12px;padding:5px 9px;border-radius:999px;border:1px solid rgba(244,216,128,.32);background:rgba(244,216,128,.075);color:#f1d47a;font-size:9px;font-weight:950;letter-spacing:.10em}
#favorites #favoriteList>.cruise::after{content:""!important;position:absolute!important;right:-24px!important;bottom:-34px!important;width:112px!important;height:112px!important;background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat!important;opacity:.055!important;transform:none!important}
@media(min-width:760px){#favorites>.favorites-head.favorites-vault-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:410px}#favorites .favorites-vault-visual{min-height:270px}#favorites .favorites-pass{width:min(360px,88%);height:198px}#favorites .favorites-pass-front{padding:22px 24px}#favorites .favorites-pass-front strong{font-size:32px}}
@media(max-width:560px){#favorites>.favorites-head.favorites-vault-hero{padding:15px;gap:13px;min-height:auto}#favorites .favorites-vault-visual{min-height:202px}#favorites .favorites-pass{width:88%;height:154px;border-radius:20px}#favorites .favorites-pass-front{padding:16px 17px}#favorites .favorites-pass-front strong{font-size:25px}#favorites .favorites-pass-heart{width:40px;height:40px;font-size:22px;right:16px;top:18px}#favorites #favoriteList{margin-top:12px}}


/* =========================================================
   MSCxplorer v8.2.15 · Favoritos · limpieza de tarjetas
   Objetivo: evitar amontonamiento en el lateral izquierdo y
   dar más aire a la cabecera de cada favorito.
   ========================================================= */
#favorites #favoriteList>.cruise{padding:16px 16px 14px !important}
#favorites #favoriteList>.cruise::before{content:"♥ SELECCIÓN MSC" !important;position:relative !important;left:auto !important;top:auto !important;right:auto !important;bottom:auto !important;display:inline-flex !important;align-items:center;gap:6px;width:auto !important;height:auto !important;max-width:100%;margin:0 0 12px !important;padding:6px 11px !important;border-radius:999px !important;border:1px solid rgba(244,216,128,.34) !important;background:rgba(244,216,128,.085) !important;color:#f1d47a !important;font-size:10px !important;font-weight:950 !important;letter-spacing:.08em !important;box-shadow:none !important;transform:none !important}
#favorites #favoriteList>.cruise::after{right:-18px !important;bottom:-26px !important;width:104px !important;height:104px !important;opacity:.05 !important}
#favorites .cruise .cruise-card-head{display:grid !important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding-bottom:12px;margin-bottom:2px;border-bottom:1px solid rgba(212,180,91,.22)}
#favorites .cruise .cruise-card-title-wrap{display:grid;gap:4px;min-width:0}
#favorites .cruise .cruise-card-kicker{margin:0 !important}
#favorites .cruise h3{font-size:clamp(22px,4.9vw,28px) !important}
#favorites .cruise .cruise-card-go-msc{margin:0 0 0 auto !important}
#favorites .cruise .cruise-card-go-msc .go-msc-pill{min-width:98px;justify-content:center}
#favorites .cruise-card-meta-row{margin:12px 0 6px !important;gap:8px !important}
#favorites .cruise .my-cruise-list-badge{margin:8px 0 3px !important}
#favorites .cruise-card-route{margin:12px 0 !important}
#favorites .cruise-card-actions{margin-top:2px !important}
@media(max-width:560px){#favorites #favoriteList>.cruise{padding:15px 14px 13px !important}#favorites .cruise .cruise-card-head{gap:10px;padding-bottom:10px}#favorites .cruise .cruise-card-go-msc .go-msc-pill{min-width:92px;padding:7px 10px}#favorites .cruise h3{font-size:clamp(20px,7vw,26px) !important}#favorites .cruise-card-meta-row{gap:7px !important}}


/* =========================================================
   MSCxplorer v8.2.16 · Ranking audaz e innovador
   Capa visual: hero más potente, controles tipo centro de mando
   y tarjetas de ranking con jerarquía más teatral.
   ========================================================= */
#ranking .ranking-showcase{position:relative;overflow:hidden;isolation:isolate;display:grid;gap:18px;padding:22px;border-radius:30px!important;background:radial-gradient(460px 240px at 0% 0%,rgba(245,215,127,.16),transparent 60%),radial-gradient(380px 220px at 100% 100%,rgba(10,110,184,.18),transparent 62%),linear-gradient(145deg,#031321 0%,#082a47 48%,#0d4c7d 100%)!important;border:1px solid rgba(242,205,103,.62)!important;box-shadow:inset 0 2px 0 rgba(255,232,164,.22),0 24px 50px rgba(3,20,38,.24)!important}
#ranking .ranking-showcase::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 32%,rgba(255,255,255,.12),transparent 0 22%),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.022) 34px 35px),repeating-linear-gradient(0deg,transparent 0 34px,rgba(255,255,255,.022) 34px 35px);opacity:.95}
#ranking .ranking-showcase::after{content:"";position:absolute;right:-70px;top:-50px;width:250px;height:250px;border-radius:50%;border:1px solid rgba(242,205,103,.14);box-shadow:0 0 0 18px rgba(242,205,103,.05),0 0 0 42px rgba(242,205,103,.03);opacity:.8;pointer-events:none}
#ranking .ranking-showcase>*{position:relative;z-index:1}
#ranking .ranking-showcase-copy{display:grid;align-content:center;gap:11px}
#ranking .ranking-showcase-copy>.eyebrow{justify-self:start;padding:8px 12px!important;background:linear-gradient(180deg,#f6da87,#d3a846)!important;color:#102a43!important;border:1px solid #ffe8a8!important;box-shadow:0 8px 18px rgba(0,0,0,.16)}
#ranking .ranking-showcase-copy h2{margin:2px 0 0!important;font-size:clamp(38px,8vw,56px)!important;line-height:.98!important;letter-spacing:-.038em!important;color:#fff!important;text-shadow:0 12px 26px rgba(0,0,0,.24)}
#ranking .ranking-showcase-copy p{margin:0!important;max-width:42rem;color:#dcecf7!important;line-height:1.55!important;font-weight:660}
#ranking .ranking-podium{position:relative;min-height:270px;border-radius:28px;padding:18px 16px 14px;display:grid;align-content:end;justify-items:center;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;border:1px solid rgba(242,205,103,.32)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 32px rgba(0,0,0,.18)!important;backdrop-filter:blur(2px)}
#ranking .ranking-podium::before{content:"";position:absolute;inset:12px;border-radius:22px;background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.12),transparent 0 19%),radial-gradient(circle at 50% 76%,rgba(242,205,103,.08),transparent 0 36%);border:1px dashed rgba(242,205,103,.18);pointer-events:none}
#ranking .ranking-podium::after{content:"";position:absolute;left:50%;top:50%;width:170px;height:170px;transform:translate(-50%,-56%);border-radius:50%;border:1px solid rgba(242,205,103,.12);box-shadow:0 0 0 16px rgba(242,205,103,.05),0 0 0 34px rgba(242,205,103,.025);pointer-events:none}
#ranking .ranking-podium-crown{top:18px!important;font-size:50px!important;text-shadow:0 14px 26px rgba(0,0,0,.26)}
#ranking .ranking-podium-stage{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;width:100%;height:134px}
#ranking .ranking-podium-step{position:relative;display:grid;place-items:center;border-radius:20px 20px 10px 10px;border:1px solid rgba(255,232,164,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 24px rgba(0,0,0,.18);overflow:hidden}
#ranking .ranking-podium-step::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 45%)}
#ranking .ranking-podium-step b{position:relative;z-index:1;font-size:30px;color:#102a43;text-shadow:none}
#ranking .ranking-podium-step.first{height:118px;background:linear-gradient(180deg,#ffe8a5,#d5a83d)!important}
#ranking .ranking-podium-step.second{height:88px;background:linear-gradient(180deg,#f1f6fb,#b7c4cf)!important}
#ranking .ranking-podium-step.third{height:72px;background:linear-gradient(180deg,#efc7aa,#bf7e54)!important}
#ranking .ranking-podium small{margin-top:14px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(242,205,103,.28);color:#e6f1f8;font-weight:840;letter-spacing:.04em}
#ranking .ranking-controls-card{position:relative;overflow:hidden;border-radius:28px!important;padding:20px!important;background:radial-gradient(300px 180px at 100% 0%,rgba(242,205,103,.12),transparent 60%),linear-gradient(145deg,#05203a 0%,#0a3459 70%,#0d4674 100%)!important;border:1px solid rgba(242,205,103,.62)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.10),0 18px 40px rgba(3,20,38,.18)!important}
#ranking .ranking-controls-card::before{content:"";position:absolute;inset:auto -36px -54px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(242,205,103,.12),transparent 60%);pointer-events:none}
#ranking .ranking-controls-card>*{position:relative;z-index:1}
#ranking .ranking-controls-card>.eyebrow{justify-self:start;margin-bottom:8px;background:rgba(255,255,255,.09)!important;color:#fff4cf!important;border:1px solid rgba(242,205,103,.40)!important}
#ranking .ranking-controls-title,#ranking #rankingHeading{color:#fff!important}
#ranking .ranking-controls-title{margin:0 0 4px!important;font-size:clamp(28px,5vw,36px)!important;line-height:1.03!important;letter-spacing:-.026em}
#ranking .ranking-controls-card .ranking-help{margin:0 0 14px!important;color:#d9e9f6!important;line-height:1.5!important}
#ranking #rankingCategoryButtons{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
#ranking #rankingCategoryButtons .btn,#ranking #rankingCategoryButtons button{min-height:42px;padding:10px 14px!important;border-radius:999px!important;border:1px solid rgba(242,205,103,.36)!important;background:rgba(255,255,255,.08)!important;color:#eff7fc!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
#ranking #rankingCategoryButtons .btn.active,#ranking #rankingCategoryButtons button.active,#ranking #rankingCategoryButtons .btn[aria-pressed="true"],#ranking #rankingCategoryButtons button[aria-pressed="true"]{background:linear-gradient(180deg,#f3d77f,#d2a746)!important;color:#102a43!important;border-color:#ffe6a3!important;box-shadow:0 10px 18px rgba(0,0,0,.16),0 0 0 2px rgba(242,205,103,.14)}
#ranking #rankingHeading{margin:0 0 4px!important;font-size:clamp(24px,4.8vw,31px)!important;line-height:1.05!important}
#ranking #rankingSummary{margin:0 0 12px!important;color:#d9e9f6!important;font-weight:700!important}
#ranking .ranking-focus-summary{margin:10px 0 2px!important;padding:14px 15px 14px 16px!important;border-radius:18px!important;border:1px solid rgba(255,232,164,.42)!important;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
#ranking .ranking-focus-summary strong{font-size:18px!important;color:#fff4cf!important}
#ranking .ranking-focus-summary span{color:#ecf5fb!important}
#ranking #rankingList{display:grid;gap:16px;margin-top:16px}
#ranking #rankingList>.global-rank-card,#ranking #rankingList>.thematic-visual-card,#ranking #rankingList>.thematic-unclassified{position:relative;overflow:hidden;isolation:isolate;padding:16px!important;border-radius:26px!important;background:radial-gradient(240px 140px at 100% 0%,rgba(255,255,255,.08),transparent 60%),linear-gradient(145deg,#041a2e 0%,#0a3255 68%,#0c4c7a 100%)!important;border:1px solid rgba(242,205,103,.46)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.08),0 18px 34px rgba(3,20,38,.18)!important}
#ranking #rankingList>.global-rank-card::after,#ranking #rankingList>.thematic-visual-card::after{content:"";position:absolute;right:-24px;bottom:-34px;width:116px;height:116px;border-radius:50%;background:radial-gradient(circle,rgba(242,205,103,.09),transparent 60%);pointer-events:none}
#ranking #rankingList>.global-rank-card>* ,#ranking #rankingList>.thematic-visual-card>*{position:relative;z-index:1}
#ranking .global-rank-head,#ranking .thematic-rank-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding-bottom:12px;border-bottom:1px solid rgba(242,205,103,.20)}
#ranking .ranking-ship-heading h3{display:block!important;margin:0!important;font-size:clamp(21px,4.6vw,28px)!important;line-height:1.06!important;color:#fff!important}
#ranking .ranking-ship-link{display:inline-flex!important;align-items:center;gap:8px;border:0!important;padding:0!important;background:transparent!important;color:#fff!important;font:inherit!important;text-align:left!important}
#ranking .ranking-ship-link .ranking-ship-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(242,205,103,.16);border:1px solid rgba(242,205,103,.34)}
#ranking .global-rank-score,#ranking .thematic-rank-score{min-width:86px;min-height:86px;padding:10px 12px;border-radius:24px!important;background:linear-gradient(180deg,#f4d87e,#d3a846)!important;border:1px solid #ffe8ac!important;box-shadow:0 14px 26px rgba(0,0,0,.18)!important;color:#102a43!important;display:grid;align-content:center;justify-items:center;text-align:center}
#ranking .global-rank-score strong,#ranking .thematic-rank-score strong{font-size:30px!important;line-height:1;color:#102a43!important}
#ranking .global-rank-score small,#ranking .thematic-rank-score small{font-size:11px!important;font-weight:950!important;letter-spacing:.08em;text-transform:uppercase;color:#17324a!important}
#ranking #rankingList>.global-rank-card>.meta,#ranking #rankingList>.thematic-visual-card>.meta{margin:12px 0 8px!important;color:#d9e9f6!important;font-weight:750!important;line-height:1.45!important}
#ranking #rankingList>.global-rank-card>.route,#ranking #rankingList>.thematic-visual-card>.route{margin:0 0 12px!important;padding:13px 14px!important;border-radius:16px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(242,205,103,.24)!important;color:#f4f8fb!important;font-weight:720!important;line-height:1.5!important}
#ranking .global-rank-strengths{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;margin-top:12px}
#ranking .global-rank-strengths span,#ranking .thematic-rank-support span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.08)!important;border:1px solid rgba(242,205,103,.24)!important;color:#edf6fb!important;font-weight:760}
#ranking .global-rank-strengths b,#ranking .thematic-rank-support b{color:#fff3c4!important}
#ranking .thematic-rank-support{margin-top:12px}
#ranking .global-rank-actions,#ranking .thematic-card-foot{margin-top:12px!important;padding-top:12px!important;border-top:1px solid rgba(242,205,103,.18)!important}
#ranking .global-rank-actions .btn,#ranking .thematic-card-foot .btn{background:rgba(255,255,255,.09)!important;color:#fff!important;border:1px solid rgba(242,205,103,.34)!important}
#ranking .ranking-why{margin-top:12px!important;border-radius:16px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(242,205,103,.26)!important;padding:13px!important}
#ranking .ranking-why strong,#ranking .ranking-why b,#ranking .ranking-why p,#ranking .ranking-why .muted{color:#ecf6fb!important}
#ranking .ranking-focus-card{border-color:#ffe8a5!important;box-shadow:0 0 0 2px rgba(242,205,103,.18),inset 0 2px 0 rgba(255,255,255,.10),0 18px 34px rgba(3,20,38,.22)!important}
#ranking .ranking-focus-badge{display:inline-flex!important;align-items:center;gap:6px;margin:0 0 12px;padding:7px 12px;border-radius:999px;background:linear-gradient(180deg,#f4d87e,#d3a846)!important;color:#102a43!important;border:1px solid #ffe7a2!important;font-size:11px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase;box-shadow:0 10px 18px rgba(0,0,0,.16)}
#ranking .global-rank-top1,#ranking .thematic-rank-top1{background:radial-gradient(250px 160px at 100% 0%,rgba(255,232,164,.16),transparent 58%),linear-gradient(145deg,#05182b 0%,#0a3558 58%,#0d5684 100%)!important;border-color:#ffe8a5!important;box-shadow:0 0 0 2px rgba(242,205,103,.14),inset 0 2px 0 rgba(255,255,255,.10),0 24px 42px rgba(3,20,38,.24)!important}
#ranking .global-rank-top2,#ranking .thematic-rank-top2{border-color:rgba(230,238,245,.62)!important}
#ranking .global-rank-top3:not(.global-rank-top1):not(.global-rank-top2),#ranking .thematic-rank-top3:not(.thematic-rank-top1):not(.thematic-rank-top2){border-color:rgba(239,201,170,.58)!important}
#ranking .global-rank-top1::before,#ranking .global-rank-top2::before,#ranking .global-rank-top3::before,#ranking .thematic-rank-top1::before,#ranking .thematic-rank-top2::before,#ranking .thematic-rank-top3::before{left:16px!important;top:-11px!important;padding:7px 12px!important;border-radius:999px!important;font-size:11px!important;letter-spacing:.08em!important;font-weight:950!important;box-shadow:0 8px 18px rgba(0,0,0,.18)}
#ranking .global-rank-top1 .global-rank-score,#ranking .thematic-rank-top1 .thematic-rank-score{transform:translateY(-2px) scale(1.02)}
#ranking .thematic-unclassified .muted{color:#dbe9f4!important}
@media(min-width:760px){#ranking .ranking-showcase{grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);align-items:stretch}#ranking #rankingList>.global-rank-card,#ranking #rankingList>.thematic-visual-card,#ranking #rankingList>.thematic-unclassified{padding:18px 18px 16px!important}}
@media(max-width:560px){#ranking .ranking-showcase{padding:16px!important;gap:14px}#ranking .ranking-showcase-copy h2{font-size:clamp(34px,10vw,46px)!important}#ranking .ranking-podium{min-height:206px;padding:14px 12px 12px}#ranking .ranking-podium-crown{font-size:44px!important;top:18px!important}#ranking .ranking-podium-stage{height:108px;gap:9px}#ranking .ranking-podium-step.first{height:92px}#ranking .ranking-podium-step.second{height:72px}#ranking .ranking-podium-step.third{height:58px}#ranking .ranking-controls-card{padding:16px!important}#ranking .global-rank-head,#ranking .thematic-rank-head{grid-template-columns:minmax(0,1fr);gap:10px}#ranking .global-rank-score,#ranking .thematic-rank-score{min-width:78px;min-height:78px;justify-self:start}#ranking .global-rank-strengths{grid-template-columns:1fr}#ranking .ranking-focus-badge{margin-bottom:10px}#ranking #rankingList{gap:14px}}


/* =========================================================
   MSCxplorer v8.2.17 · Ranking · fluidez iPhone + galletas compactas
   Corrige nested scrolling y reduce coste de pintura sin perder
   la identidad visual audaz de v8.2.16.
   ========================================================= */
/* El panel no debe convertirse en un scroll interno en iOS. */
#ranking{
  overflow-x:clip !important;
  overflow-y:visible !important;
  touch-action:pan-y !important;
  overscroll-behavior-x:none;
}
#ranking #rankingList{
  overflow-x:clip !important;
  overflow-y:visible !important;
  touch-action:pan-y !important;
}
#ranking .ranking-showcase,
#ranking .ranking-controls-card,
#ranking #rankingList>.card{
  touch-action:pan-y !important;
}
#ranking button{touch-action:manipulation !important}
/* No hay carruseles internos en las fortalezas: todo envuelve dentro de la tarjeta. */
#ranking #rankingList .global-rank-strengths,
#ranking #rankingList .thematic-rank-support{
  overflow:visible !important;
  width:100% !important;
}
#ranking .global-rank-strengths{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
/* Galletas de categoría: 4 + 4 en iPhone moderno, finas y estables. */
#ranking #rankingCategoryButtons.thematic-tabs{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:6px !important;
  padding:7px !important;
  margin:10px 0 12px !important;
  overflow:visible !important;
}
#ranking #rankingCategoryButtons .thematic-tab{
  min-width:0 !important;
  min-height:42px !important;
  height:auto !important;
  padding:6px 4px !important;
  border-radius:11px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  font-size:15px !important;
  line-height:1 !important;
  white-space:normal !important;
  transform:none !important;
}
#ranking #rankingCategoryButtons .thematic-tab span{
  display:block;
  max-width:100%;
  font-size:10.5px !important;
  line-height:1.08 !important;
  font-weight:850 !important;
  letter-spacing:-.01em;
  text-align:center;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
#ranking #rankingCategoryButtons .thematic-tab.active{
  outline:0 !important;
  transform:none !important;
  box-shadow:0 5px 12px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.45) !important;
}
/* Menos peso gráfico durante el scroll. */
#ranking .ranking-podium{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
#ranking .ranking-showcase{box-shadow:inset 0 1px 0 rgba(255,232,164,.20),0 14px 30px rgba(3,20,38,.18) !important}
#ranking .ranking-controls-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 26px rgba(3,20,38,.15) !important}
#ranking #rankingList>.global-rank-card,
#ranking #rankingList>.thematic-visual-card,
#ranking #rankingList>.thematic-unclassified{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 22px rgba(3,20,38,.14) !important;
}
#ranking .global-rank-score,#ranking .thematic-rank-score{
  box-shadow:0 8px 16px rgba(0,0,0,.14) !important;
}
/* Las insignias TOP quedan dentro de la tarjeta: sin recortes ni salto vertical. */
#ranking .global-rank-top1,#ranking .global-rank-top2,#ranking .global-rank-top3,
#ranking .thematic-rank-top1,#ranking .thematic-rank-top2,#ranking .thematic-rank-top3{
  padding-top:42px !important;
}
#ranking .global-rank-top1::before,#ranking .global-rank-top2::before,#ranking .global-rank-top3::before,
#ranking .thematic-rank-top1::before,#ranking .thematic-rank-top2::before,#ranking .thematic-rank-top3::before{
  top:12px !important;
  left:16px !important;
}
@media(max-width:560px){
  #ranking .ranking-showcase{padding:14px !important;gap:12px !important;border-radius:24px !important}
  #ranking .ranking-podium{min-height:184px !important;border-radius:20px !important}
  #ranking .ranking-controls-card{padding:14px !important;border-radius:22px !important}
  #ranking .ranking-controls-title{font-size:26px !important}
  #ranking #rankingCategoryButtons.thematic-tabs{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:5px !important;padding:6px !important}
  #ranking #rankingCategoryButtons .thematic-tab{min-height:40px !important;padding:5px 3px !important;border-radius:10px !important}
  #ranking #rankingCategoryButtons .thematic-tab span{font-size:10px !important}
  #ranking #rankingList{gap:12px !important;margin-top:12px !important}
  #ranking #rankingList>.global-rank-card,#ranking #rankingList>.thematic-visual-card,#ranking #rankingList>.thematic-unclassified{padding:14px !important;border-radius:21px !important}
  #ranking .global-rank-top1,#ranking .global-rank-top2,#ranking .global-rank-top3,#ranking .thematic-rank-top1,#ranking .thematic-rank-top2,#ranking .thematic-rank-top3{padding-top:40px !important}
  #ranking .global-rank-strengths{grid-template-columns:1fr !important}
}
@media(max-width:370px){
  #ranking #rankingCategoryButtons.thematic-tabs{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  #ranking #rankingCategoryButtons .thematic-tab{min-height:38px !important;flex-direction:row !important;gap:5px !important}
  #ranking #rankingCategoryButtons .thematic-tab span{font-size:10.5px !important}
}


/* =========================================================
   MSCxplorer v8.2.18 · Ranking · alineación de cabecera
   Corrección: el badge TOP no puede tapar la posición y el
   bloque de puntuación debe quedarse en la esquina sup. derecha.
   ========================================================= */
#ranking .global-rank-head,#ranking .thematic-rank-head{grid-template-columns:minmax(0,1fr) auto !important;align-items:start !important}
#ranking .global-rank-score,#ranking .thematic-rank-score{justify-self:end !important;align-self:start !important;margin-top:0 !important}
#ranking .ranking-ship-heading{min-width:0}
#ranking .ranking-ship-heading h3{display:flex !important;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0}
#ranking .ranking-ship-link{min-width:0;max-width:100%}
#ranking .global-rank-top1,#ranking .global-rank-top2,#ranking .global-rank-top3,#ranking .thematic-rank-top1,#ranking .thematic-rank-top2,#ranking .thematic-rank-top3{padding-top:58px !important}
#ranking .global-rank-top1::before,#ranking .global-rank-top2::before,#ranking .global-rank-top3::before,#ranking .thematic-rank-top1::before,#ranking .thematic-rank-top2::before,#ranking .thematic-rank-top3::before{top:12px !important;left:16px !important;z-index:4 !important}
@media(max-width:560px){#ranking .global-rank-head,#ranking .thematic-rank-head{grid-template-columns:minmax(0,1fr) auto !important;gap:10px !important}#ranking .global-rank-score,#ranking .thematic-rank-score{min-width:76px !important;min-height:76px !important;justify-self:end !important;align-self:start !important}#ranking .global-rank-top1,#ranking .global-rank-top2,#ranking .global-rank-top3,#ranking .thematic-rank-top1,#ranking .thematic-rank-top2,#ranking .thematic-rank-top3{padding-top:62px !important}#ranking .global-rank-top1::before,#ranking .global-rank-top2::before,#ranking .global-rank-top3::before,#ranking .thematic-rank-top1::before,#ranking .thematic-rank-top2::before,#ranking .thematic-rank-top3::before{top:10px !important;left:14px !important}}


/* =========================================================
   MSCxplorer v8.2.19 · Ranking · sin badges TOP 1/2/3
   ========================================================= */
#ranking .global-rank-top1::before,
#ranking .global-rank-top2::before,
#ranking .global-rank-top3::before,
#ranking .thematic-rank-top1::before,
#ranking .thematic-rank-top2::before,
#ranking .thematic-rank-top3::before{content:none !important;display:none !important}
#ranking .global-rank-top1,
#ranking .global-rank-top2,
#ranking .global-rank-top3,
#ranking .thematic-rank-top1,
#ranking .thematic-rank-top2,
#ranking .thematic-rank-top3{padding-top:16px !important}
@media(max-width:560px){
  #ranking .global-rank-top1,
  #ranking .global-rank-top2,
  #ranking .global-rank-top3,
  #ranking .thematic-rank-top1,
  #ranking .thematic-rank-top2,
  #ranking .thematic-rank-top3{padding-top:14px !important}
}


/* =========================================================
   MSCxplorer v8.2.20 · Comparador · duelo de cruceros
   Capa visual; no altera selección ni lógica.
   ========================================================= */
#compare .compare-arena-head{
  position:relative;overflow:hidden;isolation:isolate;display:grid;gap:18px;padding:20px!important;
  border-radius:30px!important;border:1px solid rgba(242,205,103,.68)!important;
  background:radial-gradient(360px 220px at 0% 0%,rgba(245,215,127,.14),transparent 62%),radial-gradient(340px 220px at 100% 100%,rgba(10,111,184,.18),transparent 64%),linear-gradient(145deg,#031321 0%,#072a48 52%,#0b4c7c 100%)!important;
  box-shadow:inset 0 2px 0 rgba(255,232,164,.20),0 24px 48px rgba(3,20,38,.23)!important
}
#compare .compare-arena-head::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.7%,rgba(242,205,103,.09) 49.7% 50.3%,transparent 50.3%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 0 19%)}
#compare .compare-arena-head::after{display:none!important}
#compare .compare-arena-head>*{position:relative;z-index:1}
#compare .compare-arena-copy{display:grid;align-content:center;gap:10px}
#compare .compare-arena-copy>.eyebrow{justify-self:start;background:linear-gradient(180deg,#f4d980,#d2a746)!important;color:#102a43!important;border:1px solid #ffe8aa!important}
#compare .compare-arena-copy h2{margin:2px 0 0!important;font-size:clamp(38px,8vw,54px)!important;line-height:.98!important;letter-spacing:-.035em!important;color:#fff!important;text-shadow:0 10px 24px rgba(0,0,0,.22)}
#compare .compare-arena-copy>.muted{margin:0!important;max-width:38rem;color:#dcecf7!important;line-height:1.52!important;font-weight:650}
#compare .compare-head-actions{margin-top:3px!important;justify-content:flex-start!important;gap:10px!important}
#compare .compare-head-actions .btn.secondary{background:rgba(255,255,255,.09)!important;border:1px solid rgba(242,205,103,.42)!important;color:#fff!important}
#compare #compareCount{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08)!important;color:#fff0bd!important;border:1px solid rgba(242,205,103,.40)!important}
#compare .compare-arena-visual{position:relative;min-height:230px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:22px 16px 40px;border-radius:28px;border:1px solid rgba(242,205,103,.32);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 28px rgba(0,0,0,.16)}
#compare .compare-arena-visual::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(242,205,103,.58),transparent)}
#compare .compare-arena-ship{position:relative;z-index:2;display:grid;place-items:center;font-size:64px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.26))}
#compare .compare-arena-ship.left{transform:rotate(-4deg)}
#compare .compare-arena-ship.right{transform:scaleX(-1) rotate(-4deg)}
#compare .compare-arena-vs{position:relative;z-index:3;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:linear-gradient(180deg,#f6dc8c,#d0a13c);border:1px solid #ffedb8;color:#102a43;font-size:23px;font-weight:1000;letter-spacing:.04em;box-shadow:0 12px 24px rgba(0,0,0,.24),0 0 0 8px rgba(242,205,103,.07)}
#compare .compare-arena-route{position:absolute;left:13%;right:13%;top:50%;height:78px;border-top:2px dashed rgba(242,205,103,.32);border-radius:50%;transform:translateY(-12%) rotate(-3deg)}
#compare .compare-arena-visual small{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:#ffe7a7;font-weight:850;letter-spacing:.03em}
#compare #compareList{margin-top:16px}
#compare .compare-mobile-grid{gap:16px!important}
#compare .compare-cruise-card{position:relative;overflow:hidden;isolation:isolate;padding:16px!important;border-radius:26px!important;background:radial-gradient(250px 150px at 100% 0%,rgba(255,255,255,.08),transparent 64%),linear-gradient(145deg,#041a2e 0%,#0a3255 68%,#0d4d7a 100%)!important;border:1px solid rgba(242,205,103,.48)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.08),0 18px 34px rgba(3,20,38,.18)!important}
#compare .compare-cruise-card::before{content:""!important;position:absolute!important;right:-26px!important;top:56px!important;width:120px!important;height:120px!important;background:url('assets/decor-v8.1.27/ship-wheel.svg') center/contain no-repeat!important;opacity:.045!important;pointer-events:none}
#compare .compare-card-slot{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:0 0 11px;padding:6px 10px;border-radius:999px;background:rgba(242,205,103,.10);border:1px solid rgba(242,205,103,.34);color:#f6dc8a;font-size:10px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
#compare .compare-card-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding-bottom:12px!important;border-bottom:1px solid rgba(242,205,103,.20)!important}
#compare .compare-card-head h3{margin:3px 0 0!important;font-size:clamp(23px,5vw,29px)!important;line-height:1.05!important;color:#fff!important}
#compare .compare-card-head .meta{margin:0!important;color:#d7e9f6!important;font-weight:750}
#compare .compare-remove{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;color:#fff3c7!important;border:1px solid rgba(242,205,103,.38)!important}
#compare .compare-cruise-card>.meta{display:inline-flex;margin:12px 0 8px!important;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(242,205,103,.20);color:#dcecf7!important;font-weight:760}
#compare .compare-cruise-card>.route{margin:0 0 12px!important;padding:13px 14px!important;border-radius:16px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(242,205,103,.24)!important;color:#f4f8fb!important;font-weight:720!important;line-height:1.48!important}
#compare .compare-key{margin:12px 0!important;padding:12px 14px!important;border-radius:18px!important;background:linear-gradient(180deg,#f4d87e,#d2a746)!important;border:1px solid #ffe9ad!important;color:#102a43!important;box-shadow:0 12px 22px rgba(0,0,0,.16)!important}
#compare .compare-key span,#compare .compare-key b{color:#102a43!important}
#compare .compare-key b{font-size:25px!important}
#compare .compare-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#compare .compare-theme-row{min-height:44px;padding:9px 10px!important;border-radius:14px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(242,205,103,.22)!important}
#compare .compare-theme-row span{color:#edf6fb!important;font-weight:760!important}
#compare .compare-theme-row b{color:#fff2bd!important;font-size:16px!important}
#compare .compare-card-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid rgba(242,205,103,.18)!important}
#compare .compare-card-actions .btn{width:100%!important}
@media(min-width:760px){#compare .compare-arena-head{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:stretch}.compare-mobile-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))!important}}
@media(max-width:560px){#compare .compare-arena-head{padding:16px!important;gap:14px}#compare .compare-arena-copy h2{font-size:clamp(34px,10vw,46px)!important}#compare .compare-arena-visual{min-height:190px;padding:18px 10px 36px}#compare .compare-arena-ship{font-size:52px}#compare .compare-arena-vs{width:58px;height:58px;font-size:20px}#compare .compare-cruise-card{padding:15px 14px!important}.compare-theme-grid{grid-template-columns:1fr 1fr!important}.compare-card-actions{grid-template-columns:1fr 1fr!important}}
@media(max-width:370px){#compare .compare-theme-grid{grid-template-columns:1fr!important}#compare .compare-card-actions{grid-template-columns:1fr!important}}


/* =========================================================
   MSCxplorer v8.2.21 · II Guerra Mundial · dossier histórico
   Capa visual aislada. No altera datos, búsquedas ni enlaces.
   ========================================================= */
#wwii{position:relative;isolation:isolate;overflow:visible!important}
#wwii::before{inset:-18px -14px 0!important;background:radial-gradient(520px 280px at 4% 0%,rgba(12,84,137,.10),transparent 70%),radial-gradient(460px 260px at 97% 14%,rgba(216,180,83,.08),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 34%)!important}
#wwii .wwii-archive-hero{position:relative;overflow:hidden;isolation:isolate;display:grid;gap:18px;padding:20px;border-radius:30px!important;border:1px solid rgba(230,199,119,.74)!important;background:radial-gradient(420px 240px at 0% 0%,rgba(225,197,125,.13),transparent 62%),radial-gradient(380px 220px at 100% 100%,rgba(13,94,151,.18),transparent 65%),linear-gradient(145deg,#041420 0%,#0a2b44 54%,#0e496d 100%)!important;box-shadow:inset 0 2px 0 rgba(255,235,184,.18),0 24px 50px rgba(3,20,38,.23)!important;color:#fff!important}
#wwii .wwii-archive-hero::before{content:"";position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(90deg,transparent 0 42px,rgba(255,255,255,.025) 42px 43px),repeating-linear-gradient(0deg,transparent 0 42px,rgba(255,255,255,.025) 42px 43px),linear-gradient(118deg,transparent 0 58%,rgba(230,199,119,.04) 58% 59%,transparent 59% 100%);pointer-events:none}
#wwii .wwii-archive-hero>*{position:relative;z-index:1}
#wwii .wwii-archive-copy{display:grid;align-content:center;gap:9px}
#wwii .wwii-archive-copy>.eyebrow{justify-self:start;width:max-content;max-width:100%;padding:8px 12px!important;border:1px solid rgba(255,235,184,.80)!important;background:linear-gradient(180deg,#ead08b,#c5a351)!important;color:#162d3c!important;box-shadow:0 8px 18px rgba(0,0,0,.15)}
#wwii .wwii-years{display:flex;align-items:center;gap:9px;margin-top:2px;color:#edd795;font-weight:950;letter-spacing:.11em;font-size:12px}
#wwii .wwii-years i{font-style:normal;opacity:.68}
#wwii .wwii-archive-copy h2{display:block!important;margin:0!important;font-size:clamp(36px,7.2vw,54px)!important;line-height:.98!important;letter-spacing:-.04em!important;color:#fff!important;text-shadow:0 12px 26px rgba(0,0,0,.24)}
#wwii .wwii-archive-copy h2::before{display:none!important}
#wwii .wwii-archive-copy p{margin:2px 0 0;max-width:42rem;color:#dbe9f2!important;line-height:1.55;font-weight:650}
#wwii .wwii-archive-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}
#wwii .wwii-archive-tags span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;border:1px solid rgba(230,199,119,.30);background:rgba(255,255,255,.055);color:#f1e4bd;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
#wwii .wwii-archive-visual{position:relative;min-height:245px;overflow:hidden;border-radius:26px;border:1px solid rgba(230,199,119,.34);background:radial-gradient(220px 150px at 78% 24%,rgba(225,197,125,.14),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 30px rgba(0,0,0,.16)}
#wwii .wwii-map-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 31px,rgba(230,199,119,.055) 31px 32px),repeating-linear-gradient(0deg,transparent 0 31px,rgba(230,199,119,.055) 31px 32px);mask-image:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.30));-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.30))}
#wwii .wwii-map-route{position:absolute;left:8%;right:8%;top:48%;height:72px;transform:rotate(-5deg)}
#wwii .wwii-route-line{position:absolute;left:0;right:0;top:50%;border-top:2px dashed rgba(235,209,144,.58);border-radius:50%;height:54px}
#wwii .wwii-route-dot{position:absolute;z-index:2;width:15px;height:15px;border-radius:50%;background:#e2c475;border:3px solid #123a55;box-shadow:0 0 0 2px rgba(226,196,117,.20)}
#wwii .wwii-route-dot.d1{left:2%;top:33%}#wwii .wwii-route-dot.d2{left:32%;top:15%}#wwii .wwii-route-dot.d3{left:63%;top:26%}#wwii .wwii-route-dot.d4{right:1%;top:45%}
#wwii .wwii-coordinate{position:absolute;padding:5px 8px;border-radius:8px;background:rgba(3,20,32,.52);border:1px solid rgba(230,199,119,.18);color:#d9c991;font-size:9px;font-weight:900;letter-spacing:.09em}
#wwii .wwii-coordinate.c1{left:12px;top:12px}#wwii .wwii-coordinate.c2{right:12px;top:12px}
#wwii .wwii-archive-seal{position:absolute;left:16px;bottom:15px;display:grid;gap:1px;padding:10px 12px;border:2px solid rgba(226,196,117,.40);border-radius:12px;transform:rotate(-4deg);background:rgba(4,20,32,.34);color:#ead59a;text-transform:uppercase;box-shadow:0 8px 20px rgba(0,0,0,.10)}
#wwii .wwii-archive-seal span{font-size:8px;font-weight:950;letter-spacing:.16em}#wwii .wwii-archive-seal strong{font-size:17px;line-height:1}#wwii .wwii-archive-seal small{font-size:7px;font-weight:900;letter-spacing:.10em}
#wwii .wwii-archive-compass{position:absolute;right:-24px;bottom:-26px;width:150px;height:150px;background:url('assets/decor-v8.1.27/compass-rose.svg') center/contain no-repeat;opacity:.14;filter:sepia(.6) saturate(.8)}
#wwii .wwii-search-panel{position:relative;overflow:hidden;margin-top:12px;padding:17px;border-radius:25px!important;border:1px solid rgba(216,180,83,.58)!important;background:radial-gradient(260px 150px at 100% 0%,rgba(255,255,255,.07),transparent 72%),linear-gradient(145deg,#061b2e,#0a3356 68%,#0d4773)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 34px rgba(3,20,38,.15)!important;color:#fff!important}
#wwii .wwii-search-panel>.eyebrow{width:max-content;max-width:100%;margin-bottom:7px;border:1px solid rgba(255,232,164,.54)!important;background:rgba(255,255,255,.08)!important;color:#f3dfaa!important}
#wwii .wwii-search-panel h3{margin:0 0 5px;color:#fff!important;font-size:clamp(24px,4.6vw,31px)!important;letter-spacing:-.02em}
#wwii .wwii-search-panel>.muted{margin:0;color:#d8e8f3!important;line-height:1.48}
#wwii .wwii-search-panel .wwii-search-frame{margin-top:13px;padding:11px;border-radius:16px;border:1px solid rgba(216,180,83,.25);background:rgba(255,255,255,.05)}
#wwii .wwii-search-panel .wwii-search-frame label{color:#e8d08e!important}
#wwii .wwii-search-panel .wwii-search-frame input{min-height:48px;border-radius:13px!important;border:1px solid rgba(230,199,119,.58)!important;background:linear-gradient(180deg,#fff,#eef5fa)!important;color:#173b57!important;box-shadow:inset 0 1px 0 #fff,0 6px 14px rgba(0,0,0,.06)!important}
#wwii .wwii-search-panel .wwii-count-row{display:flex;justify-content:flex-end;margin:10px 0 0}
#wwii .wwii-search-panel #wwiiCount{border:1px solid rgba(230,199,119,.44)!important;background:rgba(255,255,255,.08)!important;color:#f2e2b3!important}
#wwii .wwii-grid{gap:15px;margin-top:15px}
#wwii .wwii-file-card{position:relative;overflow:hidden;isolation:isolate;padding:17px 17px 15px!important;border-radius:24px!important;border:1px solid rgba(216,180,83,.52)!important;background:radial-gradient(220px 130px at 100% 0%,rgba(255,255,255,.065),transparent 68%),linear-gradient(145deg,#051928 0%,#0a304e 66%,#0d466c 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 32px rgba(3,20,38,.15)!important}
#wwii .wwii-file-card::before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:5px!important;background:linear-gradient(180deg,#e5cb83,#a98537 72%,rgba(169,133,55,.24))!important;z-index:1!important}
#wwii .wwii-file-card::after{right:-30px!important;bottom:-36px!important;width:122px!important;height:122px!important;opacity:.035!important}
#wwii .wwii-file-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding-bottom:11px;border-bottom:1px solid rgba(216,180,83,.19)}
#wwii .wwii-file-head>div:first-child{min-width:0}
#wwii .wwii-file-head .wwii-card-kicker{margin:0 0 6px}
#wwii .wwii-file-head h3{margin:0!important;padding:0!important;border:0!important;color:#fff!important;font-size:clamp(20px,4.5vw,25px)!important;line-height:1.08;letter-spacing:-.018em}
#wwii .wwii-file-ref{display:grid;justify-items:center;min-width:64px;padding:7px 8px;border-radius:14px;border:1px solid rgba(230,199,119,.34);background:rgba(255,255,255,.06);color:#e9d69e}
#wwii .wwii-file-ref span{font-size:7px;font-weight:950;letter-spacing:.13em}#wwii .wwii-file-ref b{font-size:22px;line-height:1;color:#f0dc9d}
#wwii .wwii-file-card .wwii-card-meta{margin-top:11px}
#wwii .wwii-file-card .wwii-card-meta span{background:rgba(255,255,255,.055);border-color:rgba(216,180,83,.26);color:#e6f0f6}
#wwii .wwii-file-card .wwii-score-row{margin-top:10px;padding-top:10px;border-top:1px solid rgba(216,180,83,.16)}
#wwii .wwii-file-card .wwii-card-history{margin-top:11px;padding:11px 0 0 13px!important;border-top:1px solid rgba(216,180,83,.16)!important;color:#dceaf3!important;line-height:1.58;text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}
#wwii .wwii-file-card .wwii-card-actions{margin-top:12px;padding-top:11px;border-top:1px solid rgba(216,180,83,.16)}
#wwii .wwii-file-card .wwii-card-actions .btn.secondary{min-height:40px;border-radius:12px!important;border:1px solid rgba(255,235,184,.74)!important;background:linear-gradient(180deg,#ead08b,#c5a351)!important;color:#162d3c!important;font-weight:950!important;box-shadow:0 8px 16px rgba(0,0,0,.12)!important}
@media(min-width:760px){#wwii .wwii-archive-hero{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:stretch}#wwii .wwii-archive-visual{min-height:300px}}
@media(max-width:560px){#wwii .wwii-archive-hero{padding:15px;gap:14px;border-radius:24px!important}#wwii .wwii-archive-copy h2{font-size:clamp(33px,10vw,44px)!important}#wwii .wwii-archive-visual{min-height:205px;border-radius:22px}#wwii .wwii-archive-compass{width:126px;height:126px;right:-22px;bottom:-25px}#wwii .wwii-archive-seal{left:12px;bottom:12px;padding:8px 10px}#wwii .wwii-search-panel{padding:14px;border-radius:21px!important}#wwii .wwii-file-card{padding:15px 14px 13px!important;border-radius:21px!important}#wwii .wwii-file-head{gap:10px}#wwii .wwii-file-ref{min-width:58px;padding:6px 7px}#wwii .wwii-file-ref b{font-size:20px}#wwii .wwii-score-row{gap:6px}#wwii .wwii-score-row .badge{font-size:10px;padding:6px 5px}}


/* =========================================================
   MSCxplorer v8.2.22 · II Guerra Mundial · imagen Normandía
   Integra la ilustración del desembarco en la primera vista.
   ========================================================= */
#wwii .wwii-archive-hero{background:radial-gradient(480px 260px at 0% 0%,rgba(225,197,125,.14),transparent 60%),radial-gradient(380px 220px at 100% 100%,rgba(13,94,151,.15),transparent 65%),linear-gradient(145deg,#041420 0%,#09263d 54%,#0c3b5a 100%)!important}
#wwii .wwii-archive-visual{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 16px 30px rgba(0,0,0,.20)!important}
#wwii .wwii-archive-visual::before{content:"";position:absolute;inset:0;background-image:url('assets/wwii-v8.2.22/normandy-landing-v8.2.22.webp');background-size:cover;background-position:center center;filter:saturate(.85) contrast(1.05) brightness(.88);transform:scale(1.02)}
#wwii .wwii-archive-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,20,32,.16),rgba(4,20,32,.12) 28%,rgba(4,20,32,.42) 100%),radial-gradient(220px 160px at 82% 22%,rgba(225,197,125,.18),transparent 68%)}
#wwii .wwii-map-grid{opacity:.52}
#wwii .wwii-map-route{opacity:.55}
#wwii .wwii-coordinate{background:rgba(3,20,32,.62);border-color:rgba(230,199,119,.28);color:#f0ddb0}
#wwii .wwii-archive-seal{background:rgba(4,20,32,.52);border-color:rgba(226,196,117,.56);box-shadow:0 10px 24px rgba(0,0,0,.20)}
#wwii .wwii-archive-compass{opacity:.18;filter:sepia(.7) saturate(.9)}
@media(max-width:560px){#wwii .wwii-archive-visual{min-height:228px!important;background-position:center center!important}#wwii .wwii-map-grid{opacity:.42}#wwii .wwii-map-route{opacity:.42}}


/* =========================================================
   MSCxplorer v8.2.23 · II Guerra Mundial · archivo inmersivo
   Segundo pulido visual: panel de búsqueda y fichas internas
   con estética de expediente / dossier histórico.
   ========================================================= */
#wwii .wwii-search-panel{position:relative;overflow:hidden;padding:22px 20px 20px!important;border-radius:28px!important;border:1px solid rgba(230,199,119,.62)!important;background:radial-gradient(340px 180px at 100% 0%,rgba(230,199,119,.12),transparent 62%),linear-gradient(160deg,#09243a 0%,#10375a 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 34px rgba(0,0,0,.16)!important}
#wwii .wwii-search-panel::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 46px,rgba(255,255,255,.018) 46px 47px),repeating-linear-gradient(0deg,transparent 0 46px,rgba(255,255,255,.018) 46px 47px);pointer-events:none}
#wwii .wwii-search-panel>*{position:relative;z-index:1}
#wwii .wwii-search-panel .eyebrow{justify-self:start;width:max-content;max-width:100%;padding:8px 12px!important;border:1px solid rgba(255,235,184,.8)!important;background:linear-gradient(180deg,#ead08b,#c5a351)!important;color:#162d3c!important;box-shadow:0 8px 18px rgba(0,0,0,.14)}
#wwii .wwii-search-panel h3{font-size:clamp(26px,5vw,36px)!important;line-height:1.04!important;letter-spacing:-.03em!important;margin:2px 0 0!important;color:#fff!important}
#wwii .wwii-search-panel .muted{color:#d7e5f0!important;font-weight:650}
#wwii .wwii-search-frame{padding:14px 14px 16px!important;border-radius:22px!important;border:1px solid rgba(230,199,119,.30)!important;background:rgba(4,20,32,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
#wwii .wwii-search-frame label{color:#f0ddb0!important;font-weight:900;letter-spacing:.05em;text-transform:uppercase;font-size:11px}
#wwii .wwii-search-frame input{border-radius:18px!important;border:2px solid rgba(230,199,119,.52)!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,248,250,.98))!important;box-shadow:0 8px 16px rgba(0,0,0,.08)!important;color:#13344d!important;font-weight:800}
#wwii .wwii-count-row .badge{border:1px solid rgba(230,199,119,.35)!important;background:rgba(255,255,255,.07)!important;color:#f1e4bd!important}
#wwii .wwii-grid{gap:16px}
#wwii .wwii-file-card{position:relative;overflow:hidden;padding:18px 16px 15px!important;border-radius:26px!important;border:1px solid rgba(230,199,119,.48)!important;background:radial-gradient(280px 160px at 100% 0%,rgba(230,199,119,.08),transparent 58%),linear-gradient(165deg,#0a2b44 0%,#123a5d 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 34px rgba(0,0,0,.14)!important}
#wwii .wwii-file-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:linear-gradient(180deg,#e4c47d,#b38b3b 54%,#efd59a)}
#wwii .wwii-file-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 18% 82%,rgba(255,255,255,.018));pointer-events:none}
#wwii .wwii-file-card>*{position:relative;z-index:1}
#wwii .wwii-file-head{gap:12px!important}
#wwii .wwii-file-ref{border-radius:16px!important;border:1px solid rgba(230,199,119,.38)!important;background:rgba(4,20,32,.36)!important;color:#f0ddb0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
#wwii .wwii-file-ref span,#wwii .wwii-file-ref small{color:#f0ddb0!important}
#wwii .wwii-file-title h3{font-size:clamp(22px,4.8vw,30px)!important;line-height:1.05!important;letter-spacing:-.03em!important}
#wwii .wwii-file-subtitle{color:#d7e4ee!important;font-weight:700}
#wwii .wwii-score-row .badge{border:1px solid rgba(230,199,119,.3)!important;background:rgba(255,255,255,.06)!important;color:#f0ddb0!important}
#wwii .wwii-file-desc{color:#f8fbfd!important;line-height:1.58!important}
#wwii .wwii-file-links a{border-radius:15px!important;border:1px solid rgba(230,199,119,.34)!important;background:rgba(4,20,32,.32)!important;color:#fff!important;box-shadow:0 10px 18px rgba(0,0,0,.10)}
#wwii .wwii-file-links a:hover{transform:translateY(-1px);background:rgba(255,255,255,.10)!important}
@media(max-width:560px){#wwii .wwii-search-panel{padding:16px 14px 15px!important;border-radius:23px!important}#wwii .wwii-search-panel h3{font-size:clamp(24px,8vw,32px)!important}#wwii .wwii-file-card{padding:15px 14px 13px 16px!important;border-radius:22px!important}#wwii .wwii-file-card::before{width:6px}#wwii .wwii-file-title h3{font-size:clamp(20px,6.2vw,27px)!important}}


/* =========================================================
   MSCxplorer v8.2.24 · Archivo Histórico premium
   Acabado integral: hero + búsqueda + expedientes + pergamino
   interior para dar sensación de documento histórico real.
   ========================================================= */
#wwii{padding-bottom:8px}
#wwii .wwii-archive-hero{margin-bottom:14px!important}
#wwii .wwii-archive-visual{border-color:rgba(237,211,148,.46)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 34px rgba(0,0,0,.22)!important}
#wwii .wwii-archive-visual::after{background:linear-gradient(180deg,rgba(4,20,32,.10),rgba(4,20,32,.14) 42%,rgba(4,20,32,.54) 100%),radial-gradient(240px 170px at 82% 18%,rgba(229,203,137,.20),transparent 68%)!important}
#wwii .wwii-archive-seal{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
#wwii .wwii-search-panel{margin-top:0!important;margin-bottom:16px!important}
#wwii .wwii-search-panel::after{content:"ARCHIVO · MSCXPLORER";position:absolute;right:18px;bottom:14px;color:rgba(237,211,148,.13);font-size:10px;font-weight:950;letter-spacing:.18em;pointer-events:none}
#wwii .wwii-grid{position:relative;display:grid!important;gap:18px!important;padding-top:4px}
#wwii .wwii-grid::before{content:"EXPEDIENTES";display:block;grid-column:1/-1;margin:0 0 -4px;padding:0 3px 9px;border-bottom:1px solid rgba(178,145,66,.24);color:#9e7d31;font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
#wwii .wwii-file-card{padding:18px 17px 16px!important;border-radius:27px!important;border-color:rgba(230,199,119,.56)!important;background:radial-gradient(270px 160px at 100% 0%,rgba(231,207,151,.10),transparent 60%),linear-gradient(160deg,#09273e 0%,#0e3555 72%,#124364 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 36px rgba(5,30,48,.16)!important}
#wwii .wwii-file-card::before{width:0!important;background:none!important}
#wwii .wwii-file-card::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 18% 82%,rgba(255,255,255,.018))!important;pointer-events:none!important}
#wwii .wwii-file-head{position:relative;padding:0 0 13px!important;border-bottom:1px solid rgba(231,207,151,.24)!important}
#wwii .wwii-card-kicker{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;border:1px solid rgba(231,207,151,.30);background:rgba(255,255,255,.055);color:#eedca9!important;font-size:10px!important;font-weight:950!important;letter-spacing:.07em;text-transform:uppercase}
#wwii .wwii-file-head h3{margin-top:8px!important;color:#fff!important;text-shadow:0 4px 14px rgba(0,0,0,.18)}
#wwii .wwii-file-ref{position:relative;min-width:68px!important;padding:8px 9px 9px!important;border-radius:16px!important;border:1px solid #efd899!important;background:linear-gradient(180deg,#f0d895,#c8a755)!important;color:#16354b!important;box-shadow:0 9px 18px rgba(0,0,0,.15)!important}
#wwii .wwii-file-ref::after{content:"";position:absolute;right:-1px;bottom:-1px;width:16px;height:16px;background:linear-gradient(135deg,rgba(255,255,255,.7) 0 49%,rgba(117,88,28,.16) 50% 100%);clip-path:polygon(0 100%,100% 0,100% 100%);border-radius:0 0 14px 0}
#wwii .wwii-file-ref span{color:#2a4659!important;font-size:7px!important}
#wwii .wwii-file-ref b{color:#17364a!important;font-size:23px!important}
#wwii .wwii-card-meta{display:flex!important;flex-wrap:wrap;gap:7px!important;margin:12px 0 0!important}
#wwii .wwii-card-meta span{display:inline-flex;align-items:center;min-height:31px;padding:6px 9px;border-radius:999px!important;border:1px solid rgba(231,207,151,.24)!important;background:rgba(255,255,255,.055)!important;color:#e8f1f6!important;font-size:11px;font-weight:800}
#wwii .wwii-score-row{display:flex!important;flex-wrap:wrap;gap:7px!important;margin:10px 0 0!important;padding:0!important;border:0!important}
#wwii .wwii-score-row .badge{min-height:30px!important;padding:6px 9px!important;border-radius:999px!important;border:1px solid rgba(231,207,151,.28)!important;background:rgba(4,20,32,.26)!important;color:#f0dfaf!important;font-size:10.5px!important;font-weight:900!important}
#wwii .wwii-card-history{position:relative;margin:14px 0 0!important;padding:19px 18px 18px!important;border:1px solid rgba(166,129,53,.38)!important;border-radius:18px!important;background:linear-gradient(180deg,#f5e7bf 0%,#ead6a2 100%)!important;color:#263a46!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 10px 20px rgba(0,0,0,.10)!important;line-height:1.62!important;text-align:justify!important;text-justify:inter-word!important;hyphens:auto;-webkit-hyphens:auto;font-weight:650}
#wwii .wwii-card-history::before{content:"DOCUMENTO HISTÓRICO";display:block;position:static!important;width:auto!important;height:auto!important;margin:0 0 10px!important;padding:0 0 8px!important;border-bottom:1px solid rgba(91,68,25,.20);background:none!important;color:#7a5b20!important;font-size:9px!important;font-weight:950!important;letter-spacing:.15em!important;text-transform:uppercase!important}
#wwii .wwii-card-history::after{content:"";position:absolute;right:0;top:0;width:24px;height:24px;background:linear-gradient(135deg,rgba(255,255,255,.85) 0 49%,rgba(139,105,39,.16) 50% 100%);clip-path:polygon(0 0,100% 0,100% 100%);border-radius:0 17px 0 0}
#wwii .wwii-card-actions{margin-top:12px!important;padding-top:0!important;border:0!important}
#wwii .wwii-card-actions .btn.secondary{width:100%!important;justify-content:center!important;min-height:44px!important;border-radius:14px!important;border:1px solid #f0dc9f!important;background:linear-gradient(180deg,#ead08b,#c5a351)!important;color:#17364a!important;font-weight:950!important;box-shadow:0 9px 18px rgba(0,0,0,.13)!important}
#wwii .wwii-card-actions .btn.secondary::after{content:" ↗";font-weight:950}
#wwii .empty{border:1px solid rgba(230,199,119,.42)!important;background:linear-gradient(160deg,#0a2942,#103a5d)!important;color:#e8f1f6!important}
@media(min-width:760px){#wwii .wwii-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))!important}#wwii .wwii-file-card{align-self:start}}
@media(max-width:560px){#wwii .wwii-grid{gap:15px!important}#wwii .wwii-grid::before{margin-bottom:-2px;padding-bottom:8px}#wwii .wwii-file-card{padding:15px 14px 14px!important;border-radius:23px!important}#wwii .wwii-file-head{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}#wwii .wwii-file-ref{min-width:60px!important;padding:7px 8px 8px!important}#wwii .wwii-file-ref b{font-size:20px!important}#wwii .wwii-card-history{padding:16px 15px 15px!important;border-radius:16px!important;line-height:1.56!important}#wwii .wwii-card-history::after{width:20px;height:20px;border-radius:0 15px 0 0}#wwii .wwii-card-meta span,#wwii .wwii-score-row .badge{font-size:10px!important}}


/* =========================================================
   MSCxplorer v8.2.25 · Archivo Histórico · contraste corregido
   El documento interior usa papel marfil claro y texto marino.
   Esta capa vence explícitamente la antigua regla global que
   forzaba todos los párrafos de #wwii .card a color blanco.
   ========================================================= */
#wwii .card .wwii-card-history{
  background:linear-gradient(180deg,#fffaf0 0%,#f6edd8 100%) !important;
  border-color:rgba(132,104,49,.30) !important;
  color:#17364a !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 20px rgba(0,0,0,.10) !important;
  font-weight:700 !important;
}
#wwii .card .wwii-card-history,
#wwii .card .wwii-card-history p,
#wwii .card .wwii-card-history span,
#wwii .card .wwii-card-history b,
#wwii .card .wwii-card-history strong,
#wwii .card .wwii-card-history em,
#wwii .card .wwii-card-history a{
  color:#17364a !important;
}
#wwii .card .wwii-card-history::before{
  color:#72551f !important;
  border-bottom-color:rgba(91,68,25,.22) !important;
}
#wwii .card .wwii-card-history::after{
  background:linear-gradient(135deg,rgba(255,255,255,.96) 0 49%,rgba(132,104,49,.13) 50% 100%) !important;
}


/* =========================================================
   MSCxplorer v8.2.35 · Mi crucero · Próxima escala precisa
   No estima escalas durante el viaje cuando faltan fechas exactas.
   Mantiene intactas las 9 galletas de acceso rápido.
   ========================================================= */
#homeMyCruise .my-cruise-next-precision{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 7px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  color:#d7e6f1;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
#homeMyCruise .my-cruise-next-precision.exact{
  border-color:rgba(102,194,139,.34);
  background:rgba(45,137,86,.17);
  color:#d9f7e4;
}
#homeMyCruise .my-cruise-next-card.before-undated{
  border-color:rgba(132,194,236,.50)!important;
}
#homeMyCruise .my-cruise-next-uncertain{
  border-color:rgba(132,194,236,.46)!important;
  background:
    radial-gradient(220px 130px at 100% 0%,rgba(115,196,244,.10),transparent 70%),
    linear-gradient(145deg,rgba(7,38,68,.98),rgba(9,55,91,.96))!important;
}
#homeMyCruise .my-cruise-next-uncertain h3{
  margin:7px 0 4px!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.12!important;
}
#homeMyCruise .my-cruise-next-uncertain .my-cruise-next-smart-note{
  margin-top:6px!important;
}
@media(max-width:390px){
  #homeMyCruise .my-cruise-next-meta{gap:4px!important}
  #homeMyCruise .my-cruise-next-precision{font-size:9.5px;padding:4px 6px}
}


/* =========================================================
   MSCxplorer v8.2.39 · Mi crucero · Mis excursiones organizadas
   Agenda cronológica compacta. No modifica datos de excursiones.
   ========================================================= */
#homeMyCruise .my-cruise-excursion-agenda{margin-top:20px!important;padding-top:17px!important;border-top:1px solid rgba(240,207,114,.20)!important}
#homeMyCruise .my-cruise-excursion-agenda .my-cruise-section-title small{max-width:62%;text-align:right}
#homeMyCruise .my-cruise-excursion-agenda .my-cruise-excursion-list{gap:10px!important}
#homeMyCruise .my-cruise-excursion-agenda .my-cruise-excursion{
  display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;gap:11px!important;align-items:center!important;
  padding:11px 12px 11px 14px!important;border-radius:19px!important;border:1px solid rgba(240,207,114,.28)!important;
  background:radial-gradient(150px 90px at 100% 0%,rgba(240,207,114,.06),transparent 72%),linear-gradient(180deg,rgba(18,57,89,.82),rgba(9,40,67,.88))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important
}
#homeMyCruise .my-cruise-excursion-agenda .my-cruise-excursion::before{top:9px!important;bottom:9px!important;width:3px!important}
#homeMyCruise .my-cruise-excursion-agenda .my-cruise-excursion.current{border-color:rgba(240,207,114,.68)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(240,207,114,.12)!important}
#homeMyCruise .my-cruise-excursion-agenda .my-cruise-excursion.next{border-color:rgba(123,200,154,.52)!important}
#homeMyCruise .my-cruise-excursion-agenda .my-cruise-excursion.done{opacity:.82}
#homeMyCruise .my-cruise-excursion-date{width:56px;min-height:64px;display:grid;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;padding:7px 4px;border-radius:15px;border:1px solid rgba(240,207,114,.34);background:linear-gradient(180deg,rgba(240,207,114,.16),rgba(255,255,255,.045));color:#fff5d3;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
#homeMyCruise .my-cruise-excursion-date small{font-size:8px;line-height:1;font-weight:950;letter-spacing:.08em;color:#dbeaf4}
#homeMyCruise .my-cruise-excursion-date b{font-size:24px;line-height:1;font-weight:950;color:#ffe7a0}
#homeMyCruise .my-cruise-excursion-date span{font-size:9px;line-height:1;font-weight:950;letter-spacing:.06em;color:#fff}
#homeMyCruise .my-cruise-excursion-date.undated{border-style:dashed;opacity:.78}
#homeMyCruise .my-cruise-excursion-agenda .my-cruise-excursion-copy{display:block!important;padding:0!important;min-width:0}
#homeMyCruise .my-cruise-excursion-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;min-width:0}
#homeMyCruise .my-cruise-excursion-head>b{font-size:15px!important;line-height:1.15!important;color:#fff!important}
#homeMyCruise .my-cruise-excursion-status{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:3px 8px;border-radius:999px;border:1px solid rgba(184,214,236,.28);background:rgba(255,255,255,.065);color:#dcecf7;font-size:9px;font-weight:950;white-space:nowrap}
#homeMyCruise .my-cruise-excursion-status.current{background:rgba(240,207,114,.17);border-color:rgba(240,207,114,.50);color:#ffe8a5}
#homeMyCruise .my-cruise-excursion-status.next{background:rgba(123,200,154,.14);border-color:rgba(123,200,154,.44);color:#d9f5e4}
#homeMyCruise .my-cruise-excursion-status.done{background:rgba(255,255,255,.055);color:#bdccd7}
#homeMyCruise .my-cruise-excursion-agenda .my-cruise-excursion-copy p{margin:6px 0 0!important;font-size:13px!important;line-height:1.34!important;color:#edf6fc!important;font-weight:780!important}
#homeMyCruise .my-cruise-excursion-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
#homeMyCruise .my-cruise-excursion-meta span{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:999px;border:1px solid rgba(132,194,236,.20);background:rgba(255,255,255,.045);color:#dcebf5;font-size:9px;font-weight:850;white-space:nowrap}
#homeMyCruise .my-cruise-excursion-agenda .my-cruise-excursion-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;min-width:180px!important}
#homeMyCruise .my-cruise-excursion-agenda .my-cruise-excursion-actions .btn{min-height:40px!important;padding:7px 9px!important;border-radius:12px!important;font-size:11px!important;font-weight:900!important;text-decoration:none!important}
@media(max-width:560px){
 #homeMyCruise .my-cruise-excursion-agenda .my-cruise-section-title{align-items:flex-start}
 #homeMyCruise .my-cruise-excursion-agenda .my-cruise-section-title small{max-width:58%;font-size:10px!important;line-height:1.25;text-align:right}
 #homeMyCruise .my-cruise-excursion-agenda .my-cruise-excursion{grid-template-columns:56px minmax(0,1fr)!important;gap:10px!important;padding:11px 11px 10px 13px!important}
 #homeMyCruise .my-cruise-excursion-agenda .my-cruise-excursion-actions{grid-column:1/-1;min-width:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:1px}
 #homeMyCruise .my-cruise-excursion-agenda .my-cruise-excursion-actions .btn{width:100%!important}
}
@media(max-width:365px){#homeMyCruise .my-cruise-excursion-agenda .my-cruise-excursion{grid-template-columns:50px minmax(0,1fr)!important}#homeMyCruise .my-cruise-excursion-date{width:50px;min-height:60px}#homeMyCruise .my-cruise-excursion-date b{font-size:22px}}

/* =========================================================
   MSCxplorer v8.2.39 · previsión real prioritaria
   La climatología permanece como referencia y, dentro de 14 días,
   la previsión real pasa a ocupar la información principal.
   ========================================================= */
#homeMyCruise .my-cruise-weather-row.live-candidate{
  border-color:rgba(116,201,238,.48)!important;
  background:linear-gradient(145deg,rgba(8,44,72,.98),rgba(9,62,96,.98))!important;
}
#homeMyCruise .my-cruise-weather-badge.live{
  color:#eaf8ff!important;
  background:rgba(54,157,207,.20)!important;
  border-color:rgba(126,211,247,.48)!important;
}
#homeMyCruise .my-cruise-live-source{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:1px;
  padding-left:3px;
  font-size:9.5px;
  line-height:1.25;
  color:#cfeaf8;
}
#homeMyCruise .my-cruise-live-source[hidden]{display:none!important}
#homeMyCruise .my-cruise-live-source a{
  color:#fff1b8;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}
#homeMyCruise .my-cruise-live-climate-ref{
  display:block;
  margin-top:2px;
  padding-left:3px;
  color:#b9cfdb!important;
  font-size:9.5px!important;
  line-height:1.28;
}
#homeMyCruise .my-cruise-scale-live{
  margin-top:9px;
  padding:9px 10px;
  border-radius:14px;
  border:1px solid rgba(126,211,247,.34);
  background:rgba(50,154,205,.10);
  color:#eaf8ff;
}
#homeMyCruise .my-cruise-scale-live>span{
  display:block;
  font-size:11px;
  font-weight:850;
}
#homeMyCruise .my-cruise-live-weather-values{
  display:grid;
  grid-template-columns:1.2fr .8fr 1fr;
  gap:6px;
  align-items:center;
}
#homeMyCruise .my-cruise-live-weather-values>*{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  padding:5px 7px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.06);
  color:#f4fbff;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
#homeMyCruise .my-cruise-scale-live p{
  margin:7px 0 3px!important;
  color:#eef9ff!important;
  font-size:11px!important;
  line-height:1.35!important;
}
#homeMyCruise .my-cruise-scale-live small{
  color:#c8e5f4!important;
  font-size:9px!important;
}
#homeMyCruise .my-cruise-plan-weather.live{
  color:#e7f8ff!important;
  border-left-color:#72c9ed!important;
}
@media(max-width:560px){
  #homeMyCruise .my-cruise-live-source{font-size:9px}
  #homeMyCruise .my-cruise-live-weather-values{gap:4px}
  #homeMyCruise .my-cruise-live-weather-values>*{padding:5px 5px;font-size:9.5px}
}
@media(max-width:370px){
  #homeMyCruise .my-cruise-live-weather-values{grid-template-columns:1fr 1fr}
  #homeMyCruise .my-cruise-live-weather-values strong{grid-column:1/-1}
}


/* =========================================================
   MSCxplorer v8.2.42 · Mi crucero · Preparación personal estable
   Checklist local y compacto. No modifica las 9 galletas.
   ========================================================= */
#homeMyCruise .my-cruise-personal-prep{margin-top:13px}
#homeMyCruise .my-cruise-personal-prep>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.075);border:1px solid rgba(212,180,91,.36);cursor:pointer;color:#fff}
#homeMyCruise .my-cruise-personal-prep>summary::-webkit-details-marker{display:none}
#homeMyCruise .my-cruise-personal-prep>summary span{font-size:15px;font-weight:950}
#homeMyCruise .my-cruise-personal-prep>summary small{color:#cfe2ef;font-size:10.5px;font-weight:900;text-align:right}
#homeMyCruise .my-cruise-personal-prep.complete>summary{border-color:rgba(111,194,143,.58);background:rgba(31,102,68,.22)}
#homeMyCruise .my-cruise-personal-prep[open]>summary{margin-bottom:8px}
#homeMyCruise .my-cruise-personal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#homeMyCruise .my-cruise-personal-item{appearance:none;-webkit-appearance:none;width:100%;min-width:0;display:grid;grid-template-columns:18px 22px minmax(0,1fr);align-items:start;gap:8px;min-height:68px;padding:10px 11px;border-radius:14px;border:1px solid rgba(132,194,236,.26);background:linear-gradient(180deg,rgba(17,62,97,.72),rgba(5,33,56,.88));color:#fff;text-align:left;font:inherit;cursor:pointer;touch-action:manipulation;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
#homeMyCruise .my-cruise-personal-item.done{border-color:rgba(111,194,143,.62);background:linear-gradient(180deg,rgba(19,71,80,.78),rgba(7,44,57,.92))}
#homeMyCruise .my-cruise-personal-item:active{transform:translateY(1px);filter:brightness(1.04)}
#homeMyCruise .my-cruise-personal-check{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(207,226,239,.72);color:#e9f5fd;font-size:10.5px;font-weight:950;line-height:1;margin-top:2px;background:rgba(3,24,42,.36)}
#homeMyCruise .my-cruise-personal-item.done .my-cruise-personal-check{background:#dff4e7;border-color:#dff4e7;color:#145838}
#homeMyCruise .my-cruise-personal-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.09);font-size:13px;line-height:1;margin-top:1px}
#homeMyCruise .my-cruise-personal-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
#homeMyCruise .my-cruise-personal-copy b{font-size:11px;line-height:1.16;color:#fff;font-weight:950}
#homeMyCruise .my-cruise-personal-copy small{font-size:9px;line-height:1.28;color:#d6e7f2;font-weight:760;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#homeMyCruise .my-cruise-personal-note{margin:8px 2px 0!important;color:#bcd3e2!important;font-size:9.5px!important;line-height:1.34!important;font-weight:700!important}
@media(max-width:370px){#homeMyCruise .my-cruise-personal-grid{grid-template-columns:1fr}#homeMyCruise .my-cruise-personal-prep>summary{align-items:flex-start;flex-direction:column;gap:3px}#homeMyCruise .my-cruise-personal-prep>summary small{text-align:left}#homeMyCruise .my-cruise-personal-item{min-height:64px;padding:9px 10px;gap:7px}}


/* =========================================================
   MSCxplorer v8.2.43 · Mi crucero · Notas y recordatorios
   Bloc local por crucero dentro de Preparación personal.
   ========================================================= */
#homeMyCruise .my-cruise-personal-notes{margin-top:10px;padding:11px;border-radius:13px;border:1px solid rgba(212,180,91,.28);background:rgba(4,25,45,.18)}
#homeMyCruise .my-cruise-personal-notes-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 10px;margin-bottom:8px}
#homeMyCruise .my-cruise-personal-notes-head b{color:#fff;font-size:12px;line-height:1.22}
#homeMyCruise .my-cruise-personal-notes-head small{color:#bcd3e2;font-size:9px;font-weight:800;text-align:right;white-space:nowrap}
#homeMyCruise .my-cruise-personal-note-input{display:block;width:100%;min-height:82px;max-height:150px;resize:vertical;padding:10px 11px;border-radius:11px;border:1px solid rgba(132,194,236,.34);background:rgba(255,255,255,.96);color:#12334d;font:inherit;font-size:12px;line-height:1.42;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}
#homeMyCruise .my-cruise-personal-note-input::placeholder{color:#698194;opacity:.9}
#homeMyCruise .my-cruise-personal-note-input:focus{outline:2px solid rgba(242,205,103,.48);outline-offset:1px;border-color:rgba(242,205,103,.76)}
#homeMyCruise .my-cruise-personal-notes-actions{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:7px;margin-top:8px}
#homeMyCruise .my-cruise-personal-notes-actions .btn{min-height:34px;padding:6px 10px!important}
#homeMyCruise .my-cruise-personal-notes-status{justify-self:end;color:#bfe8cd;font-size:9px;font-weight:900;white-space:nowrap}
@media(max-width:370px){#homeMyCruise .my-cruise-personal-notes-head{grid-template-columns:1fr;align-items:start;gap:2px}#homeMyCruise .my-cruise-personal-notes-head small{text-align:left;white-space:normal}#homeMyCruise .my-cruise-personal-notes-actions{grid-template-columns:1fr 1fr}#homeMyCruise .my-cruise-personal-notes-actions .btn{width:100%}#homeMyCruise .my-cruise-personal-notes-status{grid-column:1/-1;justify-self:start}}

/* =========================================================
   MSCxplorer v9.0.0 · Mi crucero · Mi camarote
   Tarjeta local, editable y compacta. No añade galletas nuevas.
   ========================================================= */
#homeMyCruise .my-cruise-cabin-card{margin-top:12px;border-radius:18px;border:1px solid rgba(212,180,91,.34);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.04));overflow:hidden}
#homeMyCruise .my-cruise-cabin-card>summary{list-style:none;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:9px;min-height:58px;padding:10px 12px;cursor:pointer;color:#fff;touch-action:manipulation}
#homeMyCruise .my-cruise-cabin-card>summary::-webkit-details-marker{display:none}
#homeMyCruise .my-cruise-cabin-summary-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(180deg,rgba(242,205,103,.22),rgba(242,205,103,.10));border:1px solid rgba(242,205,103,.34);font-size:18px}
#homeMyCruise .my-cruise-cabin-summary-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
#homeMyCruise .my-cruise-cabin-summary-copy b{font-size:14px;line-height:1.12;color:#fff}
#homeMyCruise .my-cruise-cabin-summary-copy small{font-size:10px;line-height:1.25;color:#cfe2ef;font-weight:760;white-space:normal}
#homeMyCruise .my-cruise-cabin-summary-arrow{justify-self:end;color:#f2d67f;font-size:22px;line-height:1;transform:rotate(0deg);transition:transform .16s ease}
#homeMyCruise .my-cruise-cabin-card[open] .my-cruise-cabin-summary-arrow{transform:rotate(90deg)}
#homeMyCruise .my-cruise-cabin-card[open]>summary{border-bottom:1px solid rgba(212,180,91,.22)}
#homeMyCruise .my-cruise-cabin-body{padding:10px 11px 11px}
#homeMyCruise .my-cruise-cabin-specs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
#homeMyCruise .my-cruise-cabin-specs span{display:inline-flex;align-items:center;min-height:28px;padding:5px 8px;border-radius:999px;border:1px solid rgba(132,194,236,.24);background:rgba(4,25,45,.22);color:#edf7fc;font-size:9.5px;font-weight:850;line-height:1.15}
#homeMyCruise .my-cruise-cabin-source{display:grid;gap:2px;margin-bottom:9px;padding:8px 9px;border-radius:11px;background:rgba(242,205,103,.08);border:1px solid rgba(242,205,103,.24)}
#homeMyCruise .my-cruise-cabin-source span{color:#fff1bd;font-size:10px;font-weight:950}
#homeMyCruise .my-cruise-cabin-source small{color:#cfe2ef;font-size:9px;line-height:1.28;font-weight:700}
#homeMyCruise .my-cruise-cabin-form{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#homeMyCruise .my-cruise-cabin-form>label{min-width:0;display:grid;gap:4px}
#homeMyCruise .my-cruise-cabin-form>label:nth-of-type(4),#homeMyCruise .my-cruise-cabin-form>label:nth-of-type(5),#homeMyCruise .my-cruise-cabin-form>label:nth-of-type(8),#homeMyCruise .my-cruise-cabin-form>label:nth-of-type(9){grid-column:1/-1}
#homeMyCruise .my-cruise-cabin-form label>span{color:#d7e8f2;font-size:9px;font-weight:900;letter-spacing:.02em}
#homeMyCruise .my-cruise-cabin-form input,#homeMyCruise .my-cruise-cabin-form textarea{display:block;width:100%;min-width:0;padding:8px 9px;border-radius:10px;border:1px solid rgba(132,194,236,.32);background:rgba(255,255,255,.97);color:#12334d;font:inherit;font-size:11px;line-height:1.3;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}
#homeMyCruise .my-cruise-cabin-form input{min-height:38px}
#homeMyCruise .my-cruise-cabin-form textarea{min-height:58px;resize:vertical}
#homeMyCruise .my-cruise-cabin-form input:focus,#homeMyCruise .my-cruise-cabin-form textarea:focus{outline:2px solid rgba(242,205,103,.46);outline-offset:1px;border-color:rgba(242,205,103,.72)}
#homeMyCruise .my-cruise-cabin-form-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px}
#homeMyCruise .my-cruise-cabin-form-grid label{display:grid;gap:4px}
#homeMyCruise .my-cruise-cabin-actions{grid-column:1/-1;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:6px;margin-top:2px}
#homeMyCruise .my-cruise-cabin-actions .btn{min-height:34px;padding:6px 10px!important}
#homeMyCruise .my-cruise-cabin-status{justify-self:end;color:#bfe8cd;font-size:9px;font-weight:900;white-space:nowrap}
#homeMyCruise .my-cruise-cabin-privacy{margin:8px 1px 0!important;color:#bcd3e2!important;font-size:9px!important;line-height:1.28!important;font-weight:700!important}
@media(max-width:430px){#homeMyCruise .my-cruise-cabin-form{grid-template-columns:1fr 1fr}#homeMyCruise .my-cruise-cabin-form>label:nth-of-type(n+3){grid-column:1/-1}}
@media(max-width:370px){#homeMyCruise .my-cruise-cabin-form,#homeMyCruise .my-cruise-cabin-form-grid{grid-template-columns:1fr}#homeMyCruise .my-cruise-cabin-form>label{grid-column:1/-1!important}#homeMyCruise .my-cruise-cabin-actions{grid-template-columns:1fr 1fr}#homeMyCruise .my-cruise-cabin-actions .btn{width:100%}#homeMyCruise .my-cruise-cabin-status{grid-column:1/-1;justify-self:start}}


/* =========================================================
   MSCxplorer v9.0.5 · MI VIAJE VISUAL · centro operativo del viaje
   ========================================================= */
#trip{padding-bottom:28px}
#trip .trip-hub-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:26px 24px;border:1px solid rgba(229,197,119,.75);background:radial-gradient(420px 220px at 100% 0%,rgba(237,202,117,.18),transparent 65%),linear-gradient(145deg,#08233a 0%,#0c3b61 58%,#0b5684 100%);box-shadow:0 18px 36px rgba(4,28,47,.16)}
#trip .trip-hub-copy h2{font-size:clamp(34px,7vw,54px);line-height:.98;letter-spacing:-.045em;margin:4px 0 10px;color:#fff}
#trip .trip-hub-lead{font-size:clamp(16px,3.7vw,22px);line-height:1.32;font-weight:800;color:#f4df9c;margin:0 0 15px}
#trip .trip-hub-badges{display:flex;flex-wrap:wrap;gap:8px}
#trip .trip-hub-badges span{padding:7px 10px;border-radius:999px;border:1px solid rgba(240,213,146,.38);background:rgba(4,27,45,.28);color:#fff;font-weight:800;font-size:12px}
#trip .trip-hub-mark{width:92px;height:92px;border-radius:28px;border:1px solid rgba(255,232,172,.72);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#f0d37e,#b9872e);color:#112f46;box-shadow:0 14px 28px rgba(0,0,0,.18);transform:rotate(3deg)}
#trip .trip-hub-mark span{font-size:14px}#trip .trip-hub-mark strong{font-size:27px;line-height:1}#trip .trip-hub-mark small{font-size:9px;font-weight:900;letter-spacing:.08em}
#trip .trip-hub-overview{padding:20px;margin-top:14px}
#trip .trip-hub-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
#trip .trip-hub-overview-head h3,#trip .trip-hub-section-title h3,#trip .trip-hub-timeline>h3{margin:2px 0 0;font-size:clamp(24px,5vw,34px);color:#f5d886}
#trip .trip-hub-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#trip .trip-hub-mini-grid>div{min-width:0;padding:12px 8px;border-radius:18px;border:1px solid rgba(230,200,126,.25);background:rgba(255,255,255,.055);text-align:center}
#trip .trip-hub-mini-grid span{display:block;font-size:24px;margin-bottom:4px}#trip .trip-hub-mini-grid b{display:block;color:#fff;font-size:13px}#trip .trip-hub-mini-grid small{display:block;color:#bcd0df;font-size:10px;line-height:1.2;margin-top:2px}
#trip .trip-hub-timeline{margin-top:22px}#trip .trip-hub-timeline>h3{margin:0 0 12px 4px}
#trip .trip-step{display:grid;grid-template-columns:68px minmax(0,1fr);gap:15px;align-items:center;padding:15px 16px;margin-bottom:10px;border:1px solid rgba(218,187,113,.34);background:linear-gradient(145deg,#0a2b46,#123e61)}
#trip .trip-step-date{width:62px;min-height:66px;border-radius:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#efd477,#c69b44);color:#17354b;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
#trip .trip-step-date b{font-size:20px;line-height:1}#trip .trip-step-date small{font-weight:900;font-size:10px;letter-spacing:.1em;margin-top:4px}
#trip .trip-step-type{display:inline-block;color:#f1d788;font-size:10px;font-weight:900;letter-spacing:.09em;margin-bottom:4px}
#trip .trip-step h4{font-size:18px;line-height:1.1;margin:0 0 5px;color:#fff}#trip .trip-step p{margin:0 0 3px;color:#e8f0f5;font-size:13px;line-height:1.35}#trip .trip-step .meta{color:#b8cddd;font-size:11px}
#trip .trip-step-cruise{border-color:rgba(240,205,119,.72);background:radial-gradient(300px 160px at 100% 0%,rgba(238,202,115,.12),transparent 60%),linear-gradient(145deg,#08233a,#0b4d78)}
#trip .trip-hub-section-title{margin:24px 4px 12px}
#trip .trip-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#trip .trip-hub-block{padding:0;overflow:hidden;border:1px solid rgba(218,187,113,.34)}
#trip .trip-hub-block summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:1px;align-items:center;padding:15px 16px;background:linear-gradient(145deg,#0a2a44,#113d60)}
#trip .trip-hub-block summary::-webkit-details-marker{display:none}#trip .trip-hub-block summary>span{grid-row:1/3;font-size:26px}#trip .trip-hub-block summary>b{color:#fff;font-size:17px}#trip .trip-hub-block summary>small{color:#b9ccda;font-size:11px}
#trip .trip-hub-block[open] summary{border-bottom:1px solid rgba(220,190,118,.22)}
#trip .trip-hub-block-body{padding:15px 16px 16px;background:linear-gradient(180deg,#103653,#0b2c47)}#trip .trip-hub-block-body p{margin:0 0 10px;color:#edf4f8;line-height:1.45;font-size:13px}#trip .trip-hub-block-body .meta{color:#b9ccda;font-size:11px}
#trip .trip-cabin-provisional,#trip .trip-doc-status{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:15px;border:1px solid rgba(231,198,118,.28);background:rgba(255,255,255,.05);margin:9px 0 12px}
#trip .trip-cabin-provisional>span,#trip .trip-doc-status>span{font-size:18px}#trip .trip-cabin-provisional b,#trip .trip-doc-status b{display:block;color:#fff;font-size:13px}#trip .trip-cabin-provisional small,#trip .trip-doc-status small{display:block;color:#c5d5e0;font-size:11px;line-height:1.35;margin-top:2px}
#trip .trip-doc-status{margin:0 0 8px}#trip .trip-doc-status>span{color:#83d7a4;font-weight:900}#trip .trip-doc-status.pending>span{color:#f0cf75}
@media(max-width:700px){#trip .trip-hub-grid{grid-template-columns:1fr}}
@media(max-width:560px){#trip .trip-hub-hero{grid-template-columns:minmax(0,1fr) 68px;padding:20px 16px;gap:10px}#trip .trip-hub-mark{width:64px;height:64px;border-radius:20px}#trip .trip-hub-mark strong{font-size:21px}#trip .trip-hub-mark small{font-size:7px}#trip .trip-hub-copy h2{font-size:38px}#trip .trip-hub-lead{font-size:15px}#trip .trip-hub-badges{gap:6px}#trip .trip-hub-badges span{font-size:10px;padding:6px 8px}#trip .trip-hub-mini-grid{grid-template-columns:1fr 1fr}#trip .trip-step{grid-template-columns:56px minmax(0,1fr);gap:11px;padding:12px}#trip .trip-step-date{width:54px;min-height:58px;border-radius:16px}#trip .trip-step-date b{font-size:17px}#trip .trip-step h4{font-size:16px}#trip .trip-step p{font-size:12px}#trip .trip-hub-overview{padding:15px}#trip .trip-hub-overview-head{align-items:center}}

/* Reserva confirmada + lectura vertical del camarote */
#trip .trip-cabin-provisional.confirmed{border-color:rgba(92,210,150,.42);background:linear-gradient(145deg,rgba(22,106,77,.26),rgba(255,255,255,.045))}
#trip .trip-cabin-provisional.confirmed>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dff8e8;color:#176a47;font-weight:1000}
#trip .trip-deck-focus{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid rgba(240,211,137,.42);border-radius:18px;background:linear-gradient(135deg,rgba(238,203,116,.15),rgba(255,255,255,.035));margin-bottom:12px}
#trip .trip-deck-pin{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:17px;background:linear-gradient(160deg,#f2d577,#c89a3d);font-size:25px}
#trip .trip-deck-focus div{min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:baseline}
#trip .trip-deck-focus small{grid-column:1/-1;color:#f2d783;font-size:9px;font-weight:1000;letter-spacing:.13em}
#trip .trip-deck-focus strong{font-size:29px;color:#fff;line-height:1.05}
#trip .trip-deck-focus b{color:#e9f2f7;font-size:12px}.trip-deck-focus em{grid-column:1/-1;color:#bdd1de;font-style:normal;font-size:10px;margin-top:2px}
#trip .trip-deck-intro{font-weight:750;color:#eaf3f8!important}
#trip .trip-deck-stack{padding:5px 0 2px}
#trip .trip-deck-row{display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:17px;border:1px solid rgba(205,221,231,.22);background:rgba(255,255,255,.045)}
#trip .trip-deck-row.current{border-color:rgba(242,210,126,.68);background:linear-gradient(135deg,rgba(227,187,83,.22),rgba(16,63,94,.75));box-shadow:0 7px 20px rgba(0,0,0,.13)}
#trip .trip-deck-no{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#153f5e;color:#f5d77e;font-size:22px;font-weight:1000;border:1px solid rgba(239,208,127,.32)}
#trip .trip-deck-row.current .trip-deck-no{background:linear-gradient(160deg,#f1d272,#c7963b);color:#14344b}
#trip .trip-deck-row b,#trip .trip-deck-row strong,#trip .trip-deck-row small{display:block}#trip .trip-deck-row b{color:#f2d783;font-size:10px;text-transform:uppercase;letter-spacing:.09em}#trip .trip-deck-row strong{color:#fff;font-size:14px;margin:2px 0}#trip .trip-deck-row small{color:#bed0dc;font-size:10px;line-height:1.3}
#trip .trip-deck-arrow{text-align:center;color:#9eb9cb;font-size:9px;font-weight:1000;letter-spacing:.12em;padding:5px 0}
#trip .trip-deck-verdict{margin-top:12px;padding:12px 13px;border-radius:16px;border:1px solid rgba(84,207,147,.38);background:rgba(22,112,77,.18)}#trip .trip-deck-verdict b{display:block;color:#9ce3bc;font-size:13px;margin-bottom:3px}#trip .trip-deck-verdict span{display:block;color:#e6f1f5;font-size:10px;line-height:1.35}
#trip .trip-deck-buttons{display:flex;gap:7px;overflow-x:auto;padding:12px 0 4px;-webkit-overflow-scrolling:touch}#trip .trip-deck-chip{flex:0 0 auto;border:1px solid rgba(235,207,136,.36);border-radius:999px;padding:8px 11px;background:#123c5b;color:#eaf2f7;font-weight:900;font-size:10px}#trip .trip-deck-chip.active{background:linear-gradient(180deg,#efd372,#c99b3d);color:#14354c;border-color:#f4dc95}

/* v9.0.5 · MI VIAJE VISUAL · portada compacta iPhone */
#trip .trip-journey-strip{margin-top:14px;padding:18px 18px 14px;border:1px solid rgba(229,197,119,.62);background:linear-gradient(145deg,#092943,#0d456d);box-shadow:0 12px 28px rgba(4,28,47,.12)}
#trip .trip-strip-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
#trip .trip-strip-head h3{margin:2px 0 0;color:#f6dc91;font-size:22px}
#trip .trip-strip-route{display:flex;align-items:center;justify-content:space-between;gap:5px;overflow:hidden}
#trip .trip-strip-route>i{font-style:normal;color:#e7c86f;font-weight:900;font-size:17px;flex:0 0 auto}
#trip .trip-strip-stop{min-width:0;display:flex;flex:1 1 0;flex-direction:column;align-items:center;text-align:center;padding:8px 3px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(229,197,119,.16)}
#trip .trip-strip-stop span{font-size:20px;line-height:1.1}#trip .trip-strip-stop b{margin-top:4px;color:#fff;font-size:10px;white-space:nowrap}#trip .trip-strip-stop small{color:#bdd1df;font-size:7px;font-weight:800;margin-top:2px;white-space:nowrap}
#trip .trip-strip-stop.featured{background:linear-gradient(180deg,rgba(238,204,117,.23),rgba(255,255,255,.06));border-color:rgba(239,207,124,.55)}
#trip .trip-strip-note{margin:10px 0 0;text-align:center;color:#c9d9e5;font-size:10px;font-weight:700}
#trip .trip-hub-timeline.compact{margin-top:22px}
#trip .trip-timeline-title{display:flex;align-items:end;justify-content:space-between;margin:0 4px 10px;border-bottom:1px solid rgba(224,194,120,.28);padding-bottom:8px}
#trip .trip-timeline-title h3{margin:1px 0 0;color:#f5d886;font-size:25px}#trip .trip-timeline-title>small{color:#bcd0df;font-weight:900;font-size:10px;letter-spacing:.08em}
#trip .trip-line{position:relative;padding-left:0}
#trip .trip-line:before{content:"";position:absolute;left:58px;top:20px;bottom:20px;width:2px;background:linear-gradient(#e8ca72,#3d7598 48%,#e8ca72);opacity:.75}
#trip .trip-line-item{position:relative;display:grid;grid-template-columns:43px 30px minmax(0,1fr);gap:8px;align-items:center;min-height:70px;padding:8px 9px 8px 6px;margin:0 0 5px;border-radius:18px;background:linear-gradient(100deg,rgba(8,37,60,.96),rgba(13,64,99,.92));border:1px solid rgba(218,187,113,.28)}
#trip .trip-line-item.cruise{border-color:rgba(239,204,116,.72);background:linear-gradient(100deg,#08243b,#0c527e)}
#trip .trip-line-date{text-align:center;color:#f4d982}#trip .trip-line-date b{display:block;font-size:15px;line-height:1}#trip .trip-line-date small{display:block;font-size:7px;font-weight:900;letter-spacing:.08em;margin-top:3px}
#trip .trip-line-dot{z-index:1;width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#103c5e;border:2px solid #e2c46f;font-size:14px;box-shadow:0 0 0 4px #0b304e}
#trip .trip-line-body{min-width:0}#trip .trip-line-body span{display:block;color:#efd27d;font-size:8px;font-weight:900;letter-spacing:.11em;margin-bottom:2px}#trip .trip-line-body h4{margin:0 0 3px;color:#fff;font-size:14px;line-height:1.18}#trip .trip-line-body p{margin:0;color:#d9e6ee;font-size:10.5px;line-height:1.3}
#trip .trip-hub-section-title.compact{margin:22px 4px 10px}#trip .trip-hub-section-title.compact h3{font-size:25px}
#trip .compact-access .trip-hub-block{margin:0}#trip .compact-access .trip-hub-block summary{min-height:72px;padding:12px 14px}#trip .compact-access .trip-hub-block summary>span{font-size:25px}#trip .compact-access .trip-hub-block summary>b{font-size:17px}#trip .compact-access .trip-hub-block summary>small{font-size:10px}
@media(max-width:560px){#trip .trip-journey-strip{padding:15px 12px 12px}#trip .trip-strip-head h3{font-size:20px}#trip .trip-strip-route{gap:3px}#trip .trip-strip-route>i{font-size:13px}#trip .trip-strip-stop{padding:7px 1px}#trip .trip-strip-stop span{font-size:18px}#trip .trip-strip-stop b{font-size:8.5px}#trip .trip-strip-stop small{font-size:6.5px}#trip .trip-line:before{left:53px}#trip .trip-line-item{grid-template-columns:39px 28px minmax(0,1fr);gap:7px;min-height:66px;padding:7px 8px 7px 5px}#trip .trip-line-dot{width:27px;height:27px;font-size:13px}#trip .trip-line-body h4{font-size:13px}#trip .trip-line-body p{font-size:9.8px}}


/* v9.0.5 · ajuste visual Mi viaje: contraste y fechas */
#trip .trip-timeline-title h3,
#trip .trip-hub-section-title.compact h3{
  color:#0b3453;
  text-shadow:none;
  font-weight:900;
}
#trip .trip-timeline-title>small{
  color:#345b76;
  opacity:1;
  font-weight:900;
}
#trip .trip-timeline-title{
  border-bottom-color:rgba(11,52,83,.18);
}
#trip .trip-line-date b{
  white-space:nowrap;
  font-size:14px;
  letter-spacing:-.02em;
}
#trip .trip-line-date small{
  color:#765e22;
}
#trip .trip-strip-stop.featured small{
  color:#f7df9f;
  font-size:7.5px;
}
@media(max-width:560px){
  #trip .trip-line:before{left:60px}
  #trip .trip-line-item{grid-template-columns:47px 28px minmax(0,1fr);gap:7px}
  #trip .trip-line-date b{font-size:13px}
}

/* v9.0.6 · PLANOS DEL BARCO · camarote visual + explorador de cubiertas */
.ship-plans-v906{display:grid;gap:18px}
.cabin-visual-card,.deck-explorer-card{border:1px solid rgba(210,176,84,.55);border-radius:22px;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.cabin-visual-head,.deck-explorer-head{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.cabin-visual-head>div,.deck-explorer-head{min-width:0}
.eyebrow-mini{display:block;color:#f2cf70;font-weight:900;letter-spacing:.13em;font-size:.72rem;margin-bottom:4px}
.cabin-visual-head h4,.deck-explorer-head h4{margin:0;color:#fff;font-size:1.22rem;line-height:1.18}
.cabin-visual-head p,.deck-explorer-head p{margin:5px 0 0;color:#c9d8e6;font-size:.86rem;line-height:1.35}
.cabin-confirmed{flex:0 0 auto;background:#eff8ee;color:#16713f;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:900;white-space:nowrap}
.cabin-source-photo{display:block;width:100%;aspect-ratio:2.37/1;object-fit:cover;border-radius:16px;border:1px solid rgba(236,205,112,.55);box-shadow:0 8px 22px rgba(0,0,0,.16)}
.cabin-photo-note,.deck-source-note,.cabin-media-note{display:block;color:#aebfd0;font-size:.72rem;line-height:1.35;margin-top:7px}
.cabin-plan-title{display:flex;justify-content:space-between;gap:10px;align-items:end;margin:17px 0 8px;color:#fff}.cabin-plan-title b{font-size:1rem}.cabin-plan-title small{color:#aebfd0;font-size:.7rem}
.cabin-plan-schematic{display:grid;grid-template-columns:1.1fr 1.4fr 1.4fr .9fr;grid-template-rows:72px 72px;border:2px solid #d3b45d;border-radius:16px;overflow:hidden;background:#0e3552;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.cabin-plan-schematic>div{display:flex;align-items:center;justify-content:center;text-align:center;padding:7px;border-right:1px solid rgba(231,205,128,.38);border-bottom:1px solid rgba(231,205,128,.38);color:#fff;font-size:.72rem;font-weight:850;line-height:1.15}
.cabin-plan-schematic small{font-size:.63rem;color:#c8d8e5;font-weight:650}
.cp-balcony{grid-column:1/-1;background:linear-gradient(90deg,#0f5577,#14739a);color:#fff!important}
.cp-living{grid-column:1/2}.cp-bed{grid-column:2/4;background:rgba(246,216,124,.08)}.cp-wardrobe{grid-column:4/5}.cp-bath{grid-column:1/2}.cp-entry{grid-column:4/5}.cp-living,.cp-bed,.cp-wardrobe,.cp-bath,.cp-entry{grid-row:2}
.cp-bath{background:rgba(71,138,171,.18)}.cp-entry{background:rgba(255,255,255,.04)}
.cabin-media-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.trip-link-btn,.official-deckplan-btn{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;border-radius:14px;padding:10px 12px;font-weight:900;font-size:.84rem;background:linear-gradient(180deg,#1788cf,#0d68aa);color:#fff;border:1px solid rgba(255,255,255,.24);box-shadow:0 4px 12px rgba(0,0,0,.16)}
.trip-link-btn.secondary{background:linear-gradient(180deg,#214f70,#173c59);border-color:rgba(233,205,121,.55)}
.deck-explorer-head{display:block;margin-bottom:12px}
.ship-deck-stack{display:grid;gap:7px}
.deck-band{margin:0;border:1px solid rgba(255,255,255,.13);border-radius:14px;overflow:hidden;background:rgba(6,35,56,.52)}
.deck-band summary{list-style:none;display:grid;grid-template-columns:46px 1fr 22px;align-items:center;gap:9px;padding:10px 11px;cursor:pointer}.deck-band summary::-webkit-details-marker{display:none}
.deck-band .deck-num{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#173f5d;color:#f3d478;font-weight:950;font-size:1rem;border:1px solid rgba(232,204,117,.38)}
.deck-band summary b{display:block;color:#fff;font-size:.93rem}.deck-band summary small{display:block;color:#b9cad8;font-size:.71rem;margin-top:2px}.deck-band summary i{color:#e9c966;font-style:normal;font-size:1rem;text-align:center;transition:transform .2s ease}.deck-band[open] summary i{transform:rotate(180deg)}
.deck-band p{margin:0;padding:0 12px 11px 66px;color:#d7e2ea;font-size:.78rem;line-height:1.42}
.deck-band.current{border-color:#e0bb56;background:linear-gradient(90deg,rgba(219,178,63,.13),rgba(10,56,86,.72));box-shadow:inset 3px 0 0 #e1b94d}.deck-band.current .deck-num{background:linear-gradient(180deg,#edcd6f,#dcae38);color:#12304a;border-color:#f5db91}.deck-band.current summary small{color:#f1d575;font-weight:800}
.official-deckplan-btn{margin-top:12px;background:linear-gradient(180deg,#d9b54e,#b98d28);color:#102f49;border-color:#f2d784}
@media(max-width:520px){.cabin-visual-card,.deck-explorer-card{padding:13px;border-radius:18px}.cabin-visual-head{display:block}.cabin-confirmed{display:inline-block;margin-top:8px}.cabin-media-actions{grid-template-columns:1fr}.cabin-plan-schematic{grid-template-columns:1fr 1.25fr 1.25fr .9fr;grid-template-rows:58px 66px}.cabin-plan-schematic>div{font-size:.63rem;padding:5px}.cabin-plan-schematic small{font-size:.56rem}.deck-band summary{grid-template-columns:42px 1fr 20px;padding:9px}.deck-band .deck-num{width:38px;height:38px}.deck-band p{padding-left:60px}}

/* v9.0.7 · PLANOS DEL BARCO · referencia real + PDF oficial integrado */
.ship-plans-v907{display:grid;gap:18px}
.ship-plans-v907 .cabin-reference-card{overflow:hidden}
.cabin-real-video{margin-top:14px;padding:12px;border-radius:16px;background:linear-gradient(180deg,rgba(11,57,88,.78),rgba(6,38,61,.78));border:1px solid rgba(230,199,111,.34)}
.cabin-real-video-head{display:grid;gap:3px;margin-bottom:10px}
.cabin-real-video-head>span{color:#f1cf72;font-size:.68rem;font-weight:950;letter-spacing:.12em}
.cabin-real-video-head>b{color:#fff;font-size:1rem}
.cabin-real-video-head>small{color:#c8d8e5;font-size:.72rem;line-height:1.35}
.video-frame-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#041a2b;border:1px solid rgba(255,255,255,.12)}
.video-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cabin-media-actions.single-es{grid-template-columns:1fr}
.official-map-card{border:1px solid rgba(210,176,84,.55);border-radius:22px;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.official-map-preview{position:relative;display:block;margin-top:12px;text-decoration:none;border-radius:16px;overflow:hidden;background:#fff;border:1px solid rgba(236,205,112,.62);box-shadow:0 8px 22px rgba(0,0,0,.16)}
.official-map-preview img{display:block;width:100%;height:auto;background:#fff}
.official-map-preview span{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 10px;border-radius:12px;text-align:center;background:rgba(4,31,51,.90);color:#fff;font-size:.76rem;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.22)}
.official-map-actions{display:grid;grid-template-columns:1fr;margin-top:10px}
.ship-plans-v907 .deck-explorer-card{margin:0}
@media(max-width:520px){
  .official-map-card{padding:13px;border-radius:18px}
  .cabin-real-video{padding:10px}
  .official-map-preview span{font-size:.7rem;padding:7px 9px}
}

/* MSCxplorer v9.0.10 · Suite integrada en app · ilustración limpia */
.cabin-real-video.external-video{display:grid;gap:10px}
.youtube-poster{min-height:178px;border-radius:15px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 74% 28%,rgba(34,151,214,.18),transparent 36%),linear-gradient(145deg,#071e31,#0b446a);display:flex;align-items:center;justify-content:center;gap:14px;padding:18px;color:#fff;text-align:left;box-shadow:inset 0 0 0 1px rgba(230,199,111,.08)}
.youtube-poster .youtube-play{display:grid;place-items:center;width:66px;height:48px;border-radius:14px;background:#e5231f;color:#fff;font-size:1.45rem;line-height:1;box-shadow:0 9px 20px rgba(0,0,0,.28)}
.youtube-poster div{display:grid;gap:2px}.youtube-poster b{font-size:1rem}.youtube-poster small{font-size:.75rem;color:#c9dbe8}
.youtube-external-btn{width:100%;justify-content:center;text-align:center}
.external-video-note{display:block;color:#bcd1df;font-size:.69rem;line-height:1.35;text-align:center}
.video-frame-wrap{display:none!important}
.official-map-preview{appearance:none;-webkit-appearance:none;width:100%;padding:0;border:1px solid rgba(236,205,112,.62);font:inherit;cursor:pointer;text-align:inherit}
.official-deckplan-btn{appearance:none;-webkit-appearance:none;width:100%;cursor:pointer;font:inherit}
body.armonia-map-open{overflow:hidden!important}
.armonia-map-viewer[hidden]{display:none!important}
.armonia-map-viewer{position:fixed;inset:0;z-index:99999;background:rgba(1,12,22,.92);padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0);opacity:0;transition:opacity .18s ease}
.armonia-map-viewer.open{opacity:1}
.armonia-map-viewer-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#061b2b;color:#fff}
.armonia-map-viewer-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(230,199,111,.34);background:linear-gradient(180deg,#0b3d5e,#082b45);box-shadow:0 3px 14px rgba(0,0,0,.28);z-index:2}
.armonia-map-viewer-head>div{min-width:0;display:grid;gap:1px;text-align:center}.armonia-map-viewer-head b{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.armonia-map-viewer-head small{font-size:.67rem;color:#d3e0e9}
.armonia-map-back,.armonia-map-close{appearance:none;-webkit-appearance:none;border:1px solid rgba(230,199,111,.5);background:rgba(255,255,255,.08);color:#fff;font-weight:900;border-radius:12px;min-height:42px;padding:8px 10px;font-size:.72rem}
.armonia-map-close{width:42px;padding:0;font-size:1.45rem;line-height:1}
.armonia-map-viewer-body{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:12px;background:#d9e5ed;touch-action:pan-x pan-y}
.armonia-map-viewer-body img{display:block;width:100%;height:auto;max-width:1100px;margin:0 auto;border-radius:10px;background:#fff;box-shadow:0 8px 26px rgba(0,0,0,.24);user-select:none;-webkit-user-drag:none}
.armonia-map-viewer-nav{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:7px;align-items:center;padding:8px 10px;background:#082b45;border-top:1px solid rgba(230,199,111,.32);z-index:2}
.armonia-map-viewer-nav>button{appearance:none;-webkit-appearance:none;border:1px solid rgba(230,199,111,.5);background:#0d4f79;color:#fff;border-radius:11px;min-height:40px;font-size:1.6rem;font-weight:900}
.armonia-map-page-pills{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}
.armonia-map-page-pills button{appearance:none;-webkit-appearance:none;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:#dbe9f2;border-radius:9px;min-height:34px;padding:0;font-size:.69rem;font-weight:900}
.armonia-map-page-pills button.active{background:#e7bd53;color:#06213a;border-color:#ffe49a;box-shadow:0 0 0 2px rgba(231,189,83,.18)}
@media(max-width:560px){
 .youtube-poster{min-height:150px;padding:14px;gap:11px}.youtube-poster .youtube-play{width:58px;height:44px}.youtube-poster b{font-size:.9rem}
 .armonia-map-viewer-head{padding:8px 8px;gap:7px}.armonia-map-back{font-size:.66rem;padding:7px 8px}.armonia-map-viewer-head b{font-size:.82rem}.armonia-map-viewer-head small{font-size:.62rem}
 .armonia-map-viewer-body{padding:8px}.armonia-map-viewer-nav{padding:7px 7px;grid-template-columns:40px minmax(0,1fr) 40px;gap:5px}.armonia-map-page-pills{gap:3px}.armonia-map-page-pills button{min-height:32px;font-size:.64rem;border-radius:8px}
}
@media(max-width:370px){.armonia-map-page-pills button{font-size:.58rem}.armonia-map-back{font-size:.61rem}.armonia-map-viewer-head b{font-size:.75rem}}

.cabin-plan-figure{margin:0;border:2px solid #d3b45d;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(14,53,82,.92),rgba(9,39,61,.92));box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.cabin-plan-figure img{display:block;width:100%;height:auto;background:#0e3552}
.cabin-plan-figure figcaption{padding:10px 12px;color:#d4e2ec;font-size:.74rem;line-height:1.35;border-top:1px solid rgba(231,205,128,.28)}
@media(max-width:520px){.cabin-plan-figure figcaption{font-size:.7rem;padding:9px 10px}}


/* MSCxplorer v9.0.10 · Suite integrada en app */
.cabin-plan-title-clean{margin-bottom:10px;align-items:center}
.cabin-plan-title-clean small{color:#d5e3ef}
.clean-illustration{background:transparent;border:0;box-shadow:none;border-radius:22px;overflow:hidden}
.clean-illustration img{display:block;width:100%;height:auto;border:2px solid #d3b45d;border-radius:22px;background:#0e3552}
.clean-illustration figcaption{display:none}

/* MSCxplorer v9.0.11 · Planos del barco pulidos */
.trip-decks summary small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trip-decks .cabin-visual-head h4{font-size:1.08rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trip-decks .cabin-visual-head p{font-size:.79rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trip-decks .cabin-plan-title{align-items:center}
.trip-decks .cabin-plan-title b{font-size:1rem;line-height:1.12}
.trip-decks .cabin-plan-title small{font-size:.72rem;white-space:nowrap}
.trip-decks .clean-illustration img{display:block;width:100%;height:auto;object-fit:cover}
.trip-decks .cabin-real-video-head>b{font-size:.98rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trip-decks .cabin-real-video-head>small{font-size:.72rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trip-decks .youtube-poster{min-height:132px;padding:14px 16px;gap:12px}
.trip-decks .youtube-poster div{min-width:0}
.trip-decks .youtube-poster b{font-size:.97rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trip-decks .youtube-poster small{font-size:.73rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trip-decks .external-video-note{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:520px){
  .trip-decks .cabin-visual-head h4{font-size:.96rem}
  .trip-decks .cabin-visual-head p{font-size:.69rem}
  .trip-decks .cabin-plan-title{display:block}
  .trip-decks .cabin-plan-title b{display:block;font-size:.94rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .trip-decks .cabin-plan-title small{display:block;margin-top:3px;font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .trip-decks .cabin-real-video-head>b{font-size:.9rem}
  .trip-decks .cabin-real-video-head>small{font-size:.66rem}
  .trip-decks .youtube-poster{display:grid;grid-template-columns:58px 1fr;min-height:auto;padding:12px;gap:10px}
  .trip-decks .youtube-poster .youtube-play{width:54px;height:40px;font-size:1.2rem}
  .trip-decks .youtube-poster b{font-size:.86rem}
  .trip-decks .youtube-poster small{font-size:.65rem}
  .trip-decks .youtube-external-btn{font-size:.82rem;padding:11px 12px}
  .trip-decks .external-video-note{font-size:.62rem}
}

/* MSCxplorer v9.0.16 · Logos de viaje */
#trip .trip-hub-badges{gap:7px}
#trip .trip-strip-note{display:none!important}
#trip .trip-hub-section-title.compact{margin-bottom:8px}
#trip .trip-hub-section-title.compact h3{margin:0}
#trip .our-cabin-head{display:grid;gap:3px;margin-bottom:10px}
#trip .our-cabin-head>b{color:#fff;font-size:1rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#trip .our-cabin-head>small{color:#c9d8e6;font-size:.76rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#trip .our-cabin-plan{margin:0}
#trip .our-cabin-plan img{width:100%;height:auto;display:block}
#trip .clean-head{display:block;margin-bottom:8px}
#trip .clean-head h4{margin:0;color:#fff;font-size:1.02rem;line-height:1.15}
#trip .clean-map-card .official-map-preview{margin-top:8px}
#trip .clean-deck-guide .deck-explorer-head{margin-bottom:8px}
#trip .trip-docs-clean .trip-doc-status{min-height:44px}
#trip .trip-docs-clean .trip-doc-status div{min-width:0}
#trip .trip-docs-clean .trip-doc-status b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#trip .trip-docs-clean .trip-doc-status small{white-space:nowrap}
@media(max-width:520px){
  #trip .trip-hub-badges span{font-size:.68rem}
  #trip .our-cabin-head>b{font-size:.93rem}
  #trip .our-cabin-head>small{font-size:.68rem}
  #trip .trip-decks summary small,#trip .trip-cabin-only summary small{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}


/* MSCxplorer v9.0.16 · Logos reales en Mi viaje */
#trip .trip-brand-badge{display:inline-flex;align-items:center;gap:6px}
#trip .trip-brand-badge b{font:inherit;color:inherit}
#trip .trip-brand-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:20px;padding:2px 4px;border-radius:7px;background:rgba(255,255,255,.96);border:1px solid rgba(226,196,111,.55);overflow:hidden;vertical-align:middle}
#trip .trip-brand-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
#trip .trip-brand-logo.brand-iberia{width:30px}
#trip .trip-brand-logo.brand-renfe{width:34px}
#trip .trip-brand-logo.brand-alsa{width:34px}
#trip .trip-brand-logo.brand-msc{width:36px}
#trip .trip-brand-fallback{font-size:13px;line-height:1}
#trip .trip-brand-title{display:flex;align-items:center;gap:6px;min-width:0}
#trip .trip-brand-title>span:last-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#trip .trip-transport-list{display:grid;gap:8px}
#trip .trip-transport-row{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;padding:8px 9px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(226,196,111,.16)}
#trip .trip-transport-row .trip-brand-logo{width:38px;height:24px;padding:3px 4px}
#trip .trip-transport-row>div{min-width:0;display:grid;gap:2px}
#trip .trip-transport-row b{color:#fff;font-size:12.5px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#trip .trip-transport-row small{color:#c8d8e5;font-size:10.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:560px){
  #trip .trip-brand-logo{width:30px;height:18px;padding:2px 3px;border-radius:6px}
  #trip .trip-brand-logo.brand-iberia{width:27px}
  #trip .trip-brand-logo.brand-renfe,#trip .trip-brand-logo.brand-alsa{width:30px}
  #trip .trip-brand-logo.brand-msc{width:32px}
  #trip .trip-brand-title{gap:5px}
  #trip .trip-transport-row{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:7px 8px}
  #trip .trip-transport-row .trip-brand-logo{width:34px;height:22px}
  #trip .trip-transport-row b{font-size:12px}
  #trip .trip-transport-row small{font-size:9.7px}
}

/* MSCxplorer v9.0.17 · anagrama ALSA local */
#trip .trip-brand-logo.brand-alsa{width:42px;padding:2px 5px}
#trip .trip-brand-logo.brand-alsa img{width:100%;height:100%;object-fit:contain}
#trip .trip-transport-row .trip-brand-logo.brand-alsa{width:46px;height:24px;padding:3px 5px}
@media(max-width:520px){
  #trip .trip-brand-logo.brand-alsa{width:38px;height:18px;padding:2px 4px}
  #trip .trip-transport-row .trip-brand-logo.brand-alsa{width:42px;height:22px;padding:3px 4px}
}

/* MSCxplorer v9.0.18 · guía de cubiertas premium */
.deck-guide-v918{padding:18px 16px 17px;border-color:rgba(214,180,87,.52);background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018))}
.deck-guide-v918 .deck-explorer-head{margin:0 2px 14px}
.deck-guide-v918 .deck-explorer-head h4{font-size:1.28rem;letter-spacing:-.015em}
.premium-decks{gap:9px}
.premium-decks .deck-band{border-radius:18px;border-color:rgba(121,163,190,.34);background:linear-gradient(145deg,rgba(8,48,77,.84),rgba(7,36,59,.80));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 3px 12px rgba(0,0,0,.08)}
.premium-decks .deck-band summary{grid-template-columns:54px minmax(0,1fr) 30px;gap:12px;padding:14px 15px;min-height:76px}
.premium-decks .deck-band .deck-num{width:50px;height:50px;border-radius:14px;font-size:1.55rem;letter-spacing:-.04em;background:#123e5f;border:1.5px solid rgba(230,194,92,.68);color:#f0cd69;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.premium-decks .deck-label{min-width:0}
.premium-decks .deck-label b{font-size:1.04rem;line-height:1.08;letter-spacing:-.01em}
.premium-decks .deck-label small{font-size:.76rem;line-height:1.16;margin-top:4px;color:#bacbdd}
.premium-decks .deck-label em{display:block;margin-top:6px;color:#e9c55c;font-size:.69rem;line-height:1.12;font-style:normal;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.premium-decks .deck-band summary i{justify-self:end;font-size:1.55rem;color:#f0c95f;line-height:1;transform:none;transition:transform .18s ease}
.premium-decks .deck-band[open] summary i{transform:rotate(180deg)}
.premium-decks .deck-feature-list{margin:0 14px 14px;padding:5px 13px;border:1px solid rgba(130,173,199,.30);border-radius:15px;background:rgba(6,35,56,.48);overflow:hidden}
.premium-decks .deck-feature-list.compact{padding-top:3px;padding-bottom:3px}
.premium-decks .deck-feature{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;min-height:43px;padding:7px 0;color:#dce7ef;font-size:.78rem;line-height:1.25;font-weight:760;border-bottom:1px solid rgba(143,177,199,.22)}
.premium-decks .deck-feature:last-child{border-bottom:0}
.premium-decks .deck-feature-icon{display:grid;place-items:center;width:28px;height:28px;color:#edc75e;font-size:1rem;font-weight:950;letter-spacing:-.08em}
.premium-decks .deck-band.current{border:1.5px solid #e5bd4e;background:linear-gradient(115deg,rgba(214,170,44,.09),rgba(8,52,82,.82));box-shadow:inset 0 0 0 1px rgba(245,211,113,.10),0 4px 15px rgba(0,0,0,.10)}
.premium-decks .deck-band.current .deck-num{background:linear-gradient(180deg,#f2d06c,#dfae37);border-color:#f3d978;color:#102f49;box-shadow:0 2px 8px rgba(0,0,0,.16)}
.premium-decks .deck-band.current .deck-label small{color:#f0ce69;font-weight:900}
@media(max-width:520px){
  .deck-guide-v918{padding:15px 12px 14px}
  .deck-guide-v918 .deck-explorer-head h4{font-size:1.15rem}
  .premium-decks .deck-band summary{grid-template-columns:48px minmax(0,1fr) 24px;gap:10px;padding:12px 12px;min-height:68px}
  .premium-decks .deck-band .deck-num{width:45px;height:45px;border-radius:13px;font-size:1.35rem}
  .premium-decks .deck-label b{font-size:.96rem}
  .premium-decks .deck-label small{font-size:.7rem}
  .premium-decks .deck-label em{font-size:.64rem;margin-top:5px}
  .premium-decks .deck-band summary i{font-size:1.35rem}
  .premium-decks .deck-feature-list{margin:0 11px 11px;padding:4px 11px}
  .premium-decks .deck-feature{grid-template-columns:28px minmax(0,1fr);gap:7px;min-height:39px;font-size:.72rem;padding:6px 0}
  .premium-decks .deck-feature-icon{width:25px;height:25px;font-size:.92rem}
}

/* =========================================================
   MSCxplorer v9.0.19 · EL VIAJE · renovación visual
   Conserva la navegación superior estable; cambios limitados a #trip.
   ========================================================= */
#trip{--trip-gold:#e9c96e;--trip-gold-soft:#f6df9f;--trip-navy:#08243b;--trip-blue:#0b4b75;--trip-line:#315f7d}
#trip.trip-hub-panel{position:relative}

/* Hero: más editorial y con jerarquía clara */
#trip .trip-hub-hero{
  grid-template-columns:minmax(0,1fr) 92px;
  min-height:190px;
  padding:24px 22px;
  border-radius:26px;
  border:1px solid rgba(233,201,110,.78);
  background:
    radial-gradient(360px 190px at 88% 6%,rgba(244,215,137,.16),transparent 68%),
    radial-gradient(280px 190px at 6% 110%,rgba(36,141,199,.18),transparent 72%),
    linear-gradient(138deg,#071f34 0%,#0a3556 54%,#0d547e 100%);
  box-shadow:0 18px 38px rgba(4,26,44,.18),inset 0 1px 0 rgba(255,255,255,.06);
}
#trip .trip-hub-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;
  background-image:linear-gradient(115deg,transparent 0 62%,rgba(255,255,255,.11) 62.2%,transparent 62.5% 100%);
}
#trip .trip-hub-copy{position:relative;z-index:1;min-width:0}
#trip .trip-hub-copy>.eyebrow{
  display:inline-flex;align-items:center;width:max-content;margin:0 0 8px;padding:5px 9px;border-radius:999px;
  border:1px solid rgba(233,201,110,.48);background:rgba(7,28,47,.38);color:var(--trip-gold-soft);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase
}
#trip .trip-hub-copy h2{font-size:clamp(36px,8vw,58px);margin:0 0 9px;letter-spacing:-.045em;text-shadow:0 7px 20px rgba(0,0,0,.22)}
#trip .trip-hub-lead{font-size:clamp(14px,3.4vw,19px);color:#f2dda2;margin:0 0 13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#trip .trip-hub-badges{gap:7px}
#trip .trip-hub-badges>span{min-height:30px;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;background:rgba(4,26,43,.42);border-color:rgba(233,201,110,.38);font-size:.72rem}
#trip .trip-date-badge::before{content:"◆";color:var(--trip-gold);font-size:.64rem}
#trip .trip-hub-mark-v919{
  position:relative;z-index:1;width:92px;height:112px;border-radius:22px;transform:none;
  border:1px solid rgba(255,234,175,.88);background:linear-gradient(160deg,#f2d57e,#c89538);
  box-shadow:0 13px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.35);
}
#trip .trip-hub-mark-v919 span{font-size:.6rem;font-weight:950;letter-spacing:.11em;margin-bottom:3px}
#trip .trip-hub-mark-v919 strong{font-size:2.55rem;line-height:.9;letter-spacing:-.06em}
#trip .trip-hub-mark-v919 small{margin-top:5px;font-size:.52rem;line-height:1.15;text-align:center;max-width:70px}

/* Ruta: línea continua y paradas con aspecto de itinerario */
#trip .trip-journey-strip{position:relative;overflow:hidden;border-radius:24px;padding:17px 16px 15px;background:linear-gradient(145deg,#08253d,#0d456d 78%,#0b3859);border-color:rgba(233,201,110,.55)}
#trip .trip-strip-head{position:relative;z-index:2;margin-bottom:13px}
#trip .trip-strip-head h3{margin-top:2px;color:#fff;font-size:clamp(21px,4.6vw,28px)}
#trip .trip-strip-head .eyebrow{color:var(--trip-gold-soft);font-weight:900}
#trip .trip-strip-head .badge{background:linear-gradient(180deg,#f3d77f,#d4a743);color:#10283d;border:0;font-weight:950}
#trip .trip-strip-route{position:relative;overflow:visible;padding:2px 0 0;isolation:isolate}
#trip .trip-strip-route::before{content:"";position:absolute;left:8%;right:8%;top:25px;height:2px;background:linear-gradient(90deg,#d4af4d,#f3da87 45%,#d4af4d);opacity:.72;z-index:-1}
#trip .trip-strip-route>i{display:none}
#trip .trip-strip-stop{position:relative;z-index:1;flex:1 1 0;min-width:0;display:grid;justify-items:center;gap:3px;padding:0 2px;background:transparent}
#trip .trip-strip-stop>span{display:grid;place-items:center;width:50px;height:50px;margin-bottom:2px;border-radius:50%;background:linear-gradient(155deg,#0d4d76,#082c49);border:2px solid rgba(233,201,110,.78);font-size:22px;box-shadow:0 5px 14px rgba(0,0,0,.18)}
#trip .trip-strip-stop.featured>span{background:linear-gradient(155deg,#f0d078,#c99133);color:#0b2c46;border-color:#ffe8a3;box-shadow:0 5px 16px rgba(0,0,0,.22)}
#trip .trip-strip-stop b{color:#fff;font-size:.69rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#trip .trip-strip-stop small{color:#bcd0de;font-size:.55rem;letter-spacing:.04em;white-space:nowrap}
#trip .trip-strip-stop.featured b,#trip .trip-strip-stop.featured small{color:#f6dd94}

/* Cronología: tarjetas más limpias y fecha mejor separada */
#trip .trip-hub-timeline.compact{margin-top:20px}
#trip .trip-timeline-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 4px 10px}
#trip .trip-timeline-title h3{margin:0;color:#f5d886;font-size:clamp(23px,5vw,30px)}
#trip .trip-timeline-title>small{padding:5px 8px;border-radius:999px;background:#0c395a;color:#f1d47f;border:1px solid rgba(233,201,110,.35);font-size:.64rem;font-weight:900;letter-spacing:.06em}
#trip .trip-line:before{left:57px;top:26px;bottom:26px;background:linear-gradient(#e7c568,#4d7996 48%,#e7c568);opacity:.82}
#trip .trip-line-item{grid-template-columns:43px 28px minmax(0,1fr);min-height:72px;margin-bottom:7px;padding:9px 11px 9px 7px;border-radius:19px;background:linear-gradient(105deg,rgba(8,35,57,.98),rgba(12,61,94,.95));border-color:rgba(221,191,116,.25);box-shadow:0 5px 14px rgba(2,22,37,.08)}
#trip .trip-line-item.cruise{border-color:rgba(239,204,116,.82);box-shadow:0 8px 20px rgba(4,39,63,.15),inset 3px 0 0 #e5c162}
#trip .trip-line-date{display:grid;place-items:center;align-content:center;min-height:43px;border-radius:12px;background:rgba(5,25,42,.42);border:1px solid rgba(233,201,110,.18)}
#trip .trip-line-date b{color:#f6dc91;font-size:.88rem}
#trip .trip-line-date small{color:#d6c38f;font-size:.45rem}
#trip .trip-line-dot{width:28px;height:28px;background:#0b3655;border-color:#e5c66d;box-shadow:0 0 0 4px #0a2d49}
#trip .trip-line-body>span:first-child{color:#f0d27c;font-size:.5rem}
#trip .trip-line-body h4{font-size:.86rem;margin-bottom:3px}
#trip .trip-line-body p{font-size:.66rem;color:#d4e3ec}

/* Accesos: icono en cápsula, chevron y apertura más evidente */
#trip .trip-hub-section-title.compact{margin-top:24px;margin-bottom:9px}
#trip .trip-hub-section-title.compact h3{font-size:1.55rem;color:#f4d582}
#trip .compact-access{gap:10px}
#trip .compact-access .trip-hub-block{border-radius:19px;border-color:rgba(220,189,114,.28);box-shadow:0 8px 20px rgba(2,25,42,.07)}
#trip .compact-access .trip-hub-block summary{position:relative;grid-template-columns:42px minmax(0,1fr) 18px;grid-template-rows:auto auto;column-gap:10px;min-height:70px;padding:11px 13px;background:linear-gradient(135deg,#092943,#103e60)}
#trip .compact-access .trip-hub-block summary::after{content:"⌄";grid-column:3;grid-row:1/3;align-self:center;justify-self:end;color:#e7c96f;font-size:1.15rem;font-weight:900;line-height:1;transition:transform .18s ease}
#trip .compact-access .trip-hub-block[open] summary::after{transform:rotate(180deg)}
#trip .compact-access .trip-hub-block summary>span:first-child{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(233,201,110,.28);font-size:20px}
#trip .compact-access .trip-hub-block summary>b{grid-column:2;grid-row:1;font-size:1rem;line-height:1.1}
#trip .compact-access .trip-hub-block summary>small{grid-column:2;grid-row:2;color:#bcd0de;font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#trip .compact-access .trip-hub-block[open] summary{background:linear-gradient(135deg,#0a2f4c,#115077);border-bottom-color:rgba(233,201,110,.24)}
#trip .trip-cabin-only{border-color:rgba(233,201,110,.55)!important}
#trip .trip-cabin-only summary>span:first-child{background:linear-gradient(155deg,#f0d078,#c99133)!important;color:#0b2c46;border-color:#ffe7a0!important}
#trip .trip-decks summary>span:first-child{color:#f0d27a}
#trip .trip-hub-block-body{padding:14px 15px 15px}

@media(max-width:560px){
  #trip .trip-hub-hero{grid-template-columns:minmax(0,1fr) 70px;min-height:168px;padding:18px 14px;gap:9px;border-radius:22px}
  #trip .trip-hub-copy>.eyebrow{font-size:.6rem;padding:4px 7px;margin-bottom:6px}
  #trip .trip-hub-copy h2{font-size:2.25rem;margin-bottom:7px}
  #trip .trip-hub-lead{font-size:.75rem;margin-bottom:10px}
  #trip .trip-hub-badges>span{font-size:.61rem;min-height:27px;padding:5px 7px}
  #trip .trip-hub-mark-v919{width:68px;height:91px;border-radius:18px}
  #trip .trip-hub-mark-v919 strong{font-size:2rem}
  #trip .trip-hub-mark-v919 span{font-size:.48rem}
  #trip .trip-hub-mark-v919 small{font-size:.42rem;max-width:55px}
  #trip .trip-journey-strip{padding:14px 10px 12px;border-radius:21px}
  #trip .trip-strip-route::before{left:9%;right:9%;top:21px}
  #trip .trip-strip-stop>span{width:42px;height:42px;font-size:19px}
  #trip .trip-strip-stop b{font-size:.55rem}
  #trip .trip-strip-stop small{font-size:.44rem}
  #trip .trip-line:before{left:54px}
  #trip .trip-line-item{grid-template-columns:41px 27px minmax(0,1fr);gap:7px;min-height:67px;padding:8px 8px 8px 6px}
  #trip .trip-line-date{min-height:40px;border-radius:11px}
  #trip .trip-line-body h4{font-size:.79rem}
  #trip .trip-line-body p{font-size:.61rem}
  #trip .compact-access .trip-hub-block summary{grid-template-columns:39px minmax(0,1fr) 16px;min-height:66px;padding:10px 11px}
  #trip .compact-access .trip-hub-block summary>span:first-child{width:35px;height:35px;font-size:18px}
  #trip .compact-access .trip-hub-block summary>b{font-size:.93rem}
  #trip .compact-access .trip-hub-block summary>small{font-size:.58rem}
}


/* =========================================================
   MSCxplorer v9.0.21 · PORTADA EL VIAJE AMPLIADA
   Imagen editorial a ancho completo, optimizada para iPhone/PWA.
   ========================================================= */
#trip .trip-cover-v920{
  margin:0 0 18px;
  padding:0;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(233,201,110,.72);
  background:#08243b;
  box-shadow:0 16px 34px rgba(4,26,44,.16);
}
#trip .trip-cover-v920 img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:contain;
  object-position:center;
  background:#08243b;
}
@media(max-width:560px){
  #trip .trip-cover-v920{margin-bottom:15px;border-radius:20px}
  #trip .trip-cover-v920 img{aspect-ratio:3/2}
}

/* ==========================================================
   MSCxplorer v9.0.22 · EL VIAJE · CABECERAS MÁS LEGIBLES
   Cronología en azul marino sobre fondo claro.
   ========================================================== */
#trip .trip-timeline-title h3,
#trip .trip-hub-section-title.compact h3{
  color:#082b47 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}
/* v9.0.24 · visor de planos con zoom táctil */
.armonia-map-viewer-shell{grid-template-rows:auto auto minmax(0,1fr) auto}
.armonia-map-zoombar{display:grid;grid-template-columns:42px 64px 42px minmax(0,1fr);gap:6px;align-items:center;padding:6px 10px;background:#061f33;border-bottom:1px solid rgba(230,199,111,.22)}
.armonia-map-zoombar button{appearance:none;-webkit-appearance:none;min-height:38px;border:1px solid rgba(230,199,111,.5);border-radius:10px;background:#0d4f79;color:#fff;font-weight:900;font-size:1.15rem}
.armonia-map-zoombar button#armoniaMapZoomLabel{font-size:.72rem}
.armonia-map-zoombar small{color:#cddce7;font-size:.67rem;text-align:right;line-height:1.15}
.armonia-map-viewer-body{touch-action:pan-x pan-y;position:relative}
.armonia-map-viewer-body img{transform-origin:top left;transition:width .12s ease;cursor:zoom-in}
@media(max-width:430px){.armonia-map-zoombar{grid-template-columns:38px 58px 38px minmax(0,1fr);padding:5px 8px}.armonia-map-zoombar button{min-height:36px}.armonia-map-zoombar small{font-size:.61rem}}

/* v9.0.24 · zoom de planos más fluido en iPhone */
.armonia-map-viewer-body{
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.armonia-map-viewer-body img{
  transition:width .16s cubic-bezier(.2,.7,.2,1);
  will-change:width;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.armonia-map-viewer-body img.is-pinching{
  transition:none !important;
}

/* v9.0.28 · El viaje · documentación local y utilizable */
.trip-doc-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}
.trip-doc-status>div{min-width:0}
.trip-doc-status>div small{display:block;margin-top:2px;line-height:1.2}
.trip-doc-status.pending{grid-template-columns:auto minmax(0,1fr)}
.trip-doc-open{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 11px;border:1px solid rgba(211,172,82,.72);border-radius:999px;background:#082f50;color:#fff;text-decoration:none;font-size:.78rem;font-weight:800;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.trip-doc-open:active{transform:scale(.97)}
@media(max-width:430px){.trip-doc-status{gap:8px}.trip-doc-open{min-height:30px;padding:4px 10px;font-size:.75rem}}


/* v9.0.30 · El viaje · ficha práctica camarote 1118 */
#trip .our-cabin-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
#trip .cabin-fact{display:flex;align-items:flex-start;gap:7px;padding:8px 9px;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid rgba(184,210,228,.16);min-width:0}
#trip .cabin-fact>span{flex:0 0 23px;width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:rgba(13,55,85,.72);font-size:12px;color:#f0d078}
#trip .cabin-fact div{min-width:0}
#trip .cabin-fact b{display:block;color:#fff;font-size:.76rem;line-height:1.05}
#trip .cabin-fact small{display:block;color:#c8d8e4;font-size:.64rem;line-height:1.28;margin-top:2px}
#trip .cabin-fact-warn{border-color:rgba(240,208,120,.34);background:rgba(240,208,120,.07)}
#trip .our-cabin-verdict{display:flex;align-items:flex-start;gap:8px;margin-top:8px;padding:9px 10px;border-radius:13px;border:1px solid rgba(240,208,120,.28);background:linear-gradient(145deg,rgba(9,43,67,.82),rgba(12,63,92,.52))}
#trip .our-cabin-verdict>span{font-size:15px;line-height:1.1}
#trip .our-cabin-verdict b{display:block;color:#f1d37f;font-size:.75rem;line-height:1.1}
#trip .our-cabin-verdict small{display:block;color:#d5e0e8;font-size:.65rem;line-height:1.34;margin-top:3px;text-align:justify}
@media(max-width:390px){
  #trip .our-cabin-facts{gap:6px}
  #trip .cabin-fact{padding:7px 8px;gap:6px}
  #trip .cabin-fact b{font-size:.71rem}
  #trip .cabin-fact small{font-size:.60rem}
  #trip .our-cabin-verdict small{font-size:.61rem}
}


/* v9.0.30 · El viaje · localizador visual 1118 */
#trip .cabin-1118-locator{margin:12px 0 14px;padding:12px;border:1px solid rgba(224,187,78,.55);border-radius:18px;background:linear-gradient(145deg,rgba(8,48,77,.88),rgba(7,35,57,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
#trip .cabin-1118-locator-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
#trip .cabin-1118-locator-head>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(180deg,#f0cf6d,#d9a93a);color:#102f49;font-size:1.25rem;font-weight:1000;border:1px solid #f3d987}
#trip .cabin-1118-locator-head b{display:block;color:#fff;font-size:.95rem;line-height:1.05}
#trip .cabin-1118-locator-head small{display:block;color:#e8c865;font-size:.69rem;font-weight:900;margin-top:3px}
#trip .cabin-1118-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;align-items:stretch}
#trip .cabin-1118-row span,#trip .cabin-1118-row strong{display:grid;place-items:center;min-height:40px;border-radius:10px;border:1px solid rgba(143,177,199,.34);background:#123e5f;color:#dfeaf1;font-size:.72rem;font-weight:900}
#trip .cabin-1118-row strong{background:linear-gradient(180deg,#f1d06d,#dda936);color:#102f49;border-color:#f4dc91;box-shadow:0 0 0 2px rgba(239,201,93,.18),0 3px 10px rgba(0,0,0,.17);font-size:.83rem}
@media(max-width:390px){#trip .cabin-1118-locator{padding:10px}#trip .cabin-1118-row{gap:4px}#trip .cabin-1118-row span,#trip .cabin-1118-row strong{font-size:.66rem;min-height:38px}}

/* v9.0.32 · El viaje · visor documental local compatible con iPhone/PWA */
.trip-document-viewer[hidden]{display:none!important}
.trip-document-viewer{position:fixed;inset:0;z-index:10020;background:rgba(2,17,29,.97);padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0);opacity:0;transition:opacity .14s ease}
.trip-document-viewer.open{opacity:1}
.trip-document-viewer-shell{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:#e7eef3}
.trip-document-viewer-head{display:grid;grid-template-columns:auto minmax(0,1fr) 40px;gap:8px;align-items:center;padding:7px 9px;background:#06253e;color:#fff;border-bottom:1px solid rgba(230,199,111,.35)}
.trip-document-viewer-head>div{min-width:0;text-align:center}.trip-document-viewer-head b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.trip-document-viewer-head small{display:block;color:#cbd9e4;font-size:.63rem;margin-top:1px}
.trip-document-back,.trip-document-close{appearance:none;-webkit-appearance:none;border:1px solid rgba(230,199,111,.46);background:#0d4f79;color:#fff;border-radius:10px;min-height:38px;font-weight:850}.trip-document-back{padding:0 9px;font-size:.73rem}.trip-document-close{font-size:1.25rem;width:40px}
.trip-document-toolbar{display:grid;grid-template-columns:auto auto auto 1fr auto auto;gap:6px;align-items:center;padding:6px 8px;background:#0a3554;color:#dbe7ef;border-bottom:1px solid rgba(255,255,255,.08)}
.trip-document-toolbar button{min-width:36px;min-height:34px;border-radius:9px;border:1px solid rgba(230,199,111,.4);background:#123f60;color:#fff;font-weight:900;font-size:.82rem}
.trip-document-toolbar .trip-document-page{font-size:.68rem;text-align:center;white-space:nowrap}.trip-document-toolbar .trip-document-zoom{font-size:.68rem;color:#f2d679;white-space:nowrap}
.trip-document-viewer-body{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#cfd9e0;text-align:center;touch-action:pan-x pan-y}.trip-document-viewer-body.swiping{overflow:hidden}
.trip-document-viewer-body img{display:block;width:100%;height:auto;max-width:none;margin:0 auto;transform-origin:0 0;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
/* v9.0.44 · swipe natural: seguimiento 1:1 y goma solo en extremos */
.trip-document-viewer-body img{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){.trip-document-viewer,.trip-document-viewer-body img{transition:none!important}}
.trip-document-viewer-foot{display:flex;align-items:center;justify-content:center;padding:10px 12px max(10px,env(safe-area-inset-bottom,0px));background:#e7eef3;color:#173b57;font-size:.62rem;border:0;box-shadow:none}.trip-document-viewer-foot>span{display:none!important}.trip-document-return{flex:0 1 280px;width:min(78vw,280px);color:#fff;background:#0d4f79;font-weight:900;border:1px solid rgba(230,199,111,.62);border-radius:12px;padding:10px 14px;min-height:42px;box-shadow:0 2px 8px rgba(2,37,62,.14)}.trip-document-viewer-foot{position:relative;z-index:4}
body.trip-document-open{overflow:hidden}
#trip .trip-doc-open{font-family:inherit;cursor:pointer;text-decoration:none;display:inline-grid;place-items:center}
@media(max-width:430px){.trip-document-viewer-head{grid-template-columns:auto minmax(0,1fr) 38px;padding:6px 8px}.trip-document-close{width:38px}.trip-document-toolbar{grid-template-columns:34px 34px 34px 1fr 34px 34px;gap:4px}.trip-document-toolbar button{min-width:32px}.trip-document-viewer-foot span{display:none!important}}

.trip-doc-open{appearance:none;-webkit-appearance:none;font:inherit;cursor:pointer}

/* v9.0.44 · Swipe documental natural en iPhone */
.trip-document-viewer-body img,.armonia-map-viewer-body img{transform:translate3d(0,0,0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}


/* =========================================================
   MSCxplorer v9.0.45 · Cruceros · portada fotográfica
   Sustituye la antigua carta de navegación por una imagen
   protagonista de alto impacto visual.
   ========================================================= */
#cruises .cruise-journey-photo-hero{
  display:block!important;position:relative;overflow:hidden;padding:0!important;
  min-height:0!important;aspect-ratio:3/2;
  border:1px solid rgba(240,207,114,.92)!important;
  outline:1px solid rgba(255,255,255,.10);outline-offset:-5px;
  background:#061f38!important;
  box-shadow:inset 0 3px 0 rgba(255,229,160,.30),0 22px 48px rgba(3,20,38,.22)!important;
}
#cruises .cruise-journey-photo-hero::before{content:none!important}
#cruises .cruise-journey-hero-image{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center center;
}
@media (max-width:560px){
  #cruises .cruise-journey-photo-hero{padding:0!important;aspect-ratio:3/2;border-radius:20px}
  #cruises .cruise-journey-hero-image{object-position:center center}
}

/* v9.0.47 · Documentos integrados en Cronología */
#trip .trip-timeline-doc{display:inline-flex;margin-top:7px;min-height:28px;padding:4px 10px;font-size:.69rem;line-height:1;border-color:rgba(224,188,92,.78);background:linear-gradient(180deg,#0b3d65,#082f50)}
#trip .trip-line-item.cruise .trip-timeline-doc{margin-top:8px}
@media(max-width:430px){#trip .trip-timeline-doc{min-height:27px;padding:4px 9px;font-size:.66rem}}

/* v9.0.48 · Recuperado Planos del barco como bloque independiente en El viaje */

/* v9.0.50 · Seguro de viaje IATI */
.trip-insurance-shortcut{display:block;width:calc(100% - 8px);margin:10px 4px 0;padding:10px 12px;border:1px solid rgba(224,184,78,.55);border-radius:14px;background:linear-gradient(180deg,rgba(13,48,77,.96),rgba(8,32,53,.98));color:#fff;font:700 13px/1.2 inherit;text-align:center;box-shadow:0 5px 16px rgba(0,0,0,.12)}
.trip-insurance-v9050 summary{cursor:pointer}.trip-insurance-body{display:grid;gap:12px}.trip-insurance-hero{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.10)}
.trip-insurance-mark{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:15px;background:#fff;color:#071a2b;font-weight:900;letter-spacing:-1px}.trip-insurance-hero h4{margin:0 0 3px;font-size:15px}.trip-insurance-hero p{margin:0;font-size:12px;line-height:1.35;opacity:.82}
.trip-insurance-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trip-insurance-action{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:10px;border-radius:14px;text-decoration:none;color:inherit;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10)}.trip-insurance-action.primary{border-color:rgba(224,184,78,.48)}.trip-insurance-action>span{grid-row:1/3;font-size:20px}.trip-insurance-action b{font-size:11.5px;line-height:1.15}.trip-insurance-action small{font-size:10px;opacity:.72;margin-top:2px}
.trip-insurance-data{display:grid;grid-template-columns:1fr 1fr;gap:7px}.trip-insurance-data>div{padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.trip-insurance-data small{display:block;font-size:10px;opacity:.68;margin-bottom:2px}.trip-insurance-data b{font-size:12px}
.trip-insurance-links{display:flex;gap:7px;flex-wrap:wrap}.trip-insurance-links a{flex:1 1 auto;min-width:0;padding:8px 9px;border-radius:11px;text-align:center;text-decoration:none;font-size:10.5px;font-weight:700;color:inherit;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.trip-insurance-note{margin:0;font-size:11.5px;line-height:1.45;text-align:justify;opacity:.82}
@media(max-width:430px){.trip-insurance-actions{grid-template-columns:1fr}.trip-insurance-data{grid-template-columns:1fr 1fr}.trip-insurance-links{display:grid;grid-template-columns:1fr 1fr}.trip-insurance-links a:last-child{grid-column:1/-1}}

/* v9.0.48R1 · Seguro IATI oscuro con texto blanco */
#trip .trip-insurance-v9050,
#trip .trip-insurance-v9050[open]{
  background:linear-gradient(180deg,#0a2f4e 0%,#061d31 100%)!important;
  color:#fff!important;
  border-color:rgba(126,169,201,.55)!important;
}
#trip .trip-insurance-v9050 summary,
#trip .trip-insurance-v9050 summary b,
#trip .trip-insurance-v9050 summary small,
#trip .trip-insurance-v9050 .trip-hub-block-body,
#trip .trip-insurance-v9050 h4,
#trip .trip-insurance-v9050 p,
#trip .trip-insurance-v9050 b,
#trip .trip-insurance-v9050 small,
#trip .trip-insurance-v9050 a{color:#fff!important}
#trip .trip-insurance-v9050 summary small,
#trip .trip-insurance-v9050 .trip-insurance-hero p,
#trip .trip-insurance-v9050 .trip-insurance-action small,
#trip .trip-insurance-v9050 .trip-insurance-data small{color:rgba(255,255,255,.78)!important;opacity:1!important}
#trip .trip-insurance-v9050 .trip-insurance-hero,
#trip .trip-insurance-v9050 .trip-insurance-action,
#trip .trip-insurance-v9050 .trip-insurance-data>div,
#trip .trip-insurance-v9050 .trip-insurance-links a{
  background:linear-gradient(180deg,rgba(9,42,70,.96),rgba(5,27,46,.98))!important;
  border-color:rgba(126,169,201,.42)!important;
  color:#fff!important;
}
#trip .trip-insurance-v9050 .trip-insurance-action.primary{border-color:rgba(224,184,78,.68)!important}
#trip .trip-insurance-v9050 .trip-insurance-note{color:#fff!important;opacity:1!important}
#trip .trip-insurance-v9050 .trip-insurance-mark{background:#fff!important;color:#071a2b!important}

/* =========================================================
   MSCxplorer v9.0.48R1 · Inicio: Mis excursiones y Tiempo plegables
   Cerrados por defecto para una portada más compacta.
   ========================================================= */
#homeMyCruise .my-cruise-home-fold{
  margin-top:14px!important;
  padding:0!important;
  border:1px solid rgba(132,194,236,.34)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(13,50,80,.92),rgba(5,30,53,.96))!important;
  overflow:hidden;
}
#homeMyCruise .my-cruise-home-fold>summary{
  list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;
  min-height:54px;padding:11px 14px;color:#fff;user-select:none;-webkit-tap-highlight-color:transparent;
}
#homeMyCruise .my-cruise-home-fold>summary::-webkit-details-marker{display:none}
#homeMyCruise .my-cruise-home-fold>summary::after{
  content:'⌄';display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;
  border:1px solid rgba(255,255,255,.22);color:#fff;font-size:18px;font-weight:900;line-height:1;transition:transform .18s ease;
}
#homeMyCruise .my-cruise-home-fold[open]>summary::after{transform:rotate(180deg)}
#homeMyCruise .my-cruise-home-fold>summary>span{font-size:16px;font-weight:950;color:#fff;min-width:0}
#homeMyCruise .my-cruise-home-fold>summary>small{grid-column:1/2;color:#cfe2ef;font-size:10.5px;font-weight:800;line-height:1.25;margin-top:-5px;min-width:0}
#homeMyCruise .my-cruise-home-fold-body{padding:0 12px 12px}
#homeMyCruise .my-cruise-home-fold[open]>summary{border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:10px}
#homeMyCruise .my-cruise-home-fold.my-cruise-weather .my-cruise-weather-list,
#homeMyCruise .my-cruise-home-fold.my-cruise-excursions .my-cruise-excursion-list{margin-top:0}
@media(max-width:420px){
 #homeMyCruise .my-cruise-home-fold>summary{grid-template-columns:minmax(0,1fr) auto;padding:10px 12px;min-height:50px}
 #homeMyCruise .my-cruise-home-fold>summary>span{font-size:15px}
 #homeMyCruise .my-cruise-home-fold>summary>small{font-size:10px}
}



/* =========================================================
   MSCxplorer v9.0.50 · Flota · portada fotográfica
   La imagen aprobada pasa a ser la presentación protagonista
   de la sección Flota, sin duplicar textos sobre ella.
   ========================================================= */
#ships #shipListView .ship-fleet-photo-hero{
  display:block!important;
  position:relative;
  overflow:hidden;
  padding:0!important;
  min-height:0!important;
  aspect-ratio:3/2;
  border:1px solid rgba(240,207,114,.92)!important;
  outline:1px solid rgba(255,255,255,.10);
  outline-offset:-5px;
  background:#061f38!important;
  box-shadow:inset 0 3px 0 rgba(255,229,160,.30),0 22px 48px rgba(3,20,38,.22)!important;
}
#ships #shipListView .ship-fleet-photo-hero::before,
#ships #shipListView .ship-fleet-photo-hero::after{content:none!important}
#ships .ship-fleet-presentation-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
@media (max-width:560px){
  #ships #shipListView .ship-fleet-photo-hero{
    padding:0!important;
    aspect-ratio:3/2;
    border-radius:20px;
  }
  #ships .ship-fleet-presentation-image{object-position:center center}
}


/* =========================================================
   MSCxplorer v9.0.51 · Comparador · portada fotográfica
   La imagen aprobada pasa a ser la presentación protagonista
   de la sección Comparador, manteniendo debajo la mesa de comparación.
   ========================================================= */
#compare .compare-photo-hero{
  display:block!important;
  position:relative;
  overflow:hidden;
  padding:0!important;
  min-height:0!important;
  aspect-ratio:3/2;
  border:1px solid rgba(240,207,114,.92)!important;
  outline:1px solid rgba(255,255,255,.10);
  outline-offset:-5px;
  background:#061f38!important;
  box-shadow:inset 0 3px 0 rgba(255,229,160,.30),0 22px 48px rgba(3,20,38,.22)!important;
}
#compare .compare-photo-hero::before,
#compare .compare-photo-hero::after{content:none!important}
#compare .compare-presentation-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
@media (max-width:560px){
  #compare .compare-photo-hero{
    padding:0!important;
    aspect-ratio:3/2;
    border-radius:20px;
  }
  #compare .compare-presentation-image{object-position:center center}
}


/* =========================================================
   MSCxplorer v9.0.53 · Cruceros vigentes + Histórico
   Actualización local automática por fecha del dispositivo.
   ========================================================= */
#cruises .cruise-freshness-bar{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;
  margin:0 0 10px;padding:10px 11px;border-radius:15px;
  border:1px solid rgba(240,207,114,.28);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
}
#cruises .cruise-freshness-copy{min-width:0;display:grid;gap:3px}
#cruises .cruise-freshness-copy>div{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}
#cruises .cruise-freshness-copy strong{color:#fff;font-size:13px;line-height:1.15}
#cruises .cruise-freshness-copy small{display:block;color:#cfe2ef;font-size:10.5px;font-weight:700;line-height:1.25}
#cruises .cruise-auto-badge{padding:3px 7px!important;font-size:9.5px!important;line-height:1!important;background:rgba(103,201,151,.14)!important;border-color:rgba(103,201,151,.42)!important;color:#bff2d4!important}
#cruises .cruise-freshness-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:nowrap}
#cruises .cruise-freshness-actions .btn{min-height:34px!important;padding:6px 9px!important;font-size:10.5px!important;white-space:nowrap}
#cruises #cruiseHistoryToggle[aria-pressed="true"]{background:linear-gradient(180deg,#f3d77f,#d3a846)!important;color:#102a43!important;border-color:#ffe8a8!important}
@media(max-width:560px){
 #cruises .cruise-freshness-bar{grid-template-columns:1fr;gap:8px;padding:9px 10px}
 #cruises .cruise-freshness-actions{justify-content:stretch}
 #cruises .cruise-freshness-actions .btn{flex:1 1 0}
 #cruises .cruise-freshness-copy small{font-size:10px}
}


/* =========================================================
   MSCxplorer v9.0.83 · Inicio · consolidación definitiva
   - Una sola portada activa: Mi crucero.
   - Foto panorámica con barco completo.
   - Contadores fuera de la fotografía, dentro de la tarjeta.
   - Tarjeta ajustada al contenido, sin altura mínima residual.
   ========================================================= */
#homeMyCruise .my-cruise-welcome-hero{
  min-height:0!important;
  height:auto!important;
  flex:none!important;
  padding:13px!important;
}
#homeMyCruise .my-cruise-welcome-art{
  flex:0 0 auto!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:2.15/1!important;
  margin:13px 0 8px!important;
  background-image:linear-gradient(to bottom,rgba(5,22,39,.01) 0%,rgba(4,22,39,.03) 68%,rgba(3,18,33,.18) 100%),url('assets/images/inicio-mi-crucero-hero-v9.0.82.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
}
#homeMyCruise .my-cruise-welcome-art::before{display:none!important}
#homeMyCruise .my-cruise-welcome-summary{
  position:relative!important;
  left:auto!important;right:auto!important;bottom:auto!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  margin:0 0 10px!important;
  padding:8px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:17px!important;
  background:rgba(3,21,38,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
}
#homeMyCruise .my-cruise-welcome-summary span{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:0!important;min-height:48px!important;margin:0!important;padding:7px 5px!important;
  border:1px solid rgba(152,205,237,.18)!important;border-radius:13px!important;
  background:rgba(255,255,255,.055)!important;color:#f4f9fc!important;
  font-size:clamp(10px,2.55vw,12px)!important;line-height:1.15!important;font-weight:900!important;text-align:center!important;
}
#homeMyCruise .my-cruise-welcome-summary span:first-child{
  border-color:rgba(224,183,74,.42)!important;background:rgba(224,183,74,.12)!important;color:#fff0b8!important;
}
#homeMyCruise .my-cruise-welcome-footer{min-height:28px!important;padding:0 3px!important;margin:0!important}
@media(max-width:560px){
  #homeMyCruise .my-cruise-welcome-hero{padding:11px!important}
  #homeMyCruise .my-cruise-welcome-art{aspect-ratio:2.08/1!important;margin:11px 0 8px!important}
  #homeMyCruise .my-cruise-welcome-summary{gap:6px!important;padding:7px!important;margin-bottom:9px!important}
  #homeMyCruise .my-cruise-welcome-summary span{min-height:46px!important;font-size:10px!important;padding:6px 4px!important}
}
@media(max-width:390px){
  #homeMyCruise .my-cruise-welcome-hero{padding:10px!important}
  #homeMyCruise .my-cruise-welcome-art{aspect-ratio:2.02/1!important;margin-top:10px!important}
  #homeMyCruise .my-cruise-welcome-summary span{min-height:44px!important;font-size:9.7px!important}
}


/* MSCxplorer v9.0.87 · Fondo global continuo + cierre inicial de desplegables */
html{min-height:100%;background:#deedf9!important;}
body{min-height:100vh;min-height:100dvh;background:radial-gradient(1200px 540px at 10% -10%,rgba(121,185,229,.20),transparent 62%),radial-gradient(1000px 500px at 100% 0%,rgba(8,78,130,.10),transparent 58%),linear-gradient(180deg,#ecf6fd 0%,#deedf9 48%,#eaf4fb 100%)!important;}
main{min-height:calc(100vh - 150px);min-height:calc(100dvh - 150px);}
@supports (-webkit-touch-callout:none){html,body{min-height:-webkit-fill-available;}main{min-height:calc(100dvh - 150px);}}


/* MSCxplorer v9.1.00 · portada MSCxplorer panorámica */
#explorer .explorer-hero-photo-only .explorer-hero-art{aspect-ratio:16/9 !important;}
#explorer .explorer-hero-photo-only .explorer-hero-image{object-fit:cover !important;object-position:center center !important;}
@media (max-width:520px){#explorer .explorer-hero-photo-only .explorer-hero-art{aspect-ratio:16/9 !important;}}

/* MSCxplorer v9.1.11 · Comparador: puntuación Global visible.
   Corrección localizada: conserva el diseño y los cálculos existentes. */
#compare .compare-key b{
  background:#102a43 !important;
  color:#ffe7a0 !important;
  -webkit-text-fill-color:#ffe7a0 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* MSCxplorer v9.1.14 · Fondo general azul marino en todas las pantallas.
   Cambio conservador: oscurece únicamente el lienzo global y los contenedores de pantalla;
   conserva tarjetas, formularios y componentes internos con sus estilos propios para no perder legibilidad. */
html{
  background:#031426 !important;
}
body{
  background:
    radial-gradient(1100px 520px at 12% -8%,rgba(20,104,166,.20),transparent 62%),
    radial-gradient(900px 460px at 100% 5%,rgba(13,78,132,.16),transparent 58%),
    linear-gradient(180deg,#04182b 0%,#031426 48%,#021120 100%) !important;
}
main{
  background:transparent !important;
}
.panel,
.detail-panel,
.list-view{
  background:transparent !important;
}
@supports (-webkit-touch-callout:none){
  html,body{background-color:#031426 !important;}
}


/* MSCxplorer v9.1.15 · Auditoría MSCxplorer + Xtras.
   Consolidación segura: estilos Xtras migrados desde index/404 al CSS principal,
   navegación interna explícita y cabecera del Comparador. */
#xtras{background:linear-gradient(180deg,#061c31 0%,#03182b 55%,#021426 100%)!important;min-height:calc(100dvh - 150px);padding-bottom:34px!important}
#xtras .xtras-hub{padding:22px 18px 20px;background:linear-gradient(145deg,#072743,#05213a)!important;border-color:rgba(35,124,187,.62)!important;box-shadow:0 14px 30px rgba(0,15,30,.28)!important;color:#fff!important}
#xtras .xtras-hub h2{color:#fff!important}
#xtras .xtras-hub .xtras-lead{color:rgba(224,236,248,.78)!important}
#xtras .xtras-hub .eyebrow{color:#f0cc68!important;background:#0b4c7d!important}
#xtras .xtras-hub h2{margin:8px 0 6px;font-size:clamp(30px,8vw,44px)}
#xtras .xtras-grid{display:grid;gap:12px}
#xtras .xtras-entry{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;text-align:left;border:1px solid rgba(226,190,93,.62);border-radius:20px;padding:15px 16px;background:linear-gradient(145deg,#0b3f69,#0d527f);color:#fff;box-shadow:0 8px 20px rgba(3,34,61,.14);font:inherit}
#xtras .xtras-entry:active{transform:translateY(1px)}
#xtras .xtras-entry .xtras-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:rgba(255,255,255,.09);font-size:25px}
#xtras .xtras-entry span:nth-child(2){min-width:0;display:grid;gap:3px}
#xtras .xtras-entry b{font-size:20px;line-height:1.05}
#xtras .xtras-entry small{font-size:14px;line-height:1.25;color:rgba(255,255,255,.78)}
#xtras .xtras-entry i{font-style:normal;font-size:34px;line-height:1;color:#f0cc68}
@media(max-width:520px){#xtras .xtras-hub{padding:18px 14px 16px}#xtras .xtras-entry{padding:13px 14px;border-radius:18px}#xtras .xtras-entry b{font-size:18px}}

#favorites,#compare,#wwii{position:relative}
.xtras-child-nav{display:flex;align-items:center;margin:0 0 10px;padding:0 2px}
.xtras-child-nav .xtras-back{min-height:44px;padding:8px 13px;border-radius:12px;font-weight:850}
.compare-xtras-head{padding:15px 16px;margin-top:12px}
.compare-xtras-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.compare-xtras-title-row h2{margin:4px 0 4px}
.compare-xtras-title-row p{margin:0;line-height:1.45}
.compare-xtras-title-row .badge{flex:0 0 auto;white-space:nowrap;margin-top:4px}
@media(max-width:520px){
  .xtras-child-nav{margin-bottom:8px}
  .xtras-child-nav .xtras-back{min-height:44px;padding:8px 12px}
  .compare-xtras-title-row{display:grid;gap:8px}
  .compare-xtras-title-row .badge{justify-self:start;margin-top:0}
}

/* =========================================================
   MSCxplorer v9.1.17 · Auditoría visual iPhone MSCxplorer + Xtras
   Ajustes conservadores de anchura, compactación y desbordamientos.
   Mantiene intacta la geometría validada de la navegación superior.
   ========================================================= */
#explorer,#xtras,#favorites,#compare,#wwii,
#explorer *,#xtras *,#favorites *,#compare *,#wwii *{min-width:0}

@media(max-width:560px){
  main{
    padding-left:max(10px,env(safe-area-inset-left))!important;
    padding-right:max(10px,env(safe-area-inset-right))!important;
    padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
  }

  /* Xtras: entradas más compactas y texto protegido frente a desbordamientos. */
  #xtras{padding-bottom:max(28px,env(safe-area-inset-bottom))!important}
  #xtras .xtras-grid{gap:10px}
  #xtras .xtras-entry{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:12px 12px!important}
  #xtras .xtras-entry .xtras-icon{width:42px;height:42px;border-radius:13px;font-size:22px}
  #xtras .xtras-entry b,#xtras .xtras-entry small{overflow-wrap:anywhere}
  #xtras .xtras-entry b{font-size:17px!important}
  #xtras .xtras-entry small{font-size:12.5px!important;line-height:1.22}
  #xtras .xtras-entry i{font-size:30px}

  /* Navegación secundaria: clara, táctil y sin ocupar más altura de la necesaria. */
  .xtras-child-nav{margin:0 0 8px!important;padding:0!important}
  .xtras-child-nav .xtras-back{min-height:44px!important;padding:8px 12px!important;font-size:13px!important;white-space:nowrap}

  /* MSCxplorer: búsqueda y fichas compactas en iPhone. */
  #explorer .explorer-search-card{margin-top:10px!important}
  #explorer .explorer-search-card .explorer-filters{margin-top:11px!important}
  #explorer .explorer-search-card input{min-height:46px!important}
  #explorer .catalog-grid{gap:10px!important}
  #explorer .catalog-card-v8{padding-left:13px!important;padding-right:13px!important}
  #explorer .catalog-card-meta{display:flex!important;flex-wrap:wrap!important}
  #explorer .catalog-card-meta span{max-width:100%;overflow-wrap:anywhere}

  /* Favoritos: portada algo más baja para no dominar la primera pantalla. */
  #favorites>.favorites-head.favorites-vault-hero{gap:10px!important}
  #favorites .favorites-vault-copy{gap:8px!important}
  #favorites .favorites-vault-copy h2{font-size:clamp(34px,10vw,44px)!important}
  #favorites .favorites-vault-visual{min-height:184px!important}
  #favorites .favorites-vault-counter{max-width:100%;flex-wrap:wrap}

  /* Comparador: protege títulos, contador y puntuaciones en pantallas estrechas. */
  #compare .compare-xtras-head{padding:13px 14px!important;margin-top:10px!important}
  #compare .compare-xtras-title-row h2{font-size:28px;margin-top:1px!important}
  #compare .compare-xtras-title-row p{line-height:1.38}
  #compare .compare-xtras-title-row .badge{max-width:100%;white-space:normal;text-align:center}
  #compare .compare-card-head h3{overflow-wrap:anywhere}
  #compare .compare-theme-row{min-width:0}
  #compare .compare-theme-row span{min-width:0;overflow-wrap:anywhere}

  /* Archivo WWII: reduce altura inicial y evita que referencia/puntuaciones aprieten el título. */
  #wwii .wwii-archive-copy p{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}
  #wwii .wwii-archive-visual{min-height:210px!important}
  #wwii .wwii-search-panel{margin-bottom:13px!important}
  #wwii .wwii-grid{gap:12px!important;margin-top:12px!important}
  #wwii .wwii-file-head{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  #wwii .wwii-file-title h3{overflow-wrap:anywhere}
  #wwii .wwii-file-ref{min-width:54px!important;padding:6px!important}
  #wwii .wwii-score-row{display:flex!important;flex-wrap:wrap!important}
  #wwii .wwii-score-row .badge{white-space:normal!important;text-align:center}
  #wwii .wwii-file-links{display:grid!important;grid-template-columns:1fr!important}
  #wwii .wwii-file-links a{width:100%;min-width:0;overflow-wrap:anywhere}
}

@media(max-width:390px){
  #xtras .xtras-hub{padding:15px 12px 13px!important}
  #xtras .xtras-hub h2{font-size:32px!important}
  #xtras .xtras-entry{grid-template-columns:38px minmax(0,1fr) auto;padding:11px!important}
  #xtras .xtras-entry .xtras-icon{width:38px;height:38px;font-size:20px}
  #xtras .xtras-entry b{font-size:16px!important}
  #xtras .xtras-entry small{font-size:12px!important}

  #favorites .favorites-vault-visual{min-height:170px!important}
  #favorites .favorites-pass{height:146px!important}

  #compare .compare-theme-grid{grid-template-columns:1fr!important}
  #compare .compare-photo-hero{border-radius:18px!important}

  #wwii .wwii-archive-hero{padding:13px!important}
  #wwii .wwii-archive-copy h2{font-size:34px!important}
  #wwii .wwii-archive-visual{min-height:196px!important}
  #wwii .wwii-file-head{grid-template-columns:1fr!important}
  #wwii .wwii-file-ref{justify-self:start;grid-auto-flow:column;align-items:center;gap:5px;min-width:0!important}
  #wwii .wwii-file-ref b{font-size:18px!important}
}


/* v9.1.22 · Copia global de datos personales */
.my-cruise-user-backup{margin-top:12px}
.my-cruise-user-backup-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(224,190,92,.55);border-radius:17px;background:linear-gradient(145deg,#061b31,#0b3658);color:#f3f8fc;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.my-cruise-user-backup-card b{display:block;color:#fff;font-size:15px;line-height:1.2;margin-bottom:4px}.my-cruise-user-backup-card p{margin:0;color:#d6e5f1;font-size:12px;line-height:1.35}
.my-cruise-user-backup-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.my-cruise-user-backup-actions .btn{white-space:nowrap}
@media(max-width:520px){.my-cruise-user-backup-card{grid-template-columns:1fr}.my-cruise-user-backup-actions{justify-content:stretch}.my-cruise-user-backup-actions .btn{flex:1 1 0}}

/* v9.1.31 · Mi camarote: consulta compacta + edición bajo demanda */
#homeMyCruise .my-cruise-cabin-edit{margin-top:8px;border-radius:12px;border:1px solid rgba(132,194,236,.24);background:rgba(4,25,45,.18);overflow:hidden}
#homeMyCruise .my-cruise-cabin-edit>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;min-height:40px;padding:7px 9px;cursor:pointer;color:#fff;touch-action:manipulation}
#homeMyCruise .my-cruise-cabin-edit>summary::-webkit-details-marker{display:none}
#homeMyCruise .my-cruise-cabin-edit>summary span{font-size:11px;font-weight:900}
#homeMyCruise .my-cruise-cabin-edit>summary small{font-size:9px;color:#bcd3e2;font-weight:750;text-align:right}
#homeMyCruise .my-cruise-cabin-edit>summary i{font-style:normal;color:#f2d67f;font-size:14px;transition:transform .16s ease}
#homeMyCruise .my-cruise-cabin-edit[open]>summary{border-bottom:1px solid rgba(132,194,236,.18)}
#homeMyCruise .my-cruise-cabin-edit[open]>summary i{transform:rotate(180deg)}
#homeMyCruise .my-cruise-cabin-edit .my-cruise-cabin-form{padding:9px}
#homeMyCruise .my-cruise-cabin-edit .my-cruise-cabin-privacy{margin:0 10px 9px!important}
@media(max-width:390px){#homeMyCruise .my-cruise-cabin-edit>summary{grid-template-columns:minmax(0,1fr) auto}#homeMyCruise .my-cruise-cabin-edit>summary small{display:none}}


/* v9.1.33 · Preparativos: Seguridad y copias + jerarquía de colecciones */
#homeMyCruise .my-cruise-user-backup{margin-top:14px;padding-top:12px;border-top:1px solid rgba(224,190,92,.32)}
#homeMyCruise .my-cruise-security-head{display:flex;align-items:center;gap:9px;margin:0 1px 8px;color:#fff}
#homeMyCruise .my-cruise-security-head>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:10px;background:rgba(224,190,92,.13);border:1px solid rgba(224,190,92,.36);font-size:16px}
#homeMyCruise .my-cruise-security-head b{display:block;font-size:13px;line-height:1.15;color:#fff}
#homeMyCruise .my-cruise-security-head small{display:block;margin-top:2px;font-size:9px;line-height:1.25;color:#bcd3e2;font-weight:750}
#homeMyCruise .my-cruise-user-backup-card{margin-top:0}
#homeMyCruise .my-cruises-library>summary small{max-width:54%;line-height:1.15;text-align:right}
@media(max-width:390px){#homeMyCruise .my-cruise-security-head small{font-size:8.5px}#homeMyCruise .my-cruises-library>summary small{max-width:48%;font-size:9px}}

/* v9.1.35 · Internet a bordo: servicio contratado, visible y compacto en El viaje. */
#trip .trip-internet-v9135{border-color:rgba(104,188,235,.36)}
#trip .trip-internet-v9135 summary{background:linear-gradient(135deg,#092943,#0b456a)}
#trip .trip-internet-body{display:grid;gap:11px}
#trip .trip-internet-hero{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(120,205,248,.2)}
#trip .trip-internet-icon{display:grid;place-items:center;flex:0 0 50px;height:50px;border-radius:14px;background:#fff;color:#08243a;font-weight:900;font-size:13px;letter-spacing:-.2px}
#trip .trip-internet-hero h4{margin:0 0 3px;color:#fff;font-size:15px}
#trip .trip-internet-hero p{margin:0;color:#c9dce8;font-size:11.5px;line-height:1.35}
#trip .trip-internet-data{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#trip .trip-internet-data>div{padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075)}
#trip .trip-internet-data small{display:block;margin-bottom:2px;color:#b9ccda;font-size:9.5px}
#trip .trip-internet-data b{color:#fff;font-size:11.5px}
#trip .trip-internet-note{margin:0!important;color:#edf4f8!important;font-size:11.5px!important;line-height:1.45!important;text-align:justify}
#trip .trip-internet-doc{display:block;padding:9px 11px;border-radius:12px;text-align:center;text-decoration:none;color:#fff;font-size:11px;font-weight:800;background:rgba(255,255,255,.06);border:1px solid rgba(120,205,248,.22)}

/* v9.1.36 · Restaura el estudio profundo dentro de la ficha de Excursión. */
#portDetail .mscx-excursion-deep-study{margin-top:14px;border:1px solid rgba(212,180,91,.62);border-radius:18px;background:linear-gradient(145deg,#0b3558,#082844);overflow:hidden}
#portDetail .mscx-excursion-deep-study>summary{list-style:none;cursor:pointer;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;background:linear-gradient(145deg,#11466f,#0a3152)}
#portDetail .mscx-excursion-deep-study>summary::-webkit-details-marker{display:none}
#portDetail .mscx-excursion-deep-study>summary span{display:grid;gap:3px;min-width:0}
#portDetail .mscx-excursion-deep-study>summary b{font-size:1rem;color:#fff;line-height:1.25}
#portDetail .mscx-excursion-deep-study>summary small{font-size:.76rem;color:#d7e9f5;font-weight:750;line-height:1.35}
#portDetail .mscx-excursion-deep-study>summary:after{content:'＋';font-size:1.25rem;font-weight:950;color:#f2ce6a;flex:0 0 auto}
#portDetail .mscx-excursion-deep-study[open]>summary:after{content:'−'}
#portDetail .mscx-excursion-deep-body{padding:12px;display:grid;gap:10px}
#portDetail .mscx-excursion-deep-body>.mscx-special-detail{margin:0}
@media (max-width:520px){#portDetail .mscx-excursion-deep-study{border-radius:16px}#portDetail .mscx-excursion-deep-study>summary{padding:13px}#portDetail .mscx-excursion-deep-body{padding:9px}}


/* v9.1.38 · El estudio profundo vuelve a estar visible desde Mis excursiones en Inicio. */
#homeMyCruise .my-cruise-excursion-study{grid-column:1/-1;margin:10px 0 0;border:1px solid rgba(225,190,84,.55);border-radius:14px;overflow:hidden;background:linear-gradient(145deg,rgba(14,58,91,.98),rgba(7,37,61,.98))}
#homeMyCruise .my-cruise-excursion-study>summary{list-style:none;cursor:pointer;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(145deg,#174b72,#0d3557)}
#homeMyCruise .my-cruise-excursion-study>summary::-webkit-details-marker{display:none}
#homeMyCruise .my-cruise-excursion-study>summary span{display:grid;gap:2px}
#homeMyCruise .my-cruise-excursion-study>summary b{font-size:12px;color:#fff}
#homeMyCruise .my-cruise-excursion-study>summary small{font-size:9.5px;color:#d7e8f3;font-weight:700}
#homeMyCruise .my-cruise-excursion-study>summary:after{content:'＋';color:#f0cf68;font-size:18px;font-weight:900}
#homeMyCruise .my-cruise-excursion-study[open]>summary:after{content:'−'}
#homeMyCruise .my-cruise-excursion-study-body{padding:10px;display:grid;gap:9px;color:#eef7fb}
#homeMyCruise .my-cruise-excursion-study-body .study-intro,#homeMyCruise .my-cruise-excursion-study-body p{margin:0;font-size:10.5px;line-height:1.48;text-align:justify}
#homeMyCruise .my-cruise-excursion-study-body h4{margin:0 0 5px;font-size:11px;color:#fff}
#homeMyCruise .my-cruise-excursion-study-body section,#homeMyCruise .my-cruise-excursion-study-body>details,#homeMyCruise .my-cruise-excursion-study-body .study-tip{padding:9px;border-radius:11px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
#homeMyCruise .my-cruise-excursion-study-body>details>summary{cursor:pointer;font-size:10.5px;font-weight:850;color:#f5f8fa;margin:0}
#homeMyCruise .my-cruise-excursion-study-body>details[open]>summary{margin-bottom:7px}
#homeMyCruise .my-cruise-excursion-study-body ul{margin:6px 0 0 18px;padding:0;font-size:10.5px;line-height:1.45}
#homeMyCruise .my-cruise-excursion-study-body .study-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
#homeMyCruise .my-cruise-excursion-study-body .study-pills span{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);font-size:9px}
#homeMyCruise .my-cruise-excursion-study-body .study-tip{border-color:rgba(225,190,84,.35)}
#homeMyCruise .my-cruise-excursion-study-body .study-tip b{color:#f2d16d;font-size:10.5px}


/* v9.1.40 · Estudio profundo de excursiones: contenido visible sin depender de <details> exterior */
#homeMyCruise .my-cruise-excursion-study-always-visible{grid-column:1/-1;margin:10px 0 0;border:1px solid rgba(225,190,84,.62);border-radius:14px;overflow:hidden;background:linear-gradient(145deg,rgba(14,58,91,.98),rgba(7,37,61,.98))}
#homeMyCruise .my-cruise-excursion-study-heading{padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;background:linear-gradient(145deg,#174b72,#0d3557)}
#homeMyCruise .my-cruise-excursion-study-heading span{display:grid;gap:2px;min-width:0}
#homeMyCruise .my-cruise-excursion-study-heading b{font-size:12px;color:#fff}
#homeMyCruise .my-cruise-excursion-study-heading small{font-size:9.5px;color:#d7e8f3;font-weight:700}
#homeMyCruise .my-cruise-excursion-study-heading strong{flex:0 0 auto;font-size:8px;letter-spacing:.08em;padding:4px 6px;border-radius:999px;color:#f6da78;border:1px solid rgba(246,218,120,.55);background:rgba(0,0,0,.16)}
#homeMyCruise .my-cruise-excursion-study-always-visible .my-cruise-excursion-study-body{display:grid!important;visibility:visible!important;height:auto!important;max-height:none!important;overflow:visible!important}

/* v9.1.41 · Mis excursiones: selector compacto por escala */
#homeMyCruise .my-cruise-excursion-selector{display:grid;gap:10px;margin-top:0}
#homeMyCruise .my-cruise-excursion-choice{border:1px solid rgba(225,190,84,.46);border-radius:17px;overflow:hidden;background:linear-gradient(145deg,rgba(17,61,91,.98),rgba(7,39,64,.98));box-shadow:0 7px 18px rgba(0,0,0,.12)}
#homeMyCruise .my-cruise-excursion-choice>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:62px minmax(0,1fr) 22px;gap:10px;align-items:center;padding:11px 10px 11px 11px;color:#fff}
#homeMyCruise .my-cruise-excursion-choice>summary::-webkit-details-marker{display:none}
#homeMyCruise .my-cruise-excursion-choice>summary .my-cruise-excursion-copy{min-width:0}
#homeMyCruise .my-cruise-excursion-choice>summary .my-cruise-excursion-copy p{margin:5px 0 6px}
#homeMyCruise .my-cruise-excursion-chevron{justify-self:end;color:#f0cf68;font-size:20px;font-weight:900;transition:transform .18s ease}
#homeMyCruise .my-cruise-excursion-choice[open] .my-cruise-excursion-chevron{transform:rotate(180deg)}
#homeMyCruise .my-cruise-excursion-choice-body{padding:0 11px 12px;border-top:1px solid rgba(255,255,255,.08)}
#homeMyCruise .my-cruise-excursion-choice-body>.my-cruise-excursion-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;margin-top:11px}
#homeMyCruise .my-cruise-excursion-choice-body>.my-cruise-excursion-actions .btn{width:100%!important}
#homeMyCruise .my-cruise-excursion-choice .my-cruise-excursion-study-always-visible{margin-top:10px}
#homeMyCruise .my-cruise-excursion-study-heading strong{display:none!important}
@media(max-width:365px){#homeMyCruise .my-cruise-excursion-choice>summary{grid-template-columns:52px minmax(0,1fr) 18px;gap:8px}}


/* v9.1.42 · El viaje · Nuestra reserva */
#trip .trip-booking-v9142{border-color:rgba(233,201,110,.42)}
#trip .trip-booking-v9142>summary{background:linear-gradient(135deg,#0a2c47,#14506f)}
#trip .trip-booking-body{display:grid;gap:9px}
#trip .trip-booking-intro{padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(233,201,110,.16)}
#trip .trip-booking-intro>b{display:block;color:#f3d67c;font-size:13px;margin-bottom:3px}
#trip .trip-booking-intro p{margin:0!important;font-size:11.5px!important;color:#dbe8f0!important}
#trip .trip-booking-item{border:1px solid rgba(255,255,255,.10);border-radius:14px;overflow:hidden;background:rgba(3,20,38,.20)}
#trip .trip-booking-item>summary{display:grid;grid-template-columns:32px minmax(0,1fr) auto!important;grid-template-rows:auto!important;gap:8px!important;align-items:center!important;min-height:48px!important;padding:8px 10px!important;background:rgba(255,255,255,.045)!important;border:0!important}
#trip .trip-booking-item>summary::after{display:none!important;content:none!important}
#trip .trip-booking-item>summary>span{grid-column:1!important;grid-row:1!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(233,201,110,.18)!important;font-size:16px!important}
#trip .trip-booking-item>summary>b{grid-column:2!important;grid-row:1!important;color:#fff!important;font-size:12.5px!important;line-height:1.15!important}
#trip .trip-booking-item>summary>em{grid-column:3!important;grid-row:1!important;font-style:normal;color:#f3d67c;font-size:9.5px;font-weight:900;white-space:nowrap}
#trip .trip-booking-item[open]>summary{background:rgba(17,82,118,.34)!important;border-bottom:1px solid rgba(233,201,110,.13)!important}
#trip .trip-booking-item-body{padding:10px 11px 11px}
#trip .trip-booking-item-body p{font-size:11.5px!important;line-height:1.45!important;margin:0 0 7px!important;text-align:justify}
#trip .trip-booking-item-body ul{margin:5px 0 7px;padding-left:18px;color:#eef5f8;font-size:11px;line-height:1.43}
#trip .trip-booking-item-body li+li{margin-top:4px}
#trip .trip-booking-highlight{padding:8px 9px;border-radius:10px;background:rgba(233,201,110,.09);border:1px solid rgba(233,201,110,.18);color:#fff!important;text-align:left!important}
#trip .trip-booking-cost{color:#cfe4ef!important;text-align:left!important}
#trip .trip-booking-link{display:block;margin-top:7px;padding:8px 9px;border-radius:10px;text-decoration:none;text-align:center;color:#fff;font-size:10.5px;font-weight:900;background:rgba(255,255,255,.06);border:1px solid rgba(120,205,248,.20)}
@media(max-width:390px){#trip .trip-booking-item>summary{grid-template-columns:30px minmax(0,1fr) auto!important;padding:8px 9px!important}.trip-booking-item>summary>em{font-size:9px!important}}

/* v9.1.45 · Tiempo por escalas: selector compacto tipo acordeón, coherente con Excursiones. */
#homeMyCruise .my-cruise-weather-selector{display:grid;gap:10px}
#homeMyCruise .my-cruise-weather-choice{border:1px solid rgba(225,190,84,.46);border-radius:17px;overflow:hidden;background:linear-gradient(145deg,rgba(17,61,91,.98),rgba(7,39,64,.98));box-shadow:0 7px 18px rgba(0,0,0,.12)}
#homeMyCruise .my-cruise-weather-choice>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:54px minmax(0,1fr) 22px;gap:10px;align-items:center;padding:11px;color:#fff}
#homeMyCruise .my-cruise-weather-choice>summary::-webkit-details-marker{display:none}
#homeMyCruise .my-cruise-weather-choice-icon{width:54px;min-height:58px;border:1px solid rgba(240,207,114,.36);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(240,207,114,.08);color:#fff0bb;line-height:1}
#homeMyCruise .my-cruise-weather-choice-icon small{font-size:8px;font-weight:950;letter-spacing:.12em}
#homeMyCruise .my-cruise-weather-choice-icon b{font-size:25px;margin-top:5px}
#homeMyCruise .my-cruise-weather-choice-copy{min-width:0;display:grid;gap:5px}
#homeMyCruise .my-cruise-weather-choice-copy .my-cruise-weather-head{padding-left:0!important}
#homeMyCruise .my-cruise-weather-choice-copy>p{margin:0!important;font-size:11.5px!important;line-height:1.32!important;color:#eaf5fb!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#homeMyCruise .my-cruise-weather-choice-copy .my-cruise-weather-badge{justify-self:start}
#homeMyCruise .my-cruise-weather-chevron{font-size:18px;color:#f0cf72;transition:transform .2s ease}
#homeMyCruise .my-cruise-weather-choice[open] .my-cruise-weather-chevron{transform:rotate(180deg)}
#homeMyCruise .my-cruise-weather-choice-body{padding:0 11px 12px;border-top:1px solid rgba(255,255,255,.08)}
#homeMyCruise .my-cruise-weather-deep{margin-top:11px}
#homeMyCruise .my-cruise-weather-deep>.mscx-special-climate{margin:0!important;border-radius:16px!important}
#homeMyCruise .my-cruise-weather-deep .mscx-unified-kicker{margin-top:0}
#homeMyCruise .my-cruise-weather-full{width:100%;margin-top:10px!important}
#homeMyCruise .my-cruise-weather-choice .my-cruise-live-source{margin-top:10px}
#homeMyCruise .my-cruise-weather-choice .my-cruise-live-climate-ref{display:block;margin:9px 1px 0}
@media(max-width:365px){#homeMyCruise .my-cruise-weather-choice>summary{grid-template-columns:48px minmax(0,1fr) 18px;gap:8px}#homeMyCruise .my-cruise-weather-choice-icon{width:48px}}

/* v9.1.46 · Ficha Tiempo: elimina el "papel" blanco y adopta el azul marino de MSCxplorer.
   Se aplica directamente a #portDetail para cubrir las fichas especiales insertadas dinámicamente. */
#portDetail .mscx-special-climate{
  background:linear-gradient(155deg,#0b3b67 0%,#082b4d 55%,#061d35 100%) !important;
  border:1px solid rgba(216,177,80,.62) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05) !important;
  color:#f4f9fd !important;
}
#portDetail .mscx-special-climate .mscx-unified-kicker{
  color:#e9c66b !important;
}
#portDetail .mscx-special-climate h3,
#portDetail .mscx-special-climate .mscx-special-headline{
  color:#ffffff !important;
}
#portDetail .mscx-special-climate .mscx-special-date{
  color:#d8e8f5 !important;
}
#portDetail .mscx-special-climate .mscx-special-badge{
  background:#144d7b !important;
  border:1px solid #3779a9 !important;
  color:#e7f4ff !important;
}
#portDetail .mscx-special-climate .mscx-special-stat,
#portDetail .mscx-special-climate .mscx-special-flags span{
  background:linear-gradient(145deg,#113858,#0c2d4b) !important;
  border:1px solid rgba(213,177,89,.45) !important;
  color:#fff !important;
}
#portDetail .mscx-special-climate .mscx-special-stat span,
#portDetail .mscx-special-climate .mscx-special-flags small{
  color:#cfe1ee !important;
}
#portDetail .mscx-special-climate .mscx-special-stat b,
#portDetail .mscx-special-climate .mscx-special-flags b{
  color:#ffffff !important;
}
#portDetail .mscx-special-climate .mscx-longyear-focus{
  background:linear-gradient(145deg,#0e416e 0%,#082b4e 100%) !important;
  border:1px solid rgba(218,179,82,.48) !important;
  color:#f5fbff !important;
}
#portDetail .mscx-special-climate .mscx-longyear-title,
#portDetail .mscx-special-climate .mscx-longyear-title b,
#portDetail .mscx-special-climate .mscx-longyear-intro{
  color:#ffffff !important;
}
#portDetail .mscx-special-climate .mscx-longyear-title small{
  color:#d6e7f4 !important;
}
#portDetail .mscx-special-climate .mscx-special-detail{
  background:#0a2947 !important;
  border:1px solid #2b5d86 !important;
  color:#eef7ff !important;
}
#portDetail .mscx-special-climate .mscx-special-detail summary{
  background:#0d355a !important;
  color:#f4f9fd !important;
}
#portDetail .mscx-special-climate .mscx-special-detail p,
#portDetail .mscx-special-climate .mscx-special-detail li{
  color:#dceaf5 !important;
}
#portDetail .mscx-special-climate .mscx-longyear-cards article,
#portDetail .mscx-special-climate .mscx-longyear-condition-list article,
#portDetail .mscx-special-climate .mscx-longyear-zones>div{
  background:#102f50 !important;
  border:1px solid #315f86 !important;
  color:#f7fbff !important;
}
#portDetail .mscx-special-climate .mscx-longyear-cards b,
#portDetail .mscx-special-climate .mscx-longyear-condition-list b,
#portDetail .mscx-special-climate .mscx-longyear-zones b{
  color:#8fd6ff !important;
}
#portDetail .mscx-special-climate .mscx-longyear-cards strong,
#portDetail .mscx-special-climate .mscx-longyear-condition-list p,
#portDetail .mscx-special-climate .mscx-longyear-zones span:not(.mscx-longyear-step){
  color:#e4eff7 !important;
}
#portDetail .mscx-special-climate .mscx-special-pills span{
  background:#103a60 !important;
  border:1px solid #3a75a0 !important;
  color:#eef8ff !important;
}
#portDetail .mscx-special-climate .mscx-special-advice{
  background:linear-gradient(145deg,#443b17,#30290f) !important;
  border:1px solid #8b7741 !important;
  color:#fff6d7 !important;
}
#portDetail .mscx-special-climate .mscx-special-advice b,
#portDetail .mscx-special-climate .mscx-special-advice p{
  color:#fff6d7 !important;
}
#portDetail .mscx-special-climate .mscx-longyear-final{
  background:linear-gradient(145deg,#123a35,#0e302a) !important;
  border-color:#347961 !important;
  color:#effff7 !important;
}
#portDetail .mscx-special-climate .mscx-longyear-final b,
#portDetail .mscx-special-climate .mscx-longyear-final p{
  color:#effff7 !important;
}
#portDetail .mscx-special-climate .mscx-special-note{
  color:#aebfce !important;
}


/* v9.1.47 · Ficha Tiempo en Inicio: corrige el alcance del tema oscuro.
   La ficha climática de Inicio se renderiza fuera de #portDetail, por eso la v9.1.46 no podía afectarla. */
/* espejo del tema v9.1.46 para el contenedor real de Inicio */
/* elimina el "papel" blanco y adopta el azul marino de MSCxplorer.
   Se aplica directamente a #homeMyCruise .my-cruise-weather-deep para cubrir las fichas especiales insertadas dinámicamente. */
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate{
  background:linear-gradient(155deg,#0b3b67 0%,#082b4d 55%,#061d35 100%) !important;
  border:1px solid rgba(216,177,80,.62) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05) !important;
  color:#f4f9fd !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-unified-kicker{
  color:#e9c66b !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate h3,
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-headline{
  color:#ffffff !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-date{
  color:#d8e8f5 !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-badge{
  background:#144d7b !important;
  border:1px solid #3779a9 !important;
  color:#e7f4ff !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-stat,
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-flags span{
  background:linear-gradient(145deg,#113858,#0c2d4b) !important;
  border:1px solid rgba(213,177,89,.45) !important;
  color:#fff !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-stat span,
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-flags small{
  color:#cfe1ee !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-stat b,
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-flags b{
  color:#ffffff !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-focus{
  background:linear-gradient(145deg,#0e416e 0%,#082b4e 100%) !important;
  border:1px solid rgba(218,179,82,.48) !important;
  color:#f5fbff !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-title,
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-title b,
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-intro{
  color:#ffffff !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-title small{
  color:#d6e7f4 !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-detail{
  background:#0a2947 !important;
  border:1px solid #2b5d86 !important;
  color:#eef7ff !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-detail summary{
  background:#0d355a !important;
  color:#f4f9fd !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-detail p,
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-detail li{
  color:#dceaf5 !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-cards article,
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-condition-list article,
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-zones>div{
  background:#102f50 !important;
  border:1px solid #315f86 !important;
  color:#f7fbff !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-cards b,
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-condition-list b,
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-zones b{
  color:#8fd6ff !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-cards strong,
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-condition-list p,
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-zones span:not(.mscx-longyear-step){
  color:#e4eff7 !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-pills span{
  background:#103a60 !important;
  border:1px solid #3a75a0 !important;
  color:#eef8ff !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-advice{
  background:linear-gradient(145deg,#443b17,#30290f) !important;
  border:1px solid #8b7741 !important;
  color:#fff6d7 !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-advice b,
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-advice p{
  color:#fff6d7 !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-final{
  background:linear-gradient(145deg,#123a35,#0e302a) !important;
  border-color:#347961 !important;
  color:#effff7 !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-final b,
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-final p{
  color:#effff7 !important;
}
#homeMyCruise .my-cruise-weather-deep .mscx-special-climate .mscx-special-note{
  color:#aebfce !important;
}


/* v9.1.48 · Control inferior para recoger desplegables */
.details-collapse-bottom{
  display:none;
  width:100%;
  margin:14px 0 2px;
  padding:10px 12px;
  border:1px solid rgba(215,181,92,.48);
  border-radius:14px;
  background:rgba(3,20,38,.72);
  color:#f6f8fb;
  font:inherit;
  font-weight:800;
  line-height:1;
  text-align:center;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
details[open] > .details-collapse-bottom{display:block}
.details-collapse-bottom:active{transform:translateY(1px)}
.details-collapse-bottom:focus-visible{outline:3px solid rgba(255,214,103,.65);outline-offset:2px}

/* v9.1.51 · MSCxplorer: los textos explicativos dinámicos de excursión/clima
   siguen la regla editorial global: si ocupan varias líneas, se justifican. */
#portDetail .mscx-special-headline{
  text-align:justify !important;
  text-justify:inter-word;
}
#portDetail .mscx-unified-section p:not(.mscx-special-date):not(.mscx-unified-country):not(.mscx-detail-country){
  text-align:justify !important;
  text-justify:inter-word;
}


/* v9.1.52 · Corrige contraste de «Información de la reserva» en las fichas de excursión.
   La regla histórica de alto contraste de .mscx-unified-section fuerza p/b a blanco;
   por eso la antigua tarjeta amarilla quedaba prácticamente ilegible en iPhone. */
#portDetail .mscx-excursion-selected-section .mscx-reservation-info{
  margin-top:12px !important;
  background:linear-gradient(145deg,#0e416e 0%,#082b4e 100%) !important;
  border:1px solid rgba(226,190,92,.70) !important;
  color:#f4f9fd !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#portDetail .mscx-excursion-selected-section .mscx-reservation-info b{
  color:#f2d16d !important;
}
#portDetail .mscx-excursion-selected-section .mscx-reservation-info p{
  color:#eef7fb !important;
}


/* v10.1.4.40 · Contraste de los recuadros Recomendación MSCxplorer.
   Evita texto blanco sobre fondo crema en las fichas de excursión. */
#portDetail .mscx-excursion-deep-body .mscx-special-advice:not(.mscx-longyear-final),
#mscxDisclosureContent .mscx-excursion-deep-body .mscx-special-advice:not(.mscx-longyear-final){
  background:linear-gradient(145deg,#fff4c7,#f8e7a1)!important;
  border:1px solid #d0ab3e!important;
  color:#17324a!important;
}
#portDetail .mscx-excursion-deep-body .mscx-special-advice:not(.mscx-longyear-final) b,
#portDetail .mscx-excursion-deep-body .mscx-special-advice:not(.mscx-longyear-final) p,
#mscxDisclosureContent .mscx-excursion-deep-body .mscx-special-advice:not(.mscx-longyear-final) b,
#mscxDisclosureContent .mscx-excursion-deep-body .mscx-special-advice:not(.mscx-longyear-final) p{
  color:#17324a!important;
  text-shadow:none!important;
}
#portDetail .mscx-excursion-deep-body .mscx-special-advice:not(.mscx-longyear-final) b,
#mscxDisclosureContent .mscx-excursion-deep-body .mscx-special-advice:not(.mscx-longyear-final) b{
  color:#6b4d00!important;
}

/* =========================================================
   MSCxplorer v10.1.4.44 · Itinerario más limpio en iPhone
   Recupera la filosofía validada de Mi crucero cuando el contenido se
   desplaza a #mscxDisclosureContent: checklist 2×3, texto legible y
   accesos rápidos 3×3. Cambio visual aislado; no altera lógica.
   ========================================================= */
#mscxDisclosureContent .my-cruise-personal-prep{
  margin-top:4px;
  color:#fff;
}
#mscxDisclosureContent .my-cruise-personal-prep>summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:46px;
  margin-bottom:10px;
  padding:9px 11px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(4,24,44,.18));
  border:1px solid rgba(216,180,83,.50);
  color:#fff4cf;
  cursor:pointer;
}
#mscxDisclosureContent .my-cruise-personal-prep>summary::-webkit-details-marker{display:none}
#mscxDisclosureContent .my-cruise-personal-prep>summary span{
  min-width:0;
  font-size:15px;
  line-height:1.14;
  font-weight:950;
  color:#fff4cf;
}
#mscxDisclosureContent .my-cruise-personal-prep>summary small{
  flex:0 0 auto;
  color:#cfe2ef;
  font-size:10px;
  line-height:1.15;
  font-weight:900;
  text-align:right;
}
#mscxDisclosureContent .my-cruise-personal-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100%;
}
#mscxDisclosureContent .my-cruise-personal-item{
  appearance:none;
  -webkit-appearance:none;
  width:100% !important;
  min-width:0 !important;
  min-height:74px !important;
  display:grid !important;
  grid-template-columns:18px 22px minmax(0,1fr) !important;
  align-items:start !important;
  gap:8px !important;
  padding:10px 11px !important;
  border-radius:15px !important;
  border:1px solid rgba(216,180,83,.34) !important;
  background:radial-gradient(80px 48px at 100% 0%,rgba(240,207,114,.06),transparent 68%), linear-gradient(180deg,rgba(20,68,106,.72),rgba(6,35,62,.88)) !important;
  color:#fff !important;
  text-align:left !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
  font:inherit !important;
  cursor:pointer;
  touch-action:manipulation;
}
#mscxDisclosureContent .my-cruise-personal-item.done{
  border-color:rgba(111,194,143,.62) !important;
  background:linear-gradient(180deg,rgba(19,71,80,.82),rgba(7,44,57,.94)) !important;
}
#mscxDisclosureContent .my-cruise-personal-check{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  border:1.5px solid rgba(220,235,244,.80);
  color:#eef8ff;
  background:rgba(3,24,42,.42);
  font-size:10.5px;
  line-height:1;
  font-weight:950;
  margin-top:2px;
}
#mscxDisclosureContent .my-cruise-personal-item.done .my-cruise-personal-check{
  background:#dff4e7;
  border-color:#dff4e7;
  color:#145838;
}
#mscxDisclosureContent .my-cruise-personal-icon{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:8px;
  background:rgba(255,255,255,.08);
  font-size:13px;
  line-height:1;
  margin-top:1px;
}
#mscxDisclosureContent .my-cruise-personal-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
#mscxDisclosureContent .my-cruise-personal-copy b{
  color:#ffffff !important;
  font-size:11px !important;
  line-height:1.16 !important;
  font-weight:950 !important;
  white-space:normal !important;
}
#mscxDisclosureContent .my-cruise-personal-copy small{
  display:block !important;
  overflow:visible !important;
  color:#d6e7f2 !important;
  font-size:9px !important;
  line-height:1.28 !important;
  font-weight:760 !important;
  white-space:normal !important;
  -webkit-line-clamp:unset !important;
}
#mscxDisclosureContent .my-cruise-personal-notes{
  margin-top:10px;
  padding:11px;
  border-radius:14px;
  border:1px solid rgba(216,180,83,.34);
  background:linear-gradient(180deg,rgba(10,55,91,.58),rgba(5,31,54,.72));
}
#mscxDisclosureContent .my-cruise-personal-notes-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:6px 10px;
  margin-bottom:8px;
}
#mscxDisclosureContent .my-cruise-personal-notes-head b{
  color:#fff4cf !important;
  font-size:12px !important;
  line-height:1.2 !important;
}
#mscxDisclosureContent .my-cruise-personal-notes-head small{
  color:#bcd3e2 !important;
  font-size:9px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  text-align:right;
  white-space:nowrap;
}
#mscxDisclosureContent .my-cruise-personal-note-input{
  display:block;
  width:100%;
  min-height:84px;
  max-height:150px;
  resize:vertical;
  padding:10px 11px;
  border-radius:11px;
  border:1px solid rgba(132,194,236,.42);
  background:#f7fbfe !important;
  color:#12334d !important;
  font:inherit;
  font-size:12px !important;
  line-height:1.42 !important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.05);
}
#mscxDisclosureContent .my-cruise-personal-note-input::placeholder{color:#657e91 !important;opacity:1}
#mscxDisclosureContent .my-cruise-personal-notes-actions{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  align-items:center;
  gap:7px;
  margin-top:8px;
}
#mscxDisclosureContent .my-cruise-personal-notes-actions .btn{
  min-height:36px !important;
  padding:7px 11px !important;
  font-size:11px !important;
}
#mscxDisclosureContent .my-cruise-personal-notes-status{
  justify-self:end;
  color:#bfe8cd !important;
  font-size:9.5px !important;
  font-weight:900 !important;
  white-space:nowrap;
}
#mscxDisclosureContent .my-cruise-personal-note{
  margin:8px 2px 0 !important;
  color:#bcd3e2 !important;
  font-size:9.5px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}

/* Accesos rápidos: restaurados al 3×3 también dentro del visor. */
#mscxDisclosureContent .my-cruise-all-actions{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.16);
}
#mscxDisclosureContent .my-cruise-all-actions .my-cruise-section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(216,180,83,.28);
}
#mscxDisclosureContent .my-cruise-all-actions .my-cruise-section-title>span{
  color:#ffe7a3 !important;
  font-size:16px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
}
#mscxDisclosureContent .my-cruise-all-actions .my-cruise-section-title>small{
  color:#cfe2ef !important;
  font-size:9.5px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  text-align:right;
}
#mscxDisclosureContent .my-cruise-all-actions .my-cruise-quick-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:9px !important;
  width:100%;
}
#mscxDisclosureContent .my-cruise-all-actions .my-cruise-quick-btn{
  width:100% !important;
  min-width:0 !important;
  min-height:72px !important;
  padding:9px 6px !important;
  border-radius:15px !important;
  border:1px solid rgba(216,180,83,.46) !important;
  background:radial-gradient(74px 44px at 100% 0%,rgba(240,207,114,.07),transparent 68%), linear-gradient(180deg,rgba(24,72,108,.72),rgba(7,39,67,.88)) !important;
  color:#fff !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  text-align:center !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#mscxDisclosureContent .my-cruise-all-actions .my-cruise-quick-btn>span{
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border-radius:9px;
  background:rgba(255,255,255,.075);
  color:#ffe18f !important;
  font-size:18px !important;
  line-height:1 !important;
}
#mscxDisclosureContent .my-cruise-all-actions .my-cruise-quick-btn>b{
  display:block;
  max-width:100%;
  color:#ffffff !important;
  font-size:10.8px !important;
  line-height:1.14 !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
  white-space:normal !important;
}
#mscxDisclosureContent .my-cruise-all-actions .my-cruise-quick-btn.mscx-album-quick{
  grid-column:auto !important;
  border-color:rgba(241,205,108,.72) !important;
  background:linear-gradient(180deg,rgba(25,105,164,.70),rgba(7,51,86,.88)) !important;
}
@media(max-width:350px){
  #mscxDisclosureContent .my-cruise-personal-grid{gap:8px !important}
  #mscxDisclosureContent .my-cruise-personal-item{min-height:70px !important;padding:9px 9px !important;gap:7px !important}
  #mscxDisclosureContent .my-cruise-personal-copy b{font-size:10.6px !important}
  #mscxDisclosureContent .my-cruise-personal-copy small{font-size:8.8px !important;line-height:1.24 !important}
  #mscxDisclosureContent .my-cruise-personal-notes-head{grid-template-columns:1fr !important;align-items:start !important;gap:2px !important}
  #mscxDisclosureContent .my-cruise-personal-notes-head small{text-align:left !important;white-space:normal !important}
  #mscxDisclosureContent .my-cruise-personal-notes-actions{grid-template-columns:1fr 1fr !important}
  #mscxDisclosureContent .my-cruise-personal-notes-status{grid-column:1/-1;justify-self:start !important}
  #mscxDisclosureContent .my-cruise-all-actions .my-cruise-quick-grid{gap:7px !important}
  #mscxDisclosureContent .my-cruise-all-actions .my-cruise-quick-btn{min-height:68px !important}
}


/* =========================================================
   MSCxplorer v10.1.4.44 · Itinerario con más aire en iPhone
   Ajuste visual localizado para Inicio > Itinerario.
   Evita resúmenes apelotonados, separa mejor bloques y da
   más respiración a galletas y textos de Modo escala / Plan.
   ========================================================= */
#homeMyCruise .my-cruise-group-route .my-cruise-route-section,
#mscxDisclosureContent .my-cruise-route-section{
  margin-bottom:14px !important;
  padding:13px 12px 14px !important;
}
#homeMyCruise .my-cruise-group-route .my-cruise-route,
#mscxDisclosureContent .my-cruise-route{
  margin:0 0 12px !important;
  line-height:1.48 !important;
}
#homeMyCruise .my-cruise-group-route .my-cruise-stops,
#mscxDisclosureContent .my-cruise-stops{
  gap:10px !important;
  margin-top:2px !important;
}
#homeMyCruise .my-cruise-group-route .my-cruise-stops > .port-chip,
#mscxDisclosureContent .my-cruise-stops > .port-chip{
  min-height:46px !important;
  padding:7px 7px !important;
  line-height:1.10 !important;
  font-size:clamp(10.8px,2.7vw,12.7px) !important;
  border-radius:22px !important;
}

#homeMyCruise .my-cruise-plan,
#homeMyCruise .my-cruise-scale,
#mscxDisclosureContent .my-cruise-plan,
#mscxDisclosureContent .my-cruise-scale{
  margin-top:20px !important;
  padding-top:15px !important;
}
#homeMyCruise .my-cruise-plan>summary,
#homeMyCruise .my-cruise-scale>summary,
#mscxDisclosureContent .my-cruise-plan>summary,
#mscxDisclosureContent .my-cruise-scale>summary{
  gap:10px !important;
  padding:10px 12px !important;
}
#homeMyCruise .my-cruise-plan>summary span,
#homeMyCruise .my-cruise-scale>summary span,
#mscxDisclosureContent .my-cruise-plan>summary span,
#mscxDisclosureContent .my-cruise-scale>summary span{
  line-height:1.12 !important;
}
#homeMyCruise .my-cruise-plan>summary small,
#homeMyCruise .my-cruise-scale>summary small,
#mscxDisclosureContent .my-cruise-plan>summary small,
#mscxDisclosureContent .my-cruise-scale>summary small{
  display:block !important;
  max-width:100% !important;
  line-height:1.24 !important;
}
#homeMyCruise .my-cruise-plan[open]>summary,
#homeMyCruise .my-cruise-scale[open]>summary,
#mscxDisclosureContent .my-cruise-plan[open]>summary,
#mscxDisclosureContent .my-cruise-scale[open]>summary{
  margin-bottom:10px !important;
}

#homeMyCruise .my-cruise-scale-body,
#mscxDisclosureContent .my-cruise-scale-body{
  gap:10px !important;
}
#homeMyCruise .my-cruise-scale-head,
#mscxDisclosureContent .my-cruise-scale-head{
  padding:12px !important;
  gap:10px !important;
}
#homeMyCruise .my-cruise-scale-head h3,
#mscxDisclosureContent .my-cruise-scale-head h3{
  margin:5px 0 3px !important;
}
#homeMyCruise .my-cruise-scale-head p,
#mscxDisclosureContent .my-cruise-scale-head p{
  line-height:1.3 !important;
}
#homeMyCruise .my-cruise-scale-block,
#mscxDisclosureContent .my-cruise-scale-block{
  padding:12px !important;
}
#homeMyCruise .my-cruise-scale-block p,
#mscxDisclosureContent .my-cruise-scale-block p{
  margin:7px 0 !important;
  line-height:1.48 !important;
}
#homeMyCruise .my-cruise-scale-actions,
#mscxDisclosureContent .my-cruise-scale-actions{
  gap:8px !important;
  margin-top:9px !important;
}
#homeMyCruise .my-cruise-scale-actions .btn,
#mscxDisclosureContent .my-cruise-scale-actions .btn{
  min-height:38px !important;
  padding:7px 10px !important;
}
#homeMyCruise .my-cruise-scale-climate-line,
#mscxDisclosureContent .my-cruise-scale-climate-line{
  align-items:flex-start !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}
#homeMyCruise .my-cruise-scale-climate-line strong,
#mscxDisclosureContent .my-cruise-scale-climate-line strong{
  line-height:1.25 !important;
}
#homeMyCruise .my-cruise-scale-online-note,
#mscxDisclosureContent .my-cruise-scale-online-note{
  margin-top:7px !important;
  line-height:1.32 !important;
}
#homeMyCruise .my-cruise-plan-list,
#mscxDisclosureContent .my-cruise-plan-list{
  gap:10px !important;
}
#homeMyCruise .my-cruise-plan-row,
#mscxDisclosureContent .my-cruise-plan-row{
  padding:12px !important;
  gap:12px !important;
}
#homeMyCruise .my-cruise-plan-excursion,
#homeMyCruise .my-cruise-plan-weather,
#homeMyCruise .my-cruise-plan-muted,
#mscxDisclosureContent .my-cruise-plan-excursion,
#mscxDisclosureContent .my-cruise-plan-weather,
#mscxDisclosureContent .my-cruise-plan-muted{
  margin:8px 0 0 !important;
  line-height:1.45 !important;
}
#homeMyCruise .my-cruise-plan-actions,
#mscxDisclosureContent .my-cruise-plan-actions{
  gap:8px !important;
}

@media(max-width:430px){
  #homeMyCruise .my-cruise-plan>summary,
  #homeMyCruise .my-cruise-scale>summary,
  #mscxDisclosureContent .my-cruise-plan>summary,
  #mscxDisclosureContent .my-cruise-scale>summary{
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:start !important;
    justify-content:start !important;
    gap:4px !important;
  }
  #homeMyCruise .my-cruise-plan>summary small,
  #homeMyCruise .my-cruise-scale>summary small,
  #mscxDisclosureContent .my-cruise-plan>summary small,
  #mscxDisclosureContent .my-cruise-scale>summary small{
    text-align:left !important;
  }
  #homeMyCruise .my-cruise-scale-head,
  #mscxDisclosureContent .my-cruise-scale-head{
    grid-template-columns:1fr !important;
  }
  #homeMyCruise .my-cruise-scale-head > .btn,
  #mscxDisclosureContent .my-cruise-scale-head > .btn{
    width:100% !important;
  }
  #homeMyCruise .my-cruise-scale-actions,
  #mscxDisclosureContent .my-cruise-scale-actions,
  #homeMyCruise .my-cruise-plan-actions,
  #mscxDisclosureContent .my-cruise-plan-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* =========================================================
   MSCxplorer v10.1.4.45 · Itinerario más natural y atractivo
   Afinado visual para Inicio > Itinerario y su vista ampliada.
   Más jerarquía, mejor reparto, menos sensación de huecos y
   una presentación más apetecible para detenerse a mirarla.
   ========================================================= */
#homeMyCruise .my-cruise-group-route .my-cruise-route-section,
#mscxDisclosureContent .my-cruise-route-section{
  margin-top:4px !important;
  margin-bottom:10px !important;
  padding:12px 12px 11px !important;
  border:1px solid rgba(233,201,110,.26) !important;
  border-radius:18px !important;
  background:
    radial-gradient(180px 90px at 100% 0%,rgba(240,207,114,.08),transparent 72%),
    linear-gradient(160deg,rgba(17,70,107,.52),rgba(5,30,51,.42)) !important;
  box-shadow:0 10px 24px rgba(2,22,37,.10), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#homeMyCruise .my-cruise-group-route .my-cruise-route-section > h3,
#mscxDisclosureContent .my-cruise-route-section > h3{
  margin:0 0 7px !important;
  font-size:17px !important;
  line-height:1.12 !important;
  color:#fff1bf !important;
}
#homeMyCruise .my-cruise-group-route .my-cruise-route,
#mscxDisclosureContent .my-cruise-route{
  margin:0 0 10px !important;
  color:#dcebf4 !important;
  font-size:12.8px !important;
  line-height:1.42 !important;
  font-weight:780 !important;
}
#homeMyCruise .my-cruise-group-route .my-cruise-stops,
#mscxDisclosureContent .my-cruise-stops{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:8px !important;
  width:100% !important;
  align-items:stretch !important;
  margin-top:1px !important;
}
#homeMyCruise .my-cruise-group-route .my-cruise-stops > .port-chip,
#mscxDisclosureContent .my-cruise-stops > .port-chip{
  grid-column:span 2 !important;
  min-width:0 !important;
  width:100% !important;
  min-height:42px !important;
  margin:0 !important;
  padding:6px 8px !important;
  border-radius:20px !important;
  border:1px solid rgba(155,213,247,.46) !important;
  background:linear-gradient(180deg,rgba(42,139,212,.96),rgba(28,113,191,.96)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 4px 10px rgba(4,33,58,.10) !important;
  color:#ffffff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:normal !important;
  line-height:1.08 !important;
  font-size:clamp(10.6px,2.65vw,12.4px) !important;
  font-weight:900 !important;
}
#homeMyCruise .my-cruise-group-route .my-cruise-stops > .port-chip.ready,
#mscxDisclosureContent .my-cruise-stops > .port-chip.ready{
  border-color:rgba(203,231,251,.62) !important;
  background:linear-gradient(180deg,rgba(49,150,224,.98),rgba(31,121,202,.98)) !important;
}
#homeMyCruise .my-cruise-group-route .my-cruise-stops > .port-chip:nth-last-child(2):nth-child(3n + 1),
#mscxDisclosureContent .my-cruise-stops > .port-chip:nth-last-child(2):nth-child(3n + 1){
  grid-column:2 / span 2 !important;
}
#homeMyCruise .my-cruise-group-route .my-cruise-stops > .port-chip:last-child:nth-child(3n + 1),
#mscxDisclosureContent .my-cruise-stops > .port-chip:last-child:nth-child(3n + 1){
  grid-column:3 / span 2 !important;
}

#homeMyCruise .my-cruise-plan,
#homeMyCruise .my-cruise-scale,
#mscxDisclosureContent .my-cruise-plan,
#mscxDisclosureContent .my-cruise-scale{
  margin-top:14px !important;
  padding-top:0 !important;
  border-top:0 !important;
}
#homeMyCruise .my-cruise-plan > summary,
#homeMyCruise .my-cruise-scale > summary,
#mscxDisclosureContent .my-cruise-plan > summary,
#mscxDisclosureContent .my-cruise-scale > summary{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  min-height:48px !important;
  padding:10px 12px !important;
  border-radius:16px !important;
  border:1px solid rgba(233,201,110,.34) !important;
  background:linear-gradient(145deg,rgba(16,72,109,.42),rgba(7,37,62,.38)) !important;
  box-shadow:0 8px 18px rgba(3,23,39,.08), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#homeMyCruise .my-cruise-plan > summary span,
#homeMyCruise .my-cruise-scale > summary span,
#mscxDisclosureContent .my-cruise-plan > summary span,
#mscxDisclosureContent .my-cruise-scale > summary span{
  display:block !important;
  min-width:0 !important;
  font-size:16px !important;
  line-height:1.12 !important;
  color:#ffffff !important;
}
#homeMyCruise .my-cruise-plan > summary small,
#homeMyCruise .my-cruise-scale > summary small,
#mscxDisclosureContent .my-cruise-plan > summary small,
#mscxDisclosureContent .my-cruise-scale > summary small{
  display:block !important;
  justify-self:end !important;
  max-width:170px !important;
  color:#d3e4ef !important;
  font-size:10.4px !important;
  line-height:1.22 !important;
  font-weight:850 !important;
  text-align:right !important;
}
#homeMyCruise .my-cruise-plan[open] > summary,
#homeMyCruise .my-cruise-scale[open] > summary,
#mscxDisclosureContent .my-cruise-plan[open] > summary,
#mscxDisclosureContent .my-cruise-scale[open] > summary{
  margin-bottom:8px !important;
  background:linear-gradient(145deg,rgba(18,78,118,.48),rgba(8,41,68,.42)) !important;
}

#homeMyCruise .my-cruise-scale-body,
#mscxDisclosureContent .my-cruise-scale-body{
  gap:8px !important;
}
#homeMyCruise .my-cruise-scale-head,
#mscxDisclosureContent .my-cruise-scale-head{
  padding:11px 12px !important;
  gap:10px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,rgba(19,63,97,.64),rgba(7,36,61,.70)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
#homeMyCruise .my-cruise-scale-head h3,
#mscxDisclosureContent .my-cruise-scale-head h3{
  margin:4px 0 2px !important;
  font-size:21px !important;
  line-height:1.1 !important;
}
#homeMyCruise .my-cruise-scale-head p,
#mscxDisclosureContent .my-cruise-scale-head p{
  margin:0 !important;
  font-size:11.4px !important;
  line-height:1.28 !important;
}
#homeMyCruise .my-cruise-scale-block,
#mscxDisclosureContent .my-cruise-scale-block{
  padding:11px 12px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,rgba(18,58,91,.60),rgba(7,35,60,.68)) !important;
  box-shadow:0 8px 18px rgba(2,22,37,.06), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
#homeMyCruise .my-cruise-scale-block p,
#mscxDisclosureContent .my-cruise-scale-block p{
  margin:6px 0 !important;
  font-size:11.5px !important;
  line-height:1.42 !important;
}
#homeMyCruise .my-cruise-scale-actions,
#mscxDisclosureContent .my-cruise-scale-actions{
  gap:7px !important;
  margin-top:8px !important;
}
#homeMyCruise .my-cruise-scale-actions .btn,
#mscxDisclosureContent .my-cruise-scale-actions .btn{
  min-height:36px !important;
  padding:6px 10px !important;
  border-radius:12px !important;
  font-size:10.8px !important;
}
#homeMyCruise .my-cruise-scale-climate-line,
#mscxDisclosureContent .my-cruise-scale-climate-line{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}
#homeMyCruise .my-cruise-scale-online-note,
#mscxDisclosureContent .my-cruise-scale-online-note{
  margin-top:6px !important;
  font-size:9.6px !important;
  line-height:1.28 !important;
}

#homeMyCruise .my-cruise-plan-list,
#mscxDisclosureContent .my-cruise-plan-list{
  gap:8px !important;
}
#homeMyCruise .my-cruise-plan-row,
#mscxDisclosureContent .my-cruise-plan-row{
  position:relative !important;
  overflow:hidden !important;
  padding:11px 11px 11px 14px !important;
  gap:10px !important;
  border-radius:16px !important;
  border:1px solid rgba(135,195,232,.24) !important;
  background:linear-gradient(155deg,rgba(10,43,69,.94),rgba(12,61,94,.88)) !important;
  box-shadow:0 9px 20px rgba(2,21,36,.08), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
#homeMyCruise .my-cruise-plan-row::before,
#mscxDisclosureContent .my-cruise-plan-row::before{
  content:"";
  position:absolute;
  left:0;
  top:11px;
  bottom:11px;
  width:4px;
  border-radius:0 5px 5px 0;
  background:linear-gradient(180deg,#8fc8f2,#3d89be);
}
#homeMyCruise .my-cruise-plan-row.current::before,
#mscxDisclosureContent .my-cruise-plan-row.current::before{background:linear-gradient(180deg,#f4da89,#d4a743)}
#homeMyCruise .my-cruise-plan-row.done::before,
#mscxDisclosureContent .my-cruise-plan-row.done::before{background:linear-gradient(180deg,#8ad6a8,#4d9f72)}
#homeMyCruise .my-cruise-plan-head,
#mscxDisclosureContent .my-cruise-plan-head{
  grid-template-columns:28px minmax(0,1fr) auto !important;
  gap:8px !important;
}
#homeMyCruise .my-cruise-plan-number,
#mscxDisclosureContent .my-cruise-plan-number{
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  font-size:11px !important;
}
#homeMyCruise .my-cruise-plan-head b,
#mscxDisclosureContent .my-cruise-plan-head b{
  font-size:13.4px !important;
  line-height:1.18 !important;
}
#homeMyCruise .my-cruise-plan-head small,
#mscxDisclosureContent .my-cruise-plan-head small{
  margin-top:2px !important;
  font-size:10px !important;
  line-height:1.2 !important;
}
#homeMyCruise .my-cruise-plan-status,
#mscxDisclosureContent .my-cruise-plan-status{
  align-self:start !important;
  margin-top:1px !important;
}
#homeMyCruise .my-cruise-plan-excursion,
#homeMyCruise .my-cruise-plan-weather,
#homeMyCruise .my-cruise-plan-muted,
#mscxDisclosureContent .my-cruise-plan-excursion,
#mscxDisclosureContent .my-cruise-plan-weather,
#mscxDisclosureContent .my-cruise-plan-muted{
  margin:7px 0 0 !important;
  font-size:11.4px !important;
  line-height:1.38 !important;
}
#homeMyCruise .my-cruise-plan-actions,
#mscxDisclosureContent .my-cruise-plan-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:7px !important;
  min-width:154px !important;
}
#homeMyCruise .my-cruise-plan-actions .btn,
#mscxDisclosureContent .my-cruise-plan-actions .btn{
  min-height:36px !important;
  padding:6px 8px !important;
  border-radius:12px !important;
  font-size:10.7px !important;
  white-space:normal !important;
}
#homeMyCruise .my-cruise-plan-note,
#mscxDisclosureContent .my-cruise-plan-note{
  display:block !important;
  margin:8px 2px 0 !important;
  color:#c8dceb !important;
  font-size:10.5px !important;
  line-height:1.35 !important;
}

@media(max-width:430px){
  #homeMyCruise .my-cruise-group-route .my-cruise-stops,
  #mscxDisclosureContent .my-cruise-stops{gap:7px !important}
  #homeMyCruise .my-cruise-group-route .my-cruise-stops > .port-chip,
  #mscxDisclosureContent .my-cruise-stops > .port-chip{
    min-height:40px !important;
    padding:6px 6px !important;
    font-size:clamp(10.2px,2.65vw,11.8px) !important;
  }
  #homeMyCruise .my-cruise-plan > summary,
  #homeMyCruise .my-cruise-scale > summary,
  #mscxDisclosureContent .my-cruise-plan > summary,
  #mscxDisclosureContent .my-cruise-scale > summary{
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:8px !important;
    padding:9px 11px !important;
  }
  #homeMyCruise .my-cruise-plan > summary small,
  #homeMyCruise .my-cruise-scale > summary small,
  #mscxDisclosureContent .my-cruise-plan > summary small,
  #mscxDisclosureContent .my-cruise-scale > summary small{
    max-width:122px !important;
    font-size:9.8px !important;
  }
  #homeMyCruise .my-cruise-scale-head,
  #mscxDisclosureContent .my-cruise-scale-head{
    grid-template-columns:minmax(0,1fr) auto !important;
    padding:10px 11px !important;
  }
  #homeMyCruise .my-cruise-scale-head h3,
  #mscxDisclosureContent .my-cruise-scale-head h3{font-size:19px !important}
  #homeMyCruise .my-cruise-plan-row,
  #mscxDisclosureContent .my-cruise-plan-row{grid-template-columns:minmax(0,1fr) !important}
  #homeMyCruise .my-cruise-plan-actions,
  #mscxDisclosureContent .my-cruise-plan-actions{min-width:0 !important}
}


/* =========================================================
   MSCxplorer v10.1.4.46 · Modo escala con galletas uniformes
   Ajuste fino: Puerto, Excursión, Mapa y Clima adoptan el
   tamaño compacto de la galleta Eltiempo.es para una lectura
   más limpia y una presencia más coherente.
   ========================================================= */
#homeMyCruise .my-cruise-scale-head > .btn,
#mscxDisclosureContent .my-cruise-scale-head > .btn,
#homeMyCruise .my-cruise-scale-actions .btn,
#mscxDisclosureContent .my-cruise-scale-actions .btn{
  width:auto !important;
  min-width:0 !important;
  min-height:34px !important;
  padding:5px 12px !important;
  border-radius:14px !important;
  font-size:10.4px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  flex:0 0 auto !important;
  align-self:flex-start !important;
}
#homeMyCruise .my-cruise-scale-actions,
#mscxDisclosureContent .my-cruise-scale-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  align-items:center !important;
}
#homeMyCruise .my-cruise-scale-block.weather .my-cruise-scale-actions,
#mscxDisclosureContent .my-cruise-scale-block.weather .my-cruise-scale-actions,
#homeMyCruise .my-cruise-scale-block.climate .my-cruise-scale-actions,
#mscxDisclosureContent .my-cruise-scale-block.climate .my-cruise-scale-actions{
  justify-content:flex-start !important;
}
@media(max-width:430px){
  #homeMyCruise .my-cruise-scale-head,
  #mscxDisclosureContent .my-cruise-scale-head{
    grid-template-columns:minmax(0,1fr) auto !important;
  }
  #homeMyCruise .my-cruise-scale-head > .btn,
  #mscxDisclosureContent .my-cruise-scale-head > .btn,
  #homeMyCruise .my-cruise-scale-actions .btn,
  #mscxDisclosureContent .my-cruise-scale-actions .btn{
    min-height:33px !important;
    padding:5px 11px !important;
    font-size:10.2px !important;
  }
  #homeMyCruise .my-cruise-scale-actions,
  #mscxDisclosureContent .my-cruise-scale-actions{
    display:flex !important;
    grid-template-columns:none !important;
  }
}


/* =========================================================
   MSCxplorer v10.1.4.47 · Alineación de la galleta Mapa
   La galleta Mapa no debe caer más abajo que las demás.
   Se anula el margen extra heredado de .mscx-gmap y se iguala
   su alineación dentro de Modo escala.
   ========================================================= */
#homeMyCruise .my-cruise-scale-actions .mscx-gmap,
#mscxDisclosureContent .my-cruise-scale-actions .mscx-gmap{
  margin:0 !important;
  vertical-align:top !important;
  align-self:flex-start !important;
}


/* =========================================================
   MSCxplorer v10.1.4.48 · Mapa centrado y letra más legible
   En Modo escala se centra visualmente la galleta Mapa y se
   aumenta ligeramente la tipografía de las galletas de acción.
   ========================================================= */
#homeMyCruise .my-cruise-scale-head > .btn,
#mscxDisclosureContent .my-cruise-scale-head > .btn,
#homeMyCruise .my-cruise-scale-actions .btn,
#mscxDisclosureContent .my-cruise-scale-actions .btn{
  font-size:11.3px !important;
  letter-spacing:0 !important;
  text-align:center !important;
}
#homeMyCruise .my-cruise-scale-actions .mscx-gmap,
#mscxDisclosureContent .my-cruise-scale-actions .mscx-gmap{
  justify-content:center !important;
  text-align:center !important;
  padding-left:14px !important;
  padding-right:14px !important;
}
@media(max-width:430px){
  #homeMyCruise .my-cruise-scale-head > .btn,
  #mscxDisclosureContent .my-cruise-scale-head > .btn,
  #homeMyCruise .my-cruise-scale-actions .btn,
  #mscxDisclosureContent .my-cruise-scale-actions .btn{
    font-size:11px !important;
  }
}


/* =========================================================
   MSCxplorer v10.1.4.49 · Mapa realmente centrado y más legible
   Refuerzo final del bloque Modo escala: las galletas de acción
   ganan tamaño de letra y Mapa se centra de forma inequívoca.
   ========================================================= */
#homeMyCruise .my-cruise-scale-head > .btn,
#mscxDisclosureContent .my-cruise-scale-head > .btn,
#homeMyCruise .my-cruise-scale-actions .btn,
#mscxDisclosureContent .my-cruise-scale-actions .btn{
  min-height:35px !important;
  padding:6px 14px !important;
  font-size:12.4px !important;
  line-height:1 !important;
  font-weight:950 !important;
  display:inline-grid !important;
  place-items:center !important;
  text-align:center !important;
}
#homeMyCruise .my-cruise-scale-actions .mscx-gmap,
#mscxDisclosureContent .my-cruise-scale-actions .mscx-gmap{
  min-width:112px !important;
  padding:6px 16px !important;
  place-items:center !important;
  justify-content:center !important;
  align-content:center !important;
  text-indent:0 !important;
}
@media(max-width:430px){
  #homeMyCruise .my-cruise-scale-head > .btn,
  #mscxDisclosureContent .my-cruise-scale-head > .btn,
  #homeMyCruise .my-cruise-scale-actions .btn,
  #mscxDisclosureContent .my-cruise-scale-actions .btn{
    font-size:12.1px !important;
  }
  #homeMyCruise .my-cruise-scale-actions .mscx-gmap,
  #mscxDisclosureContent .my-cruise-scale-actions .mscx-gmap{
    min-width:108px !important;
  }
}


/* =========================================================
   MSCxplorer v10.1.4.50 · Plan por escalas: botones legibles
   Corrección exacta sobre el bloque mostrado en la captura.
   Puerto, Excursión, Clima y Mapa aumentan tipografía y Mapa
   queda verdaderamente centrado dentro de su galleta.
   ========================================================= */
#homeMyCruise .my-cruise-plan-actions .btn,
#mscxDisclosureContent .my-cruise-plan-actions .btn{
  min-height:40px !important;
  padding:7px 12px !important;
  border-radius:13px !important;
  font-size:12.5px !important;
  line-height:1 !important;
  font-weight:950 !important;
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
  white-space:nowrap !important;
}
#homeMyCruise .my-cruise-plan-actions .mscx-gmap,
#mscxDisclosureContent .my-cruise-plan-actions .mscx-gmap{
  margin:0 !important;
  padding-left:12px !important;
  padding-right:12px !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  text-indent:0 !important;
}
@media(max-width:430px){
  #homeMyCruise .my-cruise-plan-actions .btn,
  #mscxDisclosureContent .my-cruise-plan-actions .btn{
    min-height:39px !important;
    font-size:12.2px !important;
  }
}


/* =========================================================
   MSCxplorer v10.1.4.51 · Plan por escalas con textos mayores
   Ajuste centrado en los textos informativos de cada tarjeta
   del plan por escalas: nombre, fecha y resúmenes más legibles.
   ========================================================= */
#homeMyCruise .my-cruise-plan-row,
#mscxDisclosureContent .my-cruise-plan-row{
  padding:12px 12px 12px 15px !important;
}
#homeMyCruise .my-cruise-plan-head,
#mscxDisclosureContent .my-cruise-plan-head{
  gap:9px !important;
}
#homeMyCruise .my-cruise-plan-number,
#mscxDisclosureContent .my-cruise-plan-number{
  width:30px !important;
  height:30px !important;
  font-size:11.5px !important;
}
#homeMyCruise .my-cruise-plan-head b,
#mscxDisclosureContent .my-cruise-plan-head b{
  font-size:15px !important;
  line-height:1.16 !important;
}
#homeMyCruise .my-cruise-plan-head small,
#mscxDisclosureContent .my-cruise-plan-head small{
  margin-top:3px !important;
  font-size:11.5px !important;
  line-height:1.24 !important;
}
#homeMyCruise .my-cruise-plan-excursion,
#homeMyCruise .my-cruise-plan-weather,
#homeMyCruise .my-cruise-plan-muted,
#mscxDisclosureContent .my-cruise-plan-excursion,
#mscxDisclosureContent .my-cruise-plan-weather,
#mscxDisclosureContent .my-cruise-plan-muted{
  margin:8px 0 0 !important;
  font-size:12.7px !important;
  line-height:1.42 !important;
}
#homeMyCruise .my-cruise-plan-note,
#mscxDisclosureContent .my-cruise-plan-note{
  font-size:11.6px !important;
  line-height:1.38 !important;
}
@media(max-width:430px){
  #homeMyCruise .my-cruise-plan-head b,
  #mscxDisclosureContent .my-cruise-plan-head b{font-size:14.6px !important}
  #homeMyCruise .my-cruise-plan-head small,
  #mscxDisclosureContent .my-cruise-plan-head small{font-size:11.2px !important}
  #homeMyCruise .my-cruise-plan-excursion,
  #homeMyCruise .my-cruise-plan-weather,
  #homeMyCruise .my-cruise-plan-muted,
  #mscxDisclosureContent .my-cruise-plan-excursion,
  #mscxDisclosureContent .my-cruise-plan-weather,
  #mscxDisclosureContent .my-cruise-plan-muted{font-size:12.4px !important}
}


/* =========================================================
   MSCxplorer v10.1.4.52 · Corrección contraste ficha clima
   La ficha desplegada de Tiempo y condiciones en el visor
   ampliado (#mscxDisclosureContent) heredaba el tema claro.
   Se replica el tema oscuro ya validado en Inicio/portDetail.
   ========================================================= */
#mscxDisclosureContent .my-cruise-weather-deep>.mscx-special-climate,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate{
  margin:0 !important;
  border-radius:16px !important;
  background:linear-gradient(155deg,#0b3b67 0%,#082b4d 55%,#061d35 100%) !important;
  border:1px solid rgba(216,177,80,.62) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05) !important;
  color:#f4f9fd !important;
}
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-unified-kicker{
  color:#e9c66b !important;
}
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate h3,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-headline,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-title,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-title b,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-intro{
  color:#ffffff !important;
}
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-date,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-title small,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-stat span,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-flags small,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-note{
  color:#d8e8f5 !important;
}
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-badge{
  background:#144d7b !important;
  border:1px solid #3779a9 !important;
  color:#e7f4ff !important;
}
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-stat,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-flags span,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-cards article,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-condition-list article,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-zones>div{
  background:linear-gradient(145deg,#113858,#0c2d4b) !important;
  border:1px solid rgba(213,177,89,.45) !important;
  color:#fff !important;
}
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-stat b,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-flags b,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-cards b,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-condition-list b,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-zones b,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-cards strong,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-condition-list p,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-zones span:not(.mscx-longyear-step){
  color:#ffffff !important;
}
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-focus{
  background:linear-gradient(145deg,#0e416e 0%,#082b4e 100%) !important;
  border:1px solid rgba(218,179,82,.48) !important;
  color:#f5fbff !important;
}
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-detail{
  background:#0a2947 !important;
  border:1px solid #2b5d86 !important;
  color:#eef7ff !important;
}
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-detail summary{
  background:#0d355a !important;
  color:#f4f9fd !important;
}
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-detail p,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-detail li{
  color:#dceaf5 !important;
}
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-pills span{
  background:#103a60 !important;
  border:1px solid #3a75a0 !important;
  color:#eef8ff !important;
}
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-advice{
  background:linear-gradient(145deg,#443b17,#30290f) !important;
  border:1px solid #8b7741 !important;
  color:#fff6d7 !important;
}
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-advice b,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-special-advice p{
  color:#fff6d7 !important;
}
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-final{
  background:linear-gradient(145deg,#123a35,#0e302a) !important;
  border-color:#347961 !important;
  color:#effff7 !important;
}
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-final b,
#mscxDisclosureContent .my-cruise-weather-deep .mscx-special-climate .mscx-longyear-final p{
  color:#effff7 !important;
}

/* =========================================================
   MSCxplorer v10.1.4.56 · Auditoría profunda de Inicio
   Objetivo:
   - unificar tipografía y jerarquías en Inicio
   - corregir el desfase entre .my-cruise-home-fold y el
     render actual .my-cruise-dashboard-group
   - homogeneizar galletas y papeles internos
   - subir ligeramente textos demasiado pequeños sin perder
     la compacidad validada en iPhone
   ========================================================= */
#homeMyCruise{
  --inicio-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --inicio-surface-1:linear-gradient(180deg,rgba(10,42,69,.96),rgba(6,29,50,.985));
  --inicio-surface-2:linear-gradient(180deg,rgba(18,59,91,.84),rgba(8,36,61,.90));
  --inicio-surface-3:linear-gradient(180deg,rgba(20,66,102,.72),rgba(8,39,65,.84));
  --inicio-paper-light:linear-gradient(180deg,#fbfdff 0%,#edf5fb 100%);
  --inicio-line:rgba(132,194,236,.30);
  --inicio-line-strong:rgba(240,207,114,.36);
  --inicio-text:#f5f9fc;
  --inicio-text-soft:#dceaf4;
  --inicio-text-muted:#bfd5e4;
  --inicio-shadow:0 10px 24px rgba(3,20,35,.12), inset 0 1px 0 rgba(255,255,255,.04);
}
#homeMyCruise,
#homeMyCruise *{
  font-family:var(--inicio-font);
}

/* ----- Portada ----- */
#homeMyCruise .my-cruise-welcome-hero{
  box-shadow:0 16px 34px rgba(3,20,35,.16) !important;
}
#homeMyCruise .my-cruise-welcome-hero .my-cruise-head h2{
  letter-spacing:-.018em !important;
}
#homeMyCruise .my-cruise-welcome-hero .my-cruise-departure{
  font-size:12.6px !important;
  padding:7px 10px !important;
}
#homeMyCruise .my-cruise-welcome-summary{
  gap:7px !important;
}
#homeMyCruise .my-cruise-welcome-summary span,
#homeMyCruise .my-cruise-summary span{
  min-height:46px !important;
  padding:7px 5px !important;
  font-size:11.2px !important;
  line-height:1.18 !important;
  border-radius:12px !important;
}

/* ----- Bloques plegables: corrige la falta de estilos del render actual ----- */
#homeMyCruise .my-cruise-dashboard-group{
  margin-top:14px !important;
  padding:0 !important;
  border:1px solid var(--inicio-line) !important;
  border-radius:18px !important;
  background:var(--inicio-surface-1) !important;
  overflow:hidden !important;
  box-shadow:var(--inicio-shadow) !important;
}
#homeMyCruise .my-cruise-dashboard-group>summary{
  list-style:none !important;
  cursor:pointer !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  min-height:54px !important;
  padding:12px 14px !important;
  color:var(--inicio-text) !important;
  user-select:none !important;
  -webkit-tap-highlight-color:transparent !important;
}
#homeMyCruise .my-cruise-dashboard-group>summary::-webkit-details-marker{display:none !important}
#homeMyCruise .my-cruise-dashboard-group>summary::after{
  content:'⌄';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  font-size:18px;
  font-weight:900;
  line-height:1;
  transition:transform .18s ease;
}
#homeMyCruise .my-cruise-dashboard-group[open]>summary::after{transform:rotate(180deg)}
#homeMyCruise .my-cruise-dashboard-group>summary>span{
  min-width:0;
  display:block;
  font-size:16px !important;
  line-height:1.16 !important;
  font-weight:950 !important;
  color:#fff3c8 !important;
}
#homeMyCruise .my-cruise-dashboard-group>summary>small{
  grid-column:1/2;
  min-width:0;
  margin-top:-4px;
  color:var(--inicio-text-soft) !important;
  font-size:11.2px !important;
  line-height:1.28 !important;
  font-weight:820 !important;
}
#homeMyCruise .my-cruise-dashboard-group[open]>summary{
  margin-bottom:10px !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}
#homeMyCruise .my-cruise-dashboard-group-body{
  padding:0 12px 12px !important;
}

/* Compatibilidad visual con el bloque antiguo */
#homeMyCruise .my-cruise-home-fold,
#homeMyCruise .my-cruise-dashboard-group{
  background:var(--inicio-surface-1) !important;
  border-color:var(--inicio-line) !important;
}
#homeMyCruise .my-cruise-home-fold>summary,
#homeMyCruise .my-cruise-dashboard-group>summary{
  min-height:54px !important;
}
#homeMyCruise .my-cruise-home-fold>summary>span,
#homeMyCruise .my-cruise-dashboard-group>summary>span{
  font-size:16px !important;
}
#homeMyCruise .my-cruise-home-fold>summary>small,
#homeMyCruise .my-cruise-dashboard-group>summary>small{
  font-size:11.2px !important;
}

/* ----- Papeles internos unificados ----- */
#homeMyCruise .my-cruise-next-card,
#homeMyCruise .my-cruise-route-section,
#homeMyCruise .my-cruise-offline-card,
#homeMyCruise .my-cruise-user-backup-card,
#homeMyCruise .my-cruise-personal-item,
#homeMyCruise .my-cruise-personal-notes,
#homeMyCruise .my-cruise-cabin-card,
#homeMyCruise .my-cruise-cabin-source,
#homeMyCruise .my-cruise-cabin-edit,
#homeMyCruise .my-cruise-scale-head,
#homeMyCruise .my-cruise-scale-block,
#homeMyCruise .my-cruise-plan-row,
#homeMyCruise .my-cruise-excursion-study,
#homeMyCruise .my-cruise-excursion-choice,
#homeMyCruise .my-cruise-weather-choice{
  background:var(--inicio-surface-2) !important;
  border-color:var(--inicio-line) !important;
  box-shadow:var(--inicio-shadow) !important;
}
#homeMyCruise .my-cruise-next-card.today,
#homeMyCruise .my-cruise-offline-card.ready,
#homeMyCruise .my-cruise-personal-item.done,
#homeMyCruise .my-cruise-cabin-card.has-data{
  border-color:rgba(240,207,114,.44) !important;
}
#homeMyCruise .my-cruise-route-section,
#homeMyCruise .my-cruise-scale-head,
#homeMyCruise .my-cruise-scale-block,
#homeMyCruise .my-cruise-plan-row{
  border-radius:17px !important;
}
#homeMyCruise .my-cruise-route-section>h3,
#homeMyCruise .my-cruise-section-title>span,
#homeMyCruise .my-cruise-security-head b,
#homeMyCruise .my-cruise-personal-notes-head b,
#homeMyCruise .my-cruise-cabin-summary-copy b,
#homeMyCruise .my-cruise-scale-head h3{
  color:#fff3c8 !important;
}

/* ----- Tipografía base más homogénea ----- */
#homeMyCruise p,
#homeMyCruise li,
#homeMyCruise .my-cruise-route,
#homeMyCruise .my-cruise-next-copy p,
#homeMyCruise .my-cruise-offline-copy p,
#homeMyCruise .my-cruise-user-backup-card p,
#homeMyCruise .my-cruise-personal-note,
#homeMyCruise .my-cruise-cabin-source small,
#homeMyCruise .my-cruise-scale-block p,
#homeMyCruise .my-cruise-plan-excursion,
#homeMyCruise .my-cruise-plan-weather,
#homeMyCruise .my-cruise-plan-muted{
  font-size:12.4px !important;
  line-height:1.46 !important;
  color:var(--inicio-text-soft) !important;
}
#homeMyCruise .my-cruise-route{
  font-size:13.2px !important;
}
#homeMyCruise .my-cruise-route-section>h3,
#homeMyCruise .my-cruise-next-copy h3{
  font-size:20px !important;
  line-height:1.12 !important;
}
#homeMyCruise .my-cruise-next-kicker,
#homeMyCruise .my-cruise-list-badge,
#homeMyCruise .my-cruise-weather-badge,
#homeMyCruise .my-cruise-readiness-value,
#homeMyCruise .my-cruises-library-status,
#homeMyCruise .my-cruise-next-meta span,
#homeMyCruise .my-cruise-offline-badge,
#homeMyCruise .my-cruise-scale-kicker,
#homeMyCruise .my-cruise-timeline-status,
#homeMyCruise .my-cruise-plan-status{
  font-size:10.7px !important;
  line-height:1.14 !important;
}

/* ----- Galletas y chips ----- */
#homeMyCruise .my-cruise-quick-grid{
  gap:8px !important;
}
#homeMyCruise .my-cruise-quick-btn{
  min-height:74px !important;
  padding:10px 7px !important;
  border-radius:16px !important;
  border:1px solid var(--inicio-line-strong) !important;
  background:var(--inicio-surface-3) !important;
  box-shadow:var(--inicio-shadow) !important;
}
#homeMyCruise .my-cruise-quick-btn>span{
  width:31px !important;
  height:31px !important;
  font-size:18px !important;
}
#homeMyCruise .my-cruise-quick-btn>b{
  font-size:12.2px !important;
  line-height:1.18 !important;
  color:#fff !important;
}
#homeMyCruise .my-cruise-stops>.port-chip,
#homeMyCruise .my-cruise-scale-actions .btn,
#homeMyCruise .my-cruise-next-actions>.btn,
#homeMyCruise .my-cruise-next-actions>a.btn,
#homeMyCruise .my-cruise-plan-actions .btn,
#homeMyCruise .my-cruise-cabin-actions .btn,
#homeMyCruise .my-cruise-personal-notes-actions .btn,
#homeMyCruise .my-cruises-library-actions .btn,
#homeMyCruise .my-cruise-user-backup-actions .btn{
  border-radius:14px !important;
  font-size:11.4px !important;
  line-height:1.14 !important;
  font-weight:900 !important;
}
#homeMyCruise .my-cruise-stops>.port-chip{
  min-height:44px !important;
  padding:7px 8px !important;
  font-size:11.8px !important;
  border-color:rgba(240,207,114,.28) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.05)) !important;
  color:#f4f9fc !important;
}
#homeMyCruise .my-cruise-stops>.port-chip.ready{
  background:linear-gradient(180deg,rgba(26,106,163,.42),rgba(9,58,96,.52)) !important;
  border-color:rgba(148,205,240,.52) !important;
}

/* ----- Preparación personal: se elimina la microtipografía ----- */
#homeMyCruise .my-cruise-personal-prep>summary span{
  font-size:15.8px !important;
}
#homeMyCruise .my-cruise-personal-prep>summary small{
  font-size:11px !important;
  line-height:1.25 !important;
}
#homeMyCruise .my-cruise-personal-grid{
  gap:10px !important;
}
#homeMyCruise .my-cruise-personal-item{
  min-height:72px !important;
  grid-template-columns:18px 22px minmax(0,1fr) !important;
}
#homeMyCruise .my-cruise-personal-copy b{
  font-size:12.3px !important;
  line-height:1.18 !important;
}
#homeMyCruise .my-cruise-personal-copy small{
  font-size:10.7px !important;
  line-height:1.3 !important;
  color:var(--inicio-text-muted) !important;
  -webkit-line-clamp:3 !important;
}
#homeMyCruise .my-cruise-personal-notes{
  padding:12px !important;
}
#homeMyCruise .my-cruise-personal-notes-head b{
  font-size:13.3px !important;
}
#homeMyCruise .my-cruise-personal-notes-head small,
#homeMyCruise .my-cruise-personal-notes-status,
#homeMyCruise .my-cruise-personal-note{
  font-size:10.7px !important;
  line-height:1.3 !important;
}
#homeMyCruise .my-cruise-personal-note-input{
  background:var(--inicio-paper-light) !important;
  color:#12334d !important;
  font-size:13px !important;
}

/* ----- Mi camarote ----- */
#homeMyCruise .my-cruise-cabin-summary-copy b{
  font-size:14.2px !important;
}
#homeMyCruise .my-cruise-cabin-summary-copy small,
#homeMyCruise .my-cruise-cabin-edit>summary small,
#homeMyCruise .my-cruise-cabin-status,
#homeMyCruise .my-cruise-cabin-privacy{
  font-size:10.8px !important;
  line-height:1.3 !important;
}
#homeMyCruise .my-cruise-cabin-edit>summary span{
  font-size:11.8px !important;
}
#homeMyCruise .my-cruise-cabin-form label span{
  font-size:11px !important;
}
#homeMyCruise .my-cruise-cabin-form input,
#homeMyCruise .my-cruise-cabin-form textarea{
  background:var(--inicio-paper-light) !important;
  color:#12334d !important;
  font-size:12.8px !important;
}

/* ----- Ahora / próxima escala / modo escala / plan ----- */
#homeMyCruise .my-cruise-next-copy h3,
#homeMyCruise .my-cruise-scale-head h3{
  font-size:20px !important;
}
#homeMyCruise .my-cruise-next-excursion,
#homeMyCruise .my-cruise-next-weather,
#homeMyCruise .my-cruise-scale-head p,
#homeMyCruise .my-cruise-scale-head small,
#homeMyCruise .my-cruise-scale-block>small,
#homeMyCruise .my-cruise-scale-online-note,
#homeMyCruise .my-cruise-plan-head small,
#homeMyCruise .my-cruise-plan-note{
  font-size:11px !important;
  line-height:1.33 !important;
}
#homeMyCruise .my-cruise-plan>summary span,
#homeMyCruise .my-cruise-readiness>summary span,
#homeMyCruise .my-cruise-scale>summary span,
#homeMyCruise .my-cruise-timeline>summary span,
#homeMyCruise .my-cruises-library>summary span{
  font-size:15.8px !important;
}
#homeMyCruise .my-cruise-plan>summary small,
#homeMyCruise .my-cruise-readiness>summary small,
#homeMyCruise .my-cruise-scale>summary small,
#homeMyCruise .my-cruise-timeline>summary small,
#homeMyCruise .my-cruises-library>summary small{
  font-size:11px !important;
  line-height:1.28 !important;
}
#homeMyCruise .my-cruise-plan-row{
  padding:12px 12px 12px 14px !important;
}
#homeMyCruise .my-cruise-plan-head b{
  font-size:13.4px !important;
  line-height:1.18 !important;
}
#homeMyCruise .my-cruise-scale-weather-head b,
#homeMyCruise .my-cruise-scale-block>b,
#homeMyCruise .my-cruise-offline-copy b,
#homeMyCruise .my-cruise-user-backup-card b{
  font-size:13.4px !important;
  line-height:1.2 !important;
}

/* ----- Biblioteca, seguridad y offline ----- */
#homeMyCruise .my-cruises-library-top b{
  font-size:14px !important;
}
#homeMyCruise .my-cruises-library-copy p,
#homeMyCruise .my-cruises-library-copy small,
#homeMyCruise .my-cruise-offline-note,
#homeMyCruise .my-cruise-security-head small{
  font-size:11px !important;
  line-height:1.34 !important;
}
#homeMyCruise .my-cruise-offline-status span{
  font-size:11px !important;
}

/* ----- Desplegables de excursiones y tiempo en Inicio ----- */
#homeMyCruise .my-cruise-excursion-study>summary b,
#homeMyCruise .my-cruise-excursion-choice .my-cruise-excursion-copy b,
#homeMyCruise .my-cruise-weather-choice .my-cruise-weather-copy b{
  font-size:12.6px !important;
  line-height:1.18 !important;
}
#homeMyCruise .my-cruise-excursion-study>summary small,
#homeMyCruise .my-cruise-excursion-study-body>details>summary,
#homeMyCruise .my-cruise-weather-copy p,
#homeMyCruise .my-cruise-weather-note,
#homeMyCruise .my-cruise-excursion-copy p{
  font-size:10.9px !important;
  line-height:1.34 !important;
}

/* ----- Ajustes estrechos iPhone ----- */
@media(max-width:430px){
  #homeMyCruise .my-cruise-dashboard-group>summary,
  #homeMyCruise .my-cruise-home-fold>summary{
    padding:11px 12px !important;
    min-height:50px !important;
  }
  #homeMyCruise .my-cruise-dashboard-group>summary>span,
  #homeMyCruise .my-cruise-home-fold>summary>span,
  #homeMyCruise .my-cruise-plan>summary span,
  #homeMyCruise .my-cruise-readiness>summary span,
  #homeMyCruise .my-cruise-scale>summary span,
  #homeMyCruise .my-cruise-timeline>summary span,
  #homeMyCruise .my-cruises-library>summary span,
  #homeMyCruise .my-cruise-personal-prep>summary span{
    font-size:15.2px !important;
  }
  #homeMyCruise .my-cruise-dashboard-group>summary>small,
  #homeMyCruise .my-cruise-home-fold>summary>small,
  #homeMyCruise .my-cruise-plan>summary small,
  #homeMyCruise .my-cruise-readiness>summary small,
  #homeMyCruise .my-cruise-scale>summary small,
  #homeMyCruise .my-cruise-timeline>summary small,
  #homeMyCruise .my-cruises-library>summary small,
  #homeMyCruise .my-cruise-personal-prep>summary small{
    font-size:10.7px !important;
  }
  #homeMyCruise .my-cruise-welcome-summary span,
  #homeMyCruise .my-cruise-summary span{
    min-height:44px !important;
    font-size:10.4px !important;
  }
  #homeMyCruise .my-cruise-quick-btn>b{font-size:11.6px !important}
  #homeMyCruise .my-cruise-stops>.port-chip,
  #homeMyCruise .my-cruise-scale-actions .btn,
  #homeMyCruise .my-cruise-next-actions>.btn,
  #homeMyCruise .my-cruise-next-actions>a.btn,
  #homeMyCruise .my-cruise-plan-actions .btn,
  #homeMyCruise .my-cruise-cabin-actions .btn,
  #homeMyCruise .my-cruise-personal-notes-actions .btn,
  #homeMyCruise .my-cruises-library-actions .btn,
  #homeMyCruise .my-cruise-user-backup-actions .btn{font-size:10.8px !important}
  #homeMyCruise .my-cruise-personal-copy b{font-size:11.8px !important}
  #homeMyCruise .my-cruise-personal-copy small{font-size:10.3px !important}
}
@media(max-width:365px){
  #homeMyCruise .my-cruise-dashboard-group>summary,
  #homeMyCruise .my-cruise-home-fold>summary,
  #homeMyCruise .my-cruise-plan>summary,
  #homeMyCruise .my-cruise-readiness>summary,
  #homeMyCruise .my-cruise-scale>summary,
  #homeMyCruise .my-cruise-personal-prep>summary,
  #homeMyCruise .my-cruises-library>summary{
    grid-template-columns:1fr !important;
    align-items:start !important;
    gap:3px !important;
  }
  #homeMyCruise .my-cruise-dashboard-group>summary::after{justify-self:end}
  #homeMyCruise .my-cruise-dashboard-group>summary>small,
  #homeMyCruise .my-cruise-home-fold>summary>small,
  #homeMyCruise .my-cruise-plan>summary small,
  #homeMyCruise .my-cruise-readiness>summary small,
  #homeMyCruise .my-cruise-scale>summary small,
  #homeMyCruise .my-cruise-personal-prep>summary small,
  #homeMyCruise .my-cruises-library>summary small{text-align:left !important}
  #homeMyCruise .my-cruise-personal-grid,
  #homeMyCruise .my-cruise-next-actions,
  #homeMyCruise .my-cruise-quick-grid{grid-template-columns:1fr 1fr !important}
}

/* =========================================================
   MSCxplorer v10.1.4.58 · EL VIAJE · MSC Armonia más profesional
   y bonito. Revisión visual poco agresiva centrada en la pestaña
   “El viaje”: más jerarquía, más riqueza visual y menos austeridad.
   ========================================================= */
#trip .trip-cover-v920{
  position:relative;
  border-radius:28px !important;
  border:1px solid rgba(236,205,118,.68) !important;
  background:radial-gradient(320px 140px at 100% 0%,rgba(244,216,130,.12),transparent 60%),linear-gradient(180deg,#08243b,#0a2f4d) !important;
  box-shadow:0 20px 40px rgba(3,21,37,.18), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#trip .trip-cover-v920::after{
  content:"MSC Armonia · Adriático · 18–25 OCT 2026";
  position:absolute;
  left:16px;
  bottom:14px;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 11px;
  border-radius:999px;
  background:rgba(6,26,43,.78);
  border:1px solid rgba(236,205,118,.42);
  color:#fff7d5;
  font-size:11px;
  font-weight:900;
  letter-spacing:.02em;
  box-shadow:0 8px 18px rgba(0,0,0,.16);
  backdrop-filter:blur(4px);
}

#trip .trip-hub-block{
  border-radius:24px !important;
  border:1px solid rgba(228,194,102,.30) !important;
  background:linear-gradient(180deg,rgba(7,35,58,.98),rgba(5,25,43,.99)) !important;
  box-shadow:0 14px 30px rgba(2,21,36,.12), inset 0 1px 0 rgba(255,255,255,.04) !important;
  margin-bottom:16px;
}
#trip .trip-hub-block>summary{
  position:relative;
  list-style:none;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) 18px !important;
  grid-template-rows:auto auto !important;
  align-items:center !important;
  column-gap:11px !important;
  row-gap:2px !important;
  min-height:76px !important;
  padding:14px 15px !important;
  background:
    radial-gradient(240px 100px at 100% 0%,rgba(239,205,116,.12),transparent 58%),
    linear-gradient(135deg,#0a2f4d,#114a71) !important;
}
#trip .trip-hub-block>summary::after{
  content:"⌄";
  grid-column:3;
  grid-row:1/3;
  align-self:center;
  justify-self:end;
  color:#f0d483;
  font-size:1.2rem;
  font-weight:900;
  line-height:1;
  transition:transform .18s ease;
}
#trip .trip-hub-block[open]>summary::after{transform:rotate(180deg)}
#trip .trip-hub-block>summary::-webkit-details-marker{display:none}
#trip .trip-hub-block>summary>span:first-child{
  grid-column:1;
  grid-row:1/3;
  display:grid !important;
  place-items:center !important;
  width:40px;
  height:40px;
  border-radius:13px;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.05));
  border:1px solid rgba(239,205,116,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  font-size:21px !important;
}
#trip .trip-hub-block>summary>b{
  grid-column:2;
  grid-row:1;
  color:#ffffff !important;
  font-size:17px !important;
  line-height:1.12 !important;
  font-weight:900 !important;
  letter-spacing:-.01em;
}
#trip .trip-hub-block>summary>small{
  grid-column:2;
  grid-row:2;
  color:#d7e6ef !important;
  font-size:11.4px !important;
  line-height:1.26 !important;
  font-weight:760 !important;
}
#trip .trip-hub-block[open]>summary{
  border-bottom:1px solid rgba(233,201,110,.18) !important;
  background:
    radial-gradient(240px 100px at 100% 0%,rgba(239,205,116,.14),transparent 58%),
    linear-gradient(135deg,#0b3454,#13537c) !important;
}
#trip .trip-hub-block-body{
  padding:15px 15px 16px !important;
  background:linear-gradient(180deg,#0c3150,#082640) !important;
}
#trip .trip-hub-block-body p{
  color:#edf4f8 !important;
  font-size:12.8px !important;
  line-height:1.47 !important;
}

/* Cronología más rica */
#trip .trip-line{padding-left:0 !important}
#trip .trip-line:before{
  left:59px !important;
  width:2px !important;
  background:linear-gradient(180deg,rgba(239,205,116,.95),rgba(105,173,219,.75) 46%,rgba(239,205,116,.95)) !important;
}
#trip .trip-line-item{
  min-height:76px !important;
  padding:10px 11px 10px 7px !important;
  margin:0 0 8px !important;
  border-radius:20px !important;
  border:1px solid rgba(233,201,110,.24) !important;
  background:
    radial-gradient(180px 80px at 100% 0%,rgba(255,255,255,.05),transparent 62%),
    linear-gradient(105deg,rgba(8,35,57,.98),rgba(12,61,94,.96)) !important;
  box-shadow:0 8px 20px rgba(2,22,37,.08), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
#trip .trip-line-item.cruise{
  border-color:rgba(239,204,116,.58) !important;
  background:
    radial-gradient(220px 110px at 100% 0%,rgba(239,204,116,.10),transparent 62%),
    linear-gradient(105deg,#08243b,#0c527e) !important;
  box-shadow:0 10px 24px rgba(4,39,63,.16), inset 3px 0 0 #e5c162 !important;
}
#trip .trip-line-date,
#trip .trip-line-date-range{
  display:grid;
  place-items:center;
  min-height:52px;
  padding:6px 4px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(242,214,126,.18),rgba(242,214,126,.08));
  border:1px solid rgba(242,214,126,.24);
}
#trip .trip-line-date b{font-size:16px !important}
#trip .trip-line-date small{font-size:8px !important;letter-spacing:.09em !important}
#trip .trip-line-date-range b{display:flex;align-items:center;justify-content:center;gap:2px;font-size:13px !important;line-height:1 !important}
#trip .trip-line-date-range b i{font-style:normal;font-size:10px;opacity:.85}
#trip .trip-line-dot{
  width:30px !important;
  height:30px !important;
  border:2px solid #e3c671 !important;
  background:linear-gradient(180deg,#16476b,#10395a) !important;
  box-shadow:0 0 0 4px #0b304e, 0 3px 7px rgba(0,0,0,.15) !important;
}
#trip .trip-line-body span{
  display:inline-flex !important;
  align-items:center;
  min-height:20px;
  padding:0 7px;
  border-radius:999px;
  background:rgba(240,207,117,.12);
  color:#f4d783 !important;
  font-size:8.4px !important;
  margin-bottom:5px !important;
}
#trip .trip-line-body h4{
  margin:0 0 4px !important;
  font-size:14.2px !important;
  line-height:1.2 !important;
  color:#ffffff !important;
}
#trip .trip-line-body p{
  font-size:11.1px !important;
  line-height:1.34 !important;
  color:#dfeaf1 !important;
}
#trip .trip-timeline-doc{margin-top:8px !important}

/* Reserva / excursiones / bloques internos */
#trip .trip-booking-intro,
#trip .trip-boarding-pending,
#trip .trip-insurance-note,
#trip .trip-cabin-provisional,
#trip .trip-doc-status{
  border-radius:16px !important;
  border:1px solid rgba(233,201,110,.18) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
#trip .trip-booking-intro>b,
#trip .trip-boarding-pending b,
#trip .trip-insurance-note b{
  color:#f3d67c !important;
}
#trip .trip-booking-item{
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(180deg,rgba(3,20,38,.28),rgba(255,255,255,.03)) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.06) !important;
}
#trip .trip-booking-item>summary{
  min-height:52px !important;
  padding:10px 11px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)) !important;
}
#trip .trip-booking-item>summary>span{
  border-radius:10px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04)) !important;
}
#trip .trip-booking-item>summary>b{font-size:13.2px !important}
#trip .trip-booking-item>summary>em{font-size:10px !important}
#trip .trip-booking-item-body p,
#trip .trip-booking-item-body ul{font-size:11.6px !important}

/* Plano/barco más limpio */
#trip .official-map-card.clean-map-card,
#trip .deck-explorer-card.clean-deck-guide,
#trip .cabin-1118-locator{
  border-radius:18px !important;
  border:1px solid rgba(233,201,110,.20) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03)) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.06) !important;
}

@media(max-width:560px){
  #trip .trip-cover-v920{border-radius:24px !important}
  #trip .trip-cover-v920::after{left:12px;bottom:11px;font-size:10px;padding:5px 9px}
  #trip .trip-hub-block{border-radius:21px !important;margin-bottom:14px}
  #trip .trip-hub-block>summary{grid-template-columns:38px minmax(0,1fr) 16px !important;min-height:70px !important;padding:12px 13px !important}
  #trip .trip-hub-block>summary>span:first-child{width:35px;height:35px;font-size:18px !important;border-radius:11px}
  #trip .trip-hub-block>summary>b{font-size:15.6px !important}
  #trip .trip-hub-block>summary>small{font-size:10.6px !important}
  #trip .trip-hub-block-body{padding:13px 13px 14px !important}
  #trip .trip-line:before{left:53px !important}
  #trip .trip-line-item{grid-template-columns:41px 28px minmax(0,1fr) !important;min-height:71px !important;padding:8px 9px 8px 6px !important}
  #trip .trip-line-date,
  #trip .trip-line-date-range{min-height:48px;border-radius:13px}
  #trip .trip-line-body p{font-size:10.5px !important}
}


/* =========================================================
   MSCxplorer v10.1.4.59 · Travel + Nuestra reserva premium
   - la pestaña “El viaje” pasa a mostrarse como “Travel”
   - el bloque “Nuestra reserva” gana aire, jerarquía y un
     acabado premium menos apelotonado.
   ========================================================= */
#trip .trip-booking-v9142{
  border-color:rgba(236,205,118,.46) !important;
  box-shadow:0 16px 34px rgba(3,22,37,.14), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
#trip .trip-booking-v9142>summary{
  min-height:78px !important;
  background:
    radial-gradient(250px 105px at 100% 0%,rgba(239,205,116,.14),transparent 60%),
    linear-gradient(135deg,#0b3555,#15577f) !important;
}
#trip .trip-booking-body{
  display:grid !important;
  gap:14px !important;
  padding-top:16px !important;
}
#trip .trip-booking-intro{
  padding:15px 16px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.072),rgba(255,255,255,.038)) !important;
  border:1px solid rgba(233,201,110,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#trip .trip-booking-intro>b{
  font-size:14.6px !important;
  line-height:1.16 !important;
  margin-bottom:6px !important;
  color:#f6da88 !important;
}
#trip .trip-booking-intro p{
  font-size:12.5px !important;
  line-height:1.56 !important;
  color:#e5eff5 !important;
}
#trip .trip-booking-item{
  border-radius:18px !important;
  border:1px solid rgba(233,201,110,.18) !important;
  background:
    radial-gradient(180px 80px at 100% 0%,rgba(255,255,255,.045),transparent 62%),
    linear-gradient(180deg,rgba(4,24,40,.34),rgba(255,255,255,.03)) !important;
  box-shadow:0 10px 22px rgba(2,22,37,.07), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
#trip .trip-booking-item + .trip-booking-item{
  margin-top:2px !important;
}
#trip .trip-booking-item>summary{
  display:grid !important;
  grid-template-columns:36px minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
  min-height:56px !important;
  padding:11px 12px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03)) !important;
}
#trip .trip-booking-item>summary>span{
  width:34px !important;
  height:34px !important;
  border-radius:11px !important;
  font-size:17px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04)) !important;
  border:1px solid rgba(233,201,110,.22) !important;
}
#trip .trip-booking-item>summary>b{
  font-size:13.8px !important;
  line-height:1.18 !important;
  letter-spacing:-.01em !important;
}
#trip .trip-booking-item>summary>em{
  font-size:10.3px !important;
  line-height:1.12 !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  background:rgba(240,207,117,.10) !important;
  border:1px solid rgba(240,207,117,.22) !important;
  color:#f4d882 !important;
}
#trip .trip-booking-item[open]>summary{
  background:
    radial-gradient(220px 90px at 100% 0%,rgba(239,205,116,.08),transparent 62%),
    linear-gradient(180deg,rgba(17,82,118,.44),rgba(17,82,118,.28)) !important;
  border-bottom:1px solid rgba(233,201,110,.14) !important;
}
#trip .trip-booking-item-body{
  padding:14px 15px 16px !important;
}
#trip .trip-booking-item-body p{
  margin:0 0 10px !important;
  font-size:12.2px !important;
  line-height:1.62 !important;
  text-align:left !important;
  color:#edf4f8 !important;
}
#trip .trip-booking-item-body ul{
  margin:8px 0 10px !important;
  padding-left:20px !important;
  font-size:11.9px !important;
  line-height:1.62 !important;
  color:#eef5f8 !important;
}
#trip .trip-booking-item-body li{
  padding-left:2px !important;
}
#trip .trip-booking-item-body li + li{
  margin-top:6px !important;
}
#trip .trip-booking-item-body .trip-booking-cost,
#trip .trip-booking-item-body .trip-booking-highlight{
  margin-top:10px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,rgba(240,207,117,.10),rgba(255,255,255,.03)) !important;
  border:1px solid rgba(240,207,117,.18) !important;
}
#trip .trip-booking-item-body .trip-booking-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:36px !important;
  padding:6px 12px !important;
  border-radius:999px !important;
  background:#0a3557 !important;
  border:1px solid rgba(233,201,110,.34) !important;
  color:#ffffff !important;
  text-decoration:none !important;
  font-size:11.5px !important;
  font-weight:900 !important;
  margin-top:4px !important;
}
@media(max-width:430px){
  #trip .trip-booking-v9142>summary{min-height:72px !important}
  #trip .trip-booking-body{gap:12px !important;padding-top:14px !important}
  #trip .trip-booking-intro{padding:13px 14px !important;border-radius:16px !important}
  #trip .trip-booking-intro>b{font-size:13.8px !important}
  #trip .trip-booking-intro p{font-size:12px !important;line-height:1.54 !important}
  #trip .trip-booking-item{border-radius:16px !important}
  #trip .trip-booking-item>summary{grid-template-columns:34px minmax(0,1fr) auto !important;min-height:52px !important;padding:10px 11px !important}
  #trip .trip-booking-item>summary>span{width:32px !important;height:32px !important;font-size:16px !important}
  #trip .trip-booking-item>summary>b{font-size:13px !important}
  #trip .trip-booking-item>summary>em{font-size:9.8px !important;padding:3px 7px !important}
  #trip .trip-booking-item-body{padding:13px 13px 14px !important}
  #trip .trip-booking-item-body p{font-size:11.8px !important;line-height:1.58 !important}
  #trip .trip-booking-item-body ul{font-size:11.5px !important;line-height:1.58 !important}
}


/* =========================================================
   MSCxplorer v10.1.4.60 · Nuestra reserva con más separación
   Aumenta el espacio entre opciones consultables sin inflar
   la tipografía ni romper la compacidad general de Travel.
   ========================================================= */
#trip .trip-booking-body{
  gap:18px !important;
}
#trip .trip-booking-item{
  margin:0 !important;
}
#trip .trip-booking-item + .trip-booking-item{
  margin-top:0 !important;
}
#trip .trip-booking-intro{
  margin-bottom:2px !important;
}
#trip .trip-booking-item>summary{
  min-height:58px !important;
}
@media(max-width:430px){
  #trip .trip-booking-body{
    gap:15px !important;
  }
  #trip .trip-booking-item>summary{
    min-height:54px !important;
  }
}


/* =========================================================
   MSCxplorer v10.1.4.61 · Travel sin banda negra en portada
   Se elimina la banda/pastilla negra superpuesta sobre la portada
   de Travel para limpiar el diseño del hero.
   ========================================================= */
#trip .trip-cover-v920::after{
  content:none !important;
  display:none !important;
}


/* =========================================================
   MSCxplorer v10.1.4.62 · Travel · Nuestra reserva premium
   inspirado en el boceto aprobado: página más elegante, aireada
   y visualmente potente dentro del visor fullscreen.
   ========================================================= */
.mscx-disclosure-viewer.mscx-view-booking-summary{
  background:radial-gradient(780px 320px at 100% 0%,rgba(28,96,156,.22),transparent 62%),linear-gradient(180deg,#021426,#062343 46%,#072a4a 100%) !important;
}
.mscx-disclosure-viewer.mscx-view-booking-summary .mscx-disclosure-shell,
.mscx-disclosure-viewer.mscx-view-booking-summary .mscx-disclosure-scroll{
  background:transparent !important;
}
.mscx-disclosure-viewer.mscx-view-booking-summary .mscx-disclosure-head{
  background:rgba(10,39,66,.92) !important;
  box-shadow:0 8px 26px rgba(0,0,0,.20) !important;
}
.mscx-disclosure-viewer.mscx-view-booking-summary .mscx-disclosure-title b{
  font-size:16.5px !important;
  font-weight:900 !important;
  letter-spacing:-.01em;
}
.mscx-disclosure-viewer.mscx-view-booking-summary .mscx-disclosure-title small{
  color:#e7c97c !important;
  font-size:11.2px !important;
  line-height:1.28 !important;
  font-weight:760 !important;
}
.mscx-disclosure-viewer.mscx-view-booking-summary .mscx-disclosure-close{
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(255,255,255,.22) !important;
}
.mscx-disclosure-viewer.mscx-view-booking-summary .mscx-disclosure-content{
  max-width:860px !important;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-body{
  display:grid !important;
  gap:14px !important;
  padding:10px 4px 0 !important;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-intro{
  position:relative;
  display:grid;
  grid-template-columns:66px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:18px 18px 18px 17px !important;
  border-radius:26px !important;
  border:1px solid rgba(222,190,106,.34) !important;
  background:radial-gradient(240px 120px at 100% 100%,rgba(66,133,214,.18),transparent 58%),linear-gradient(135deg,rgba(6,27,47,.98),rgba(10,47,82,.95)) !important;
  box-shadow:0 16px 34px rgba(1,12,24,.18), inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow:hidden;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-intro::before{
  content:"📋";
  display:grid;
  place-items:center;
  width:62px;height:62px;
  border-radius:50%;
  border:1px solid rgba(226,192,109,.55);
  color:#e4bf6b;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.09),rgba(255,255,255,.02));
  font-size:30px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-intro::after{
  content:"✦";
  position:absolute;
  right:26px;
  top:18px;
  font-size:52px;
  line-height:1;
  color:rgba(228,191,107,.16);
  text-shadow:0 0 18px rgba(126,180,242,.18);
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-intro>b{
  display:block !important;
  margin:4px 0 8px !important;
  color:#ffffff !important;
  font-size:18px !important;
  line-height:1.12 !important;
  font-weight:900 !important;
  letter-spacing:-.02em;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-intro p{
  margin:0 !important;
  color:#d5e3ed !important;
  font-size:13px !important;
  line-height:1.55 !important;
  max-width:37ch;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item{
  border-radius:24px !important;
  border:1px solid rgba(214,184,104,.30) !important;
  background:linear-gradient(135deg,rgba(6,28,48,.98),rgba(12,54,94,.92)) !important;
  box-shadow:0 10px 24px rgba(1,13,24,.12), inset 0 1px 0 rgba(255,255,255,.035) !important;
  overflow:hidden;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item + .trip-booking-item{margin-top:0 !important}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item>summary{
  position:relative;
  display:grid !important;
  grid-template-columns:60px minmax(0,1fr) auto 16px !important;
  grid-template-rows:auto auto !important;
  align-items:center !important;
  column-gap:14px !important;
  row-gap:2px !important;
  min-height:86px !important;
  padding:14px 18px 14px 18px !important;
  background:transparent !important;
  border:0 !important;
  list-style:none !important;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item>summary::-webkit-details-marker{display:none !important}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item>summary::after{
  content:"⌄";
  grid-column:4;
  grid-row:1/3;
  align-self:center;
  justify-self:end;
  color:#e8c879;
  font-size:24px;
  font-weight:900;
  line-height:1;
  transition:transform .18s ease;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item[open]>summary::after{transform:rotate(180deg)}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item>summary>span{
  grid-column:1;
  grid-row:1/3;
  width:58px !important;
  height:58px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  border:1px solid rgba(226,192,109,.56) !important;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.09),rgba(255,255,255,.02)) !important;
  color:#edcc7a !important;
  font-size:29px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item>summary>b{
  grid-column:2;
  grid-row:1;
  color:#ffffff !important;
  font-size:17px !important;
  line-height:1.16 !important;
  font-weight:900 !important;
  letter-spacing:-.01em;
  margin:0 !important;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item>summary>small{
  grid-column:2;
  grid-row:2;
  color:#d5dfeb !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  margin:0 !important;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item>summary>em{
  grid-column:3;
  grid-row:1/3;
  justify-self:end;
  align-self:center;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:42px !important;
  padding:7px 16px !important;
  border-radius:999px !important;
  border:1px solid rgba(226,192,109,.44) !important;
  background:linear-gradient(180deg,rgba(226,192,109,.16),rgba(226,192,109,.08)) !important;
  color:#f2d586 !important;
  font-size:13px !important;
  line-height:1 !important;
  font-style:normal !important;
  font-weight:900 !important;
  white-space:nowrap;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item.booking-drinks>summary>em,
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item.booking-internet>summary>em{
  border-color:rgba(96,168,245,.46) !important;
  background:linear-gradient(180deg,rgba(63,139,230,.22),rgba(63,139,230,.11)) !important;
  color:#aad0ff !important;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item.booking-flights>summary>em{
  border-color:rgba(77,184,150,.46) !important;
  background:linear-gradient(180deg,rgba(68,165,133,.22),rgba(68,165,133,.11)) !important;
  color:#b6f0d5 !important;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item.booking-extra-cost>summary>em{
  border-color:rgba(141,111,234,.48) !important;
  background:linear-gradient(180deg,rgba(136,101,232,.23),rgba(136,101,232,.11)) !important;
  color:#d5c1ff !important;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item[open]>summary{
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.00)) !important;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item-body{
  padding:0 18px 16px !important;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item-body p{
  margin:0 0 10px !important;
  color:#ebf3f8 !important;
  font-size:12.5px !important;
  line-height:1.6 !important;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item-body ul{
  margin:0 !important;
  padding:0 0 0 19px !important;
  color:#e5eef5 !important;
  font-size:12px !important;
  line-height:1.62 !important;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item-body li + li{margin-top:6px !important}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-cost,
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-highlight{
  margin-top:12px !important;
  padding:11px 13px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,rgba(226,192,109,.11),rgba(255,255,255,.03)) !important;
  border:1px solid rgba(226,192,109,.18) !important;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  margin-top:6px !important;
  background:linear-gradient(180deg,rgba(49,128,221,.20),rgba(49,128,221,.10)) !important;
  border:1px solid rgba(95,168,245,.34) !important;
  color:#ffffff !important;
  text-decoration:none !important;
  font-size:11.8px !important;
  font-weight:900 !important;
}
.mscx-disclosure-viewer.mscx-view-booking-summary .mscx-disclosure-end{
  padding:16px 0 8px !important;
}
.mscx-disclosure-viewer.mscx-view-booking-summary .mscx-disclosure-end button{
  width:100% !important;
  min-height:54px !important;
  border-radius:999px !important;
  border:1px solid rgba(226,192,109,.58) !important;
  background:linear-gradient(180deg,rgba(7,33,57,.98),rgba(8,44,74,.98)) !important;
  color:#f0d07f !important;
  font-size:14px !important;
  font-weight:900 !important;
  box-shadow:0 10px 22px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
@media(max-width:430px){
  .mscx-disclosure-viewer.mscx-view-booking-summary .mscx-disclosure-scroll{padding-top:12px !important}
  #mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-body{gap:12px !important;padding-left:2px !important;padding-right:2px !important}
  #mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-intro{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:15px 14px 15px 14px !important;border-radius:22px !important}
  #mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-intro::before{width:50px;height:50px;font-size:24px}
  #mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-intro::after{right:16px;top:14px;font-size:40px}
  #mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-intro>b{font-size:16px !important;margin-top:2px !important}
  #mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-intro p{font-size:12px !important;line-height:1.5 !important}
  #mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item{border-radius:21px !important}
  #mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item>summary{grid-template-columns:50px minmax(0,1fr) auto 14px !important;column-gap:11px !important;min-height:76px !important;padding:12px 14px !important}
  #mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item>summary>span{width:47px !important;height:47px !important;font-size:24px !important}
  #mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item>summary>b{font-size:15px !important}
  #mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item>summary>small{font-size:11px !important}
  #mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item>summary>em{min-height:36px !important;padding:6px 13px !important;font-size:12px !important}
  #mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item>summary::after{font-size:21px}
  #mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item-body{padding:0 14px 14px !important}
  #mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item-body p{font-size:11.8px !important;line-height:1.56 !important}
  #mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-item-body ul{font-size:11.4px !important;line-height:1.56 !important}
}


/* =========================================================
   MSCxplorer v10.1.4.63 · Nuestra reserva · intro horizontal
   Corrige la introducción superior para que el texto no caiga
   en la columna estrecha del icono y se lea en horizontal.
   ========================================================= */
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-intro>b,
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-intro p{
  grid-column:2 !important;
}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-intro>b{grid-row:1 !important}
#mscxDisclosureContent[data-source-id="tripBookingSummary"] .trip-booking-intro p{grid-row:2 !important}


/* =========================================================
   MSCxplorer v10.1.4.64 · Travel · Excursiones premium
   Rediseño vistoso y profesional para Travel > MSC Armonia 2026
   > Excursiones, inspirado en el boceto visual aprobado.
   ========================================================= */
.mscx-disclosure-viewer.mscx-view-armonia-excursions{
  background:radial-gradient(900px 380px at 100% 0%,rgba(19,87,160,.24),transparent 60%),linear-gradient(180deg,#021224,#062341 52%,#082b49 100%) !important;
}
.mscx-disclosure-viewer.mscx-view-armonia-excursions .mscx-disclosure-shell,
.mscx-disclosure-viewer.mscx-view-armonia-excursions .mscx-disclosure-scroll{background:transparent !important}
.mscx-disclosure-viewer.mscx-view-armonia-excursions .mscx-disclosure-head{background:rgba(10,39,66,.92)!important;box-shadow:0 8px 26px rgba(0,0,0,.20)!important}
.mscx-disclosure-viewer.mscx-view-armonia-excursions .mscx-disclosure-title b{font-size:16.5px!important;font-weight:900!important;letter-spacing:-.01em}
.mscx-disclosure-viewer.mscx-view-armonia-excursions .mscx-disclosure-title small{color:#e7c97c!important;font-size:11.2px!important;line-height:1.28!important;font-weight:760!important}
.mscx-disclosure-viewer.mscx-view-armonia-excursions .mscx-disclosure-close{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.22)!important}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-premium-body{display:grid!important;gap:14px!important;padding:10px 4px 0!important}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:16px;align-items:stretch;padding:18px;border-radius:28px;border:1px solid rgba(222,190,106,.34);background:linear-gradient(135deg,rgba(6,27,47,.98),rgba(10,47,82,.95));box-shadow:0 16px 34px rgba(1,12,24,.18), inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero-copy{display:grid;align-content:center;gap:10px;min-width:0}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-kicker{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 11px;border-radius:999px;background:rgba(226,192,109,.10);border:1px solid rgba(226,192,109,.25);color:#f1d27a;font-size:10.5px;font-weight:900;justify-self:start}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero h3{margin:0;color:#fff;font-size:19px;line-height:1.08;font-weight:950;letter-spacing:-.02em}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero p{margin:0;color:#d5e3ed;font-size:13px;line-height:1.55;max-width:34ch}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero-art{position:relative;min-height:165px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(160px 90px at 65% 20%,rgba(255,187,102,.18),transparent 60%),linear-gradient(180deg,#11385c,#081f37 60%,#06192d)}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero-art::before{content:"✦";position:absolute;left:16px;top:10px;color:rgba(240,207,114,.45);font-size:34px;line-height:1;z-index:2}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero-badge{position:absolute;left:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:999px;background:rgba(4,19,34,.82);border:1px solid rgba(226,192,109,.34);color:#fff3c9;font-size:11px;font-weight:900;backdrop-filter:blur(5px)}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero-photo,
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-visual{position:relative;overflow:hidden}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero-photo::before,
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,25,50,.08),rgba(4,12,24,.12))}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .photo-dubrovnik{background:linear-gradient(180deg,rgba(86,151,204,.28),rgba(11,34,57,.15)),radial-gradient(260px 120px at 70% 28%,rgba(255,162,97,.48),transparent 50%),linear-gradient(180deg,#3c79ae 0 42%,#0b2a45 42% 62%,#55443a 62% 70%,#755540 70% 80%,#203647 80% 100%)}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .photo-corfu{background:linear-gradient(180deg,rgba(105,183,216,.24),rgba(9,30,49,.14)),radial-gradient(180px 110px at 32% 68%,rgba(127,167,79,.48),transparent 46%),linear-gradient(180deg,#5fa6d3 0 44%,#0f4564 44% 68%,#2d5c54 68% 100%)}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .photo-kotor{background:linear-gradient(180deg,rgba(95,140,172,.22),rgba(8,23,39,.12)),radial-gradient(240px 110px at 65% 10%,rgba(151,182,214,.28),transparent 52%),linear-gradient(180deg,#537594 0 40%,#24506c 40% 60%,#5a695d 60% 74%,#3e4548 74% 100%)}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .photo-brindisi{background:linear-gradient(180deg,rgba(138,180,229,.20),rgba(10,25,42,.14)),radial-gradient(220px 110px at 36% 38%,rgba(228,170,106,.38),transparent 45%),linear-gradient(180deg,#6ca0d0 0 46%,#ccb692 46% 76%,#a67b54 76% 100%)}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .photo-split{background:linear-gradient(180deg,rgba(119,182,222,.18),rgba(8,22,38,.14)),radial-gradient(220px 110px at 46% 65%,rgba(134,166,106,.28),transparent 48%),linear-gradient(180deg,#75a8d5 0 46%,#d9c8ad 46% 74%,#6d8d53 74% 100%)}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-list{display:grid;gap:12px}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-card{display:grid;grid-template-columns:116px minmax(0,1fr) 68px;gap:14px;align-items:center;padding:14px 16px;border-radius:24px;border:1px solid rgba(214,184,104,.30);background:linear-gradient(135deg,rgba(6,28,48,.98),rgba(12,54,94,.92));box-shadow:0 10px 24px rgba(1,13,24,.12), inset 0 1px 0 rgba(255,255,255,.035)}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-visual{height:126px;border-radius:18px;border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-date{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:54px;min-height:74px;padding:8px 4px;border-radius:16px;border:1px solid rgba(240,207,114,.54);background:rgba(4,19,34,.84);box-shadow:0 8px 22px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.08);display:grid;justify-items:center;align-content:center;gap:2px;z-index:2}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-date b{font-size:28px;line-height:1;color:#ffffff;font-weight:950}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-date small{font-size:11px;line-height:1;letter-spacing:.08em;color:#ffffff;font-weight:900}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-copy{min-width:0;display:grid;gap:8px}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-copy>span{color:#f0c85f;font-size:12px;line-height:1.15;font-weight:950;letter-spacing:.02em}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-copy h4{margin:0;color:#fff;font-size:17px;line-height:1.14;font-weight:900;letter-spacing:-.01em}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-copy p{margin:0;color:#d5e4ef;font-size:12.8px;line-height:1.45;font-weight:750}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-cta{justify-self:start;min-height:42px;padding:8px 18px!important;border-radius:999px!important;border:1px solid rgba(226,192,109,.60)!important;background:linear-gradient(180deg,rgba(8,34,58,.98),rgba(8,42,72,.98))!important;color:#ffffff!important;font-size:12px!important;font-weight:900!important;box-shadow:0 8px 16px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.05)}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(226,192,109,.38);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.08),rgba(255,255,255,.02));color:#e9c56f;font-size:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.mscx-disclosure-viewer.mscx-view-armonia-excursions .mscx-disclosure-end{padding:16px 0 8px!important}
.mscx-disclosure-viewer.mscx-view-armonia-excursions .mscx-disclosure-end button{width:100%!important;min-height:54px!important;border-radius:999px!important;border:1px solid rgba(226,192,109,.58)!important;background:linear-gradient(180deg,rgba(7,33,57,.98),rgba(8,44,74,.98))!important;color:#f0d07f!important;font-size:14px!important;font-weight:900!important;box-shadow:0 10px 22px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.05)!important}
@media(max-width:430px){
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-premium-body{gap:12px!important;padding-left:2px!important;padding-right:2px!important}
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero{grid-template-columns:1fr;gap:12px;padding:14px;border-radius:22px}
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero h3{font-size:17px}
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero p{font-size:12px;line-height:1.5;max-width:none}
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero-art{min-height:134px;border-radius:18px}
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-card{grid-template-columns:94px minmax(0,1fr) 46px;gap:11px;padding:12px 12px 12px 12px;border-radius:21px}
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-visual{height:112px;border-radius:16px}
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-date{left:8px;width:48px;min-height:68px;padding:7px 4px;border-radius:14px}
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-date b{font-size:24px}
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-date small{font-size:10px}
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-copy{gap:6px}
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-copy>span{font-size:11px}
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-copy h4{font-size:15px;line-height:1.14}
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-copy p{font-size:11.6px;line-height:1.4}
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-cta{min-height:38px;padding:7px 14px!important;font-size:11.4px!important}
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-icon{width:42px;height:42px;border-radius:14px;font-size:22px}
}


/* =========================================================
   MSCxplorer v10.1.4.65 · Travel · Excursiones más compactas
   El hueco lateral reservado a fotografías se reduce al tamaño
   real de la fecha. La fecha pasa a ser el único elemento visual
   de la izquierda y el contenido textual gana anchura.
   ========================================================= */
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-card{
  grid-template-columns:62px minmax(0,1fr) 52px !important;
  gap:13px !important;
  padding:13px 14px !important;
  min-height:112px !important;
}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-visual{
  width:58px !important;
  height:78px !important;
  min-width:58px !important;
  min-height:78px !important;
  border-radius:17px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  align-self:center !important;
}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-visual::before{
  display:none !important;
  content:none !important;
}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-date{
  position:static !important;
  transform:none !important;
  width:58px !important;
  min-height:78px !important;
  height:78px !important;
  padding:8px 4px !important;
  border-radius:17px !important;
  background:linear-gradient(180deg,rgba(6,29,51,.98),rgba(5,22,39,.98)) !important;
  border:1px solid rgba(240,207,114,.62) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.06) !important;
  display:grid !important;
  place-content:center !important;
  justify-items:center !important;
  gap:4px !important;
}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-date b{
  font-size:28px !important;
  line-height:.95 !important;
}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-date small{
  font-size:10px !important;
  line-height:1 !important;
}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-copy{
  gap:7px !important;
}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-copy h4{
  max-width:none !important;
}
@media(max-width:430px){
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-card{
    grid-template-columns:56px minmax(0,1fr) 42px !important;
    gap:10px !important;
    padding:11px 11px !important;
    min-height:106px !important;
  }
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-visual{
    width:54px !important;
    height:72px !important;
    min-width:54px !important;
    min-height:72px !important;
  }
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-date{
    width:54px !important;
    height:72px !important;
    min-height:72px !important;
    border-radius:15px !important;
  }
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-date b{font-size:25px !important}
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursion-date small{font-size:9.5px !important}
}


/* =========================================================
   MSCxplorer v10.1.4.68 · Travel · Excursiones sin cuadrado superior
   Se elimina el bloque visual superior derecho con “5 escalas” y se
   recompone la cabecera para que quede más limpia y natural.
   ========================================================= */
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero{
  grid-template-columns:1fr !important;
}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero-copy{
  max-width:none !important;
}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero p{
  max-width:42ch !important;
}
#mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero-art{
  display:none !important;
}
@media(max-width:430px){
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero{
    grid-template-columns:1fr !important;
  }
  #mscxDisclosureContent[data-source-id="tripArmoniaExcursions2026"] .trip-excursions-hero p{
    max-width:none !important;
  }
}


/* =========================================================
   MSCxplorer v10.1.4.70 · Travel · Seguro IATI premium
   Lleva el seguro al mismo lenguaje visual de Nuestra reserva
   y Excursiones, con estilos scoped al visor fullscreen.
   ========================================================= */
.mscx-disclosure-viewer[data-source-id="tripInsurance"]{
  background:radial-gradient(760px 320px at 100% 0%,rgba(28,96,156,.22),transparent 62%),linear-gradient(180deg,#021426,#062343 46%,#072a4a 100%) !important;
}
.mscx-disclosure-viewer[data-source-id="tripInsurance"] .mscx-disclosure-shell,
.mscx-disclosure-viewer[data-source-id="tripInsurance"] .mscx-disclosure-scroll{background:transparent !important}
.mscx-disclosure-viewer[data-source-id="tripInsurance"] .mscx-disclosure-head{
  background:rgba(10,39,66,.92) !important;
  box-shadow:0 8px 26px rgba(0,0,0,.20) !important;
}
.mscx-disclosure-viewer[data-source-id="tripInsurance"] .mscx-disclosure-title b{
  font-size:16.5px !important;font-weight:900 !important;letter-spacing:-.01em;
}
.mscx-disclosure-viewer[data-source-id="tripInsurance"] .mscx-disclosure-title small{
  color:#e7c97c !important;font-size:11.2px !important;line-height:1.28 !important;font-weight:760 !important;
}
.mscx-disclosure-viewer[data-source-id="tripInsurance"] .mscx-disclosure-close{
  background:rgba(255,255,255,.07) !important;border-color:rgba(255,255,255,.22) !important;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-body{
  display:grid !important;gap:13px !important;padding:10px 4px 0 !important;color:#fff !important;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-hero{
  position:relative;display:grid !important;grid-template-columns:66px minmax(0,1fr);gap:14px;align-items:center;
  padding:17px !important;border-radius:24px !important;border:1px solid rgba(222,190,106,.34) !important;
  background:radial-gradient(240px 120px at 100% 100%,rgba(66,133,214,.18),transparent 58%),linear-gradient(135deg,rgba(6,27,47,.98),rgba(10,47,82,.95)) !important;
  box-shadow:0 16px 34px rgba(1,12,24,.18),inset 0 1px 0 rgba(255,255,255,.04) !important;overflow:hidden;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-hero::after{
  content:"✦";position:absolute;right:22px;top:12px;font-size:52px;line-height:1;color:rgba(228,191,107,.14);pointer-events:none;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-mark{
  width:62px !important;height:62px !important;border-radius:50% !important;border:1px solid rgba(226,192,109,.56) !important;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.12),rgba(255,255,255,.035)) !important;color:#f0d07f !important;
  font-size:15px !important;font-weight:950 !important;letter-spacing:-.04em !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-hero h4{
  position:relative;z-index:1;margin:0 0 5px !important;color:#fff !important;font-size:18px !important;line-height:1.14 !important;font-weight:900 !important;letter-spacing:-.02em;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-hero p{
  position:relative;z-index:1;margin:0 !important;color:#d5e3ed !important;font-size:12.4px !important;line-height:1.48 !important;font-weight:700 !important;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-actions{
  display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-action{
  display:grid !important;grid-template-columns:48px minmax(0,1fr) !important;grid-template-rows:auto auto !important;column-gap:11px !important;row-gap:2px !important;align-items:center !important;
  min-height:78px !important;padding:12px 13px !important;border-radius:20px !important;text-decoration:none !important;color:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important;background:linear-gradient(135deg,rgba(7,31,53,.98),rgba(12,56,96,.92)) !important;
  box-shadow:0 9px 20px rgba(1,13,24,.10),inset 0 1px 0 rgba(255,255,255,.035) !important;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-action.primary{
  border-color:rgba(226,192,109,.48) !important;background:radial-gradient(180px 90px at 100% 0%,rgba(226,192,109,.10),transparent 70%),linear-gradient(135deg,rgba(7,31,53,.98),rgba(12,56,96,.92)) !important;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-action>span{
  grid-column:1;grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;
  border:1px solid rgba(226,192,109,.45);background:rgba(255,255,255,.045);font-size:22px !important;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-action b{
  grid-column:2;grid-row:1;color:#fff !important;font-size:12.8px !important;line-height:1.18 !important;font-weight:900 !important;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-action small{
  grid-column:2;grid-row:2;margin:0 !important;color:#d0e1ed !important;font-size:10.8px !important;line-height:1.2 !important;font-weight:750 !important;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-data{
  display:grid !important;grid-template-columns:1fr 1fr !important;gap:9px !important;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-data>div{
  min-height:68px;padding:11px 12px !important;border-radius:17px !important;border:1px solid rgba(214,184,104,.22) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.03)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-data small{
  display:block;margin:0 0 4px !important;color:#b9cedc !important;font-size:9.8px !important;line-height:1 !important;font-weight:850 !important;text-transform:none !important;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-data b{
  display:block;color:#fff !important;font-size:13.2px !important;line-height:1.15 !important;font-weight:900 !important;white-space:nowrap;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-links{
  display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-links a{
  min-width:0 !important;min-height:42px !important;display:flex !important;align-items:center !important;justify-content:center !important;
  padding:8px 10px !important;border-radius:999px !important;text-align:center !important;text-decoration:none !important;
  color:#eaf4fb !important;background:rgba(255,255,255,.055) !important;border:1px solid rgba(255,255,255,.11) !important;
  font-size:10.6px !important;line-height:1.2 !important;font-weight:850 !important;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-links a:last-child{
  grid-column:1/-1 !important;border-color:rgba(226,192,109,.34) !important;color:#f0d487 !important;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-note{
  margin:0 !important;padding:12px 13px !important;border-radius:17px !important;border:1px solid rgba(226,192,109,.24) !important;
  background:linear-gradient(180deg,rgba(226,192,109,.10),rgba(255,255,255,.035)) !important;color:#e7f0f6 !important;
  font-size:11.4px !important;line-height:1.52 !important;text-align:left !important;font-weight:700 !important;
}
#mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-note b{color:#f0d07f !important}
.mscx-disclosure-viewer[data-source-id="tripInsurance"] .mscx-disclosure-end{padding:16px 0 8px !important}
.mscx-disclosure-viewer[data-source-id="tripInsurance"] .mscx-disclosure-end button{
  width:100% !important;min-height:54px !important;border-radius:999px !important;border:1px solid rgba(226,192,109,.58) !important;
  background:linear-gradient(180deg,rgba(7,33,57,.98),rgba(8,44,74,.98)) !important;color:#f0d07f !important;font-size:14px !important;font-weight:900 !important;
  box-shadow:0 10px 22px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.05) !important;
}
@media(max-width:430px){
  #mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-body{gap:11px !important;padding-left:2px !important;padding-right:2px !important}
  #mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-hero{grid-template-columns:58px minmax(0,1fr);gap:12px;padding:14px !important;border-radius:21px !important}
  #mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-mark{width:56px !important;height:56px !important;font-size:14px !important}
  #mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-hero h4{font-size:16px !important}
  #mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-hero p{font-size:11.4px !important;line-height:1.42 !important}
  #mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-actions{grid-template-columns:1fr !important}
  #mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-action{min-height:70px !important;border-radius:18px !important}
  #mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-data{gap:8px !important}
  #mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-data>div{min-height:64px;padding:10px 11px !important}
  #mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-data b{font-size:12.4px !important}
  #mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-links{grid-template-columns:1fr !important}
  #mscxDisclosureContent[data-source-id="tripInsurance"] .trip-insurance-links a:last-child{grid-column:auto !important}
}


/* v10.1.4.73 · Inicio > Excursiones y tiempo > Tiempo y condiciones.
   Cada escala incorpora una galleta directa a Eltiempo.es y el estado
   previo se simplifica a “Climatología”. */
#homeMyCruise .my-cruise-weather-eltiempo,
#mscxDisclosureContent .my-cruise-weather-eltiempo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:42px!important;
  margin:10px 0 0!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(240,207,114,.72)!important;
  background:linear-gradient(180deg,rgba(240,207,114,.98),rgba(216,177,80,.96))!important;
  color:#062742!important;
  font-size:11.5px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  box-shadow:0 6px 14px rgba(0,0,0,.16)!important;
}
#homeMyCruise .my-cruise-weather-eltiempo:active,
#mscxDisclosureContent .my-cruise-weather-eltiempo:active{transform:translateY(1px)}


/* v10.1.4.74 · Travel > Tiempo en las escalas.
   Contraste reforzado en “Tiempo del viaje” y galleta Eltiempo.es
   alineada cromáticamente con “Climatología”. */
.trip-weather-hero-topline>span{
  background:rgba(4,35,60,.96)!important;
  border-color:rgba(240,207,114,.78)!important;
  color:#ffe08a!important;
  text-shadow:0 1px 0 rgba(0,0,0,.28)!important;
}
.trip-weather-actions a{
  border-color:rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.07)!important;
  color:#dceaf3!important;
}


/* v11.0.38 · InfoMSC en esquina inferior derecha de cada ficha de Flota MSC */
#ships #shipList .ship-card-footer{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
}
#ships #shipList .ship-card-footer .badges{
  margin:0;
}
#ships #shipList .ship-card-footer .ship-go-msc-pill{
  margin-left:auto !important;
  align-self:flex-end;
  flex:0 0 auto;
}
@media (max-width:430px){
  #ships #shipList .ship-card-footer{gap:8px}
}

/* v11.0.39 · InfoMSC fijada en esquina inferior derecha REAL de la tarjeta */
#ships #shipList .ship-fleet-card{
  position:relative;
  padding-bottom:70px !important;
}
#ships #shipList .ship-card-footer{
  display:block !important;
  margin-top:12px;
}
#ships #shipList .ship-card-footer .badges{
  margin:0 !important;
  padding:0 !important;
}
#ships #shipList .ship-card-footer .ship-go-msc-pill{
  position:absolute !important;
  right:15px !important;
  bottom:15px !important;
  left:auto !important;
  top:auto !important;
  margin:0 !important;
  z-index:2;
}
#ships #shipList .ship-card-footer .ship-sailings-badge{
  position:absolute !important;
  left:15px !important;
  bottom:15px !important;
  right:auto !important;
  top:auto !important;
  margin:0 !important;
}

/* v11.0.40 · FIX REAL: Flota MSC está integrada en Cruceros, no dentro de #ships.
   Botones anclados en la misma línea inferior: Salidas izquierda / InfoMSC derecha. */
.cruise-fleet-integrated #shipList .ship-fleet-card{
  position:relative !important;
  padding-bottom:82px !important;
}
.cruise-fleet-integrated #shipList .ship-card-footer{
  position:absolute !important;
  left:15px !important;
  right:15px !important;
  bottom:15px !important;
  top:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
}
.cruise-fleet-integrated #shipList .ship-card-footer .badges{
  display:flex !important;
  margin:0 !important;
  padding:0 !important;
  flex:0 0 auto !important;
}
.cruise-fleet-integrated #shipList .ship-card-footer .ship-sailings-badge,
.cruise-fleet-integrated #shipList .ship-card-footer .ship-go-msc-pill{
  position:static !important;
  inset:auto !important;
  margin:0 !important;
  flex:0 0 auto !important;
}
.cruise-fleet-integrated #shipList .ship-card-footer .ship-go-msc-pill{
  margin-left:auto !important;
}
@media (max-width:430px){
  .cruise-fleet-integrated #shipList .ship-fleet-card{padding-bottom:78px !important}
  .cruise-fleet-integrated #shipList .ship-card-footer{left:14px !important;right:14px !important;bottom:14px !important;gap:8px !important}
}

/* T20.12 · Inicio limpio: el nombre y subtítulo globales no se muestran en Inicio. */
body.mscx-home-clean > .app-header{display:none!important}

/* T20.13 · acceso a tiempo real de ElTiempo.es dentro de la tarjeta del mes */
#explorer #portDetail .mscx-eltiempo-link{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:38px;margin-top:9px;padding:7px 9px;border:1px solid rgba(240,207,114,.55);border-radius:11px;background:linear-gradient(180deg,#f2d783,#d5ad43);color:#0b3158!important;text-decoration:none!important;font-size:11px;font-weight:950;line-height:1.1;text-align:center;box-shadow:0 6px 14px rgba(0,0,0,.10)}
#explorer #portDetail .mscx-eltiempo-link:active{transform:translateY(1px)}
@media(max-width:390px){#explorer #portDetail .mscx-eltiempo-link{min-height:35px;margin-top:7px;padding:6px 7px;font-size:10.5px}}

/* =========================================================
   v11.0.85-T20.21.3 · INICIO · GALLETAS UNIFICADAS
   Reforma exclusivamente estética. No modifica GPS, APIs,
   búsquedas, radios, rutas, ordenación ni Google Maps.
   ========================================================= */
#homeMyCruise{
  --mscx-cookie-bg:linear-gradient(180deg,rgba(12,50,81,.96),rgba(6,31,53,.985));
  --mscx-cookie-bg-soft:linear-gradient(180deg,rgba(17,61,94,.92),rgba(8,37,62,.97));
  --mscx-cookie-border:rgba(232,194,83,.64);
  --mscx-cookie-border-soft:rgba(232,194,83,.48);
  --mscx-cookie-text:#f6f9fc;
  --mscx-cookie-sub:#cfe1ee;
  --mscx-cookie-accent:#ffe08a;
  --mscx-cookie-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 7px 18px rgba(2,18,32,.10);
}

/* Metadatos de portada: fecha, ranking y resumen con la misma galleta */
#homeMyCruise .my-cruise-welcome-hero .my-cruise-departure,
#homeMyCruise .my-cruise-rank-pill,
#homeMyCruise .my-cruise-rank-pill.personalized,
#homeMyCruise .my-cruise-rank-pill.pending,
#homeMyCruise .my-cruise-welcome-summary span,
#homeMyCruise .my-cruise-summary span,
#homeMyCruise .my-cruise-welcome-summary span:first-child,
#homeMyCruise .my-cruise-summary span:first-child{
  background:var(--mscx-cookie-bg-soft)!important;
  border:1px solid var(--mscx-cookie-border-soft)!important;
  color:var(--mscx-cookie-text)!important;
  box-shadow:var(--mscx-cookie-shadow)!important;
}
#homeMyCruise .my-cruise-rank-pill.personalized{color:#fff3c1!important}

/* Galletas principales de Inicio: misma superficie, borde y sombra */
#homeMyCruise .my-cruises-library,
#homeMyCruise .my-cruise-dashboard-group,
#homeMyCruise .my-cruise-translator-cta{
  background:var(--mscx-cookie-bg)!important;
  border:1px solid var(--mscx-cookie-border)!important;
  box-shadow:var(--mscx-cookie-shadow)!important;
}
#homeMyCruise .my-cruise-dashboard-group>summary,
#homeMyCruise .my-cruises-library>summary,
#homeMyCruise .my-cruise-translator-cta{
  color:var(--mscx-cookie-text)!important;
}
#homeMyCruise .my-cruise-dashboard-group>summary>small,
#homeMyCruise .my-cruises-library>summary>small,
#homeMyCruise .my-cruise-translator-cta small{
  color:var(--mscx-cookie-sub)!important;
}
#homeMyCruise .my-cruise-dashboard-group>summary::after,
#homeMyCruise .my-cruises-library>summary::after,
#homeMyCruise .my-cruise-translator-cta>span:last-child{
  color:var(--mscx-cookie-accent)!important;
}
#homeMyCruise .my-cruise-dashboard-group[open],
#homeMyCruise .my-cruises-library[open]{
  border-color:rgba(232,194,83,.78)!important;
}
#homeMyCruise .my-cruise-dashboard-group[open]>summary,
#homeMyCruise .my-cruises-library[open]>summary{
  background:rgba(20,70,105,.24)!important;
}

/* Las tres galletas de resumen conservan idéntica jerarquía */
#homeMyCruise .my-cruise-welcome-summary span,
#homeMyCruise .my-cruise-summary span{
  border-radius:14px!important;
}

/* v11.0.85-T20.21.7 · Fichas de puerto limpias
   Solo presentación: al abrir una ficha se oculta el encabezado general MSCxplorer.
   La navegación superior permanece visible. El catálogo/hero/buscador no forma parte de la ficha. */
body:has(#portDetail:not([hidden])) > .app-header{display:none!important}
body:has(#portDetail:not([hidden])) #portCatalogView{display:none!important}

/* =========================================================
   MSCxplorer 58 · IATI certificado · galleta a todo ancho
   + visor inmersivo heredado de v57
   ========================================================= */
/* La galleta queda debajo de “Condiciones IATI Estándar” y ocupa
   toda la anchura útil del bloque, tanto en Travel como en el visor
   de detalle. Se fuerzan también los ejes de grid/flex para evitar
   que Safari/iPhone la reduzca al ancho del texto. */
#trip .trip-booking-item-body .trip-iati-certificate,
#mscxDisclosureContent .trip-iati-certificate{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  flex:0 0 100%!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  grid-column:1/-1!important;
  box-sizing:border-box!important;
  margin:8px 0 0!important;
  padding:9px 14px!important;
  min-height:42px!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#0c3f68,#082f50)!important;
  border:1px solid rgba(233,201,110,.50)!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:11.8px!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:normal!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
#trip .trip-booking-item-body .trip-iati-certificate:active,
#mscxDisclosureContent .trip-iati-certificate:active{transform:scale(.985)}

/* El certificado entra como una hoja desde la derecha y el visor ocupa todo el viewport. */
.trip-document-viewer.iati-fullscreen{
  padding:0!important;
  opacity:1!important;
  background:#cfd9e0!important;
  transform:translate3d(100%,0,0);
  transition:transform .32s cubic-bezier(.22,.82,.24,1)!important;
  will-change:transform;
}
.trip-document-viewer.iati-fullscreen.open{transform:translate3d(0,0,0)}
.trip-document-viewer.iati-fullscreen .trip-document-viewer-shell{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  background:#cfd9e0!important;
  overflow:hidden!important;
}
.trip-document-viewer.iati-fullscreen .trip-document-viewer-body{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:auto!important;
  padding:0!important;
  margin:0!important;
  background:#cfd9e0!important;
  z-index:1!important;
  -webkit-overflow-scrolling:touch;
}
.trip-document-viewer.iati-fullscreen .trip-document-viewer-body img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
  background:#fff!important;
}
/* Controles superpuestos: no restan espacio al PDF. */
.trip-document-viewer.iati-fullscreen .trip-document-viewer-head{
  position:absolute!important;
  z-index:12!important;
  top:max(8px,env(safe-area-inset-top,0px))!important;
  left:8px!important;
  right:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  pointer-events:none!important;
}
.trip-document-viewer.iati-fullscreen .trip-document-viewer-head>div{display:none!important}
.trip-document-viewer.iati-fullscreen .trip-document-back,
.trip-document-viewer.iati-fullscreen .trip-document-close{
  pointer-events:auto!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.45)!important;
  background:rgba(4,31,51,.88)!important;
  color:#fff!important;
  box-shadow:0 3px 14px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font-size:0!important;
}
.trip-document-viewer.iati-fullscreen .trip-document-back::before{content:'←';font-size:22px;line-height:1}
.trip-document-viewer.iati-fullscreen .trip-document-close{font-size:25px!important;line-height:1!important}
.trip-document-viewer.iati-fullscreen .trip-document-toolbar{
  position:absolute!important;
  z-index:12!important;
  left:50%!important;
  bottom:max(12px,env(safe-area-inset-bottom,0px))!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  width:auto!important;
  padding:5px 7px!important;
  border:1px solid rgba(255,255,255,.35)!important;
  border-radius:999px!important;
  background:rgba(4,31,51,.86)!important;
  box-shadow:0 3px 14px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.trip-document-viewer.iati-fullscreen .trip-document-toolbar button[data-action="trip-document-zoom-out"],
.trip-document-viewer.iati-fullscreen .trip-document-toolbar button[data-action="trip-document-zoom-reset"],
.trip-document-viewer.iati-fullscreen .trip-document-toolbar button[data-action="trip-document-zoom-in"]{display:none!important}
.trip-document-viewer.iati-fullscreen .trip-document-toolbar button{
  min-width:36px!important;
  width:36px!important;
  min-height:34px!important;
  height:34px!important;
  padding:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;
  font-size:22px!important;
}
.trip-document-viewer.iati-fullscreen .trip-document-page{
  color:#fff!important;
  font-size:11px!important;
  font-weight:850!important;
  min-width:82px!important;
  text-align:center!important;
}
.trip-document-viewer.iati-fullscreen .trip-document-viewer-foot{display:none!important}
@media(prefers-reduced-motion:reduce){
  .trip-document-viewer.iati-fullscreen{transition:none!important}
}



/* =========================================================
   MSCxplorer 59 · IATI certificado · misma galleta que las demás
   Se iguala por completo a la estética de las galletas de enlaces
   del bloque Seguro IATI, manteniéndose a línea completa.
   ========================================================= */
#trip .trip-booking-item-body .trip-iati-certificate,
#mscxDisclosureContent .trip-iati-certificate{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:7px 0 0!important;
  padding:8px 9px!important;
  min-height:0!important;
  border-radius:11px!important;
  text-align:center!important;
  text-decoration:none!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.25!important;
  color:inherit!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  white-space:normal!important;
}
#trip .trip-booking-item-body .trip-iati-certificate:active,
#mscxDisclosureContent .trip-iati-certificate:active{transform:none!important}