.elementor-5260 .elementor-element.elementor-element-1308c8a{--display:flex;}.elementor-5260 .elementor-element.elementor-element-745a42a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-5260 .elementor-element.elementor-element-745a42a:not(.elementor-motion-effects-element-type-background), .elementor-5260 .elementor-element.elementor-element-745a42a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6F7;}.elementor-5260 .elementor-element.elementor-element-9fedc27{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5260 .elementor-element.elementor-element-42b08f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5260 .elementor-element.elementor-element-884fefa{--display:flex;}.elementor-5260 .elementor-element.elementor-element-52f73a6{--display:flex;}/* Start custom CSS *//* Cambiar color del texto de los botones SEE CRUISES y SEE HOTELS a blanco */
.elementor-button-text,
.elementor-button a,
.btn-primary, a[href*="cruises"], a[href*="hotels"] {
  color: #ffffff !important
;
}

/* Language Switcher - Hide Spanish by default */
.lang-es {
  display: none !important;
}

.lang-en {
  display: inline !important;
}

/* When flags are clicked, toggle visibility */
body.lang-es-active .lang-es {
  display: inline !important;
}

body.lang-es-active .lang-en {
  display: none !important;
}

/* ===== OCULTAR TODOS LOS TITULOS Y CONTENIDOS VIEJOS EN TODAS LAS CAJAS ===== */

/* Hide all old overlay content (títulos, descripciones, precios antiguos) */
.grid-container a.grid-item .grid-item-overlay,
.grid-container a.grid-item .grid-item-content {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* Asegurarse de que los grid-item tengan position relative para que funcionen los ::before y ::after */
.grid-container a.grid-item {
  position: relative;
  overflow: hidden;
}

/* ===== BOX 1 - Glacial Wonders ===== */
.grid-container a.grid-item:first-child::before {
  content: 'Glacial Wonders';
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #00c9a2;
  color: white;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 20px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 10;
}

.grid-container a.grid-item:first-child::after {
  content: 'Starting at $649';
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #00c9a2;
  color: white;
  font-size: 11px;
  padding: 5px 10px;
  border-radius: 15px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 10;
}

/* ===== BOX 2 - Sail the Rivers ===== */
.grid-container a.grid-item:nth-child(2)::before {
  content: 'Sail the Rivers';
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #00c9a2;
  color: white;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 20px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 10;
}

.grid-container a.grid-item:nth-child(2)::after {
  content: 'Starting at $2,939';
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #00c9a2;
  color: white;
  font-size: 11px;
  padding: 5px 10px;
  border-radius: 15px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 10;
}

/* ===== BOX 3 - Taste History ===== */
.grid-container a.grid-item:nth-child(3)::before {
  content: 'Taste History';
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #00c9a2;
  color: white;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 20px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 10;
}

.grid-container a.grid-item:nth-child(3)::after {
  content: 'Starting at $3,899';
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #00c9a2;
  color: white;
  font-size: 11px;
  padding: 5px 10px;
  border-radius: 15px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 10;
}

/* ===== BOX 4 - Find Romance ===== */
.grid-container a.grid-item:nth-child(4)::before {
  content: 'Find Romance';
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #00c9a2;
  color: white;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 20px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 10;
}

.grid-container a.grid-item:nth-child(4)::after {
  content: 'Starting at $1,184';
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #00c9a2;
  color: white;
  font-size: 11px;
  padding: 5px 10px;
  border-radius: 15px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 10;
}

/* ===== BOX 5 - The Thrill Ship ===== */
.grid-container a.grid-item:nth-child(5)::before {
  content: 'The Thrill Ship';
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #00c9a2;
  color: white;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 20px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 10;
}

.grid-container a.grid-item:nth-child(5)::after {
  content: 'Starting at $1,602';
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #00c9a2;
  color: white;
  font-size: 11px;
  padding: 5px 10px;
  border-radius: 15px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 10;
}

/* ===== BOX 6 - Find Your Beach ===== */
.grid-container a.grid-item:nth-child(6)::before {
  content: 'Find Your Beach';
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #00c9a2;
  color: white;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 20px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 10;
}

.grid-container a.grid-item:nth-child(6)::after {
  content: 'Starting at $1,279';
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #00c9a2;
  color: white;
  font-size: 11px;
  padding: 5px 10px;
  border-radius: 15px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 10;
}

/* ===== BOX 7 - Holiday Escape ===== */
.grid-container a.grid-item:nth-child(7)::before {
  content: 'Holiday Escape';
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #00c9a2;
  color: white;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 20px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 10;
}

.grid-container a.grid-item:nth-child(7)::after {
  content: 'Starting at $1,441';
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #00c9a2;
  color: white;
  font-size: 11px;
  padding: 5px 10px;
  border-radius: 15px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 10;
}

/* ===== BOX 8 - The Quick Getaway ===== */
.grid-container a.grid-item:nth-child(8)::before {
  content: 'The Quick Getaway';
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #00c9a2;
  color: white;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 20px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 10;
}

.grid-container a.grid-item:nth-child(8)::after {
  content: 'Starting at $235';
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #00c9a2;
  color: white;
  font-size: 11px;
  padding: 5px 10px;
  border-radius: 15px;
  font-weight: 600;
  white-space: nowrap;
  z-index: 10;
}/* End custom CSS */