body, footer, .socialmedia, .dolphinco {
  background-color: #001A4B!important;
  color: white;
}

/* header {background:url(/src/cruises/bkg-header.png) repeat-x bottom left;} */
/* .scrolled {
    background-image: none;
    background: rgba(0,0,0,0.7);
    min-height:90px;
  } */

  header {
    background-color: white;
  }

header{ padding:10px 10px 0;min-height:90px; z-index: 2;position: fixed;width: 100%;}
header .navbar .nav-item a,header .navbar i{color: #003087 !important;;font-size:18px}
header .navbar-nav3{display:flex;gap:16px;margin:0 20px; align-items: center;}
header .navbar-nav li,header .navbar-nav3 li{padding:3px 10px;height:39px;display:grid;place-content:center;cursor:pointer}
header .navbar .nav-item a.dropdown-item { color: #003399!important; font-size: 16px;}
header .navbar-nav li ul li { place-content: flex-start;}


/* header .navbar .nav-item a{font-family:'Circular Std';font-size:18px}
header .navbar-nav3 li{width:39px}
header .navbar-nav li:hover,header .navbar-nav3 li:hover{background:#28559a;border-radius:8px;padding:3px 10px} */

#more {display: none;}

main {
    position: relative;
    top: 90px;
    width: 100%;
   margin-bottom: 90px;
}

.header-image img { width: 100%; height: auto;}

.img-location {
  background: url('/src/cruises/degradado2.png') repeat-x;
  position: absolute;
  bottom: 0;
      width: 100%;
    height: 294px;
    z-index: 0;
}

.header-text { z-index: 1;}


      h1 {
          font-family: "Lato", sans-serif;
         font-weight: 100;
         color: #fff;
         font-size: 24px;
      }

      h2 {
        color: #ffffff;
        margin: 40px auto 15px;
        font-size:24px ;
      }

      .wrapper h2.subtitle {
         font-family: "Lato", sans-serif;
         font-weight: 100;
         color: #fff;
         font-size: 30px;
         margin: 0 0 40px;
      }

      .wrapper h2.subtitle strong { font-weight: bold;}

      h3, h3.includesT {
        color: #ffffff!important;
        font-size: 16px;
        font-family:"Circular Std";
      }

      main p {
        color: #fff;
      }

      #myBtn {
        background-color: transparent;
        border: 0;
        color: white;
        text-decoration: underline;
      }

      .priceOffer { color: #FDD264!important;}
      .perPerson { color: #FFFFFF!important; font-size: 12px;}

.cards-cruises { margin: 50px auto;}

.itemdesk {
  border-radius: 8px;
}

.cards-cruises .itemdesk {
  background-color: white; 
}

.itemdesk img {
    border-radius: 8px;
    width: 100%;
    height: auto;
}

.itemdesk a { text-decoration: none;}

.itemdesk h3 {
    color: #2C2C2C;
    font-size: 12px;
    font-family: 'Circular Std';
    font-weight: bold;
    margin: 0;
}

.itemdesk .program-text {
  padding: 15px;
  width: 100%;
  display: block;
}

.itemdesk .price-coupon {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.itemdesk .regular-price {
    color: #767674;
    font-size: 10px;
    font-family: 'Circular Book';
}

.itemdesk .regular-price > span {
    text-decoration: line-through;
}

.itemdesk .promo-price {
    color: #05828b;
    font-size: 16px;
    font-family: 'Circular Std';
    font-weight: bold;
}

.itemdesk  .exlusive-text {
    color: #2C2C2C;
    font-size: 10px;
    font-family: 'Circular Book';
}

.itemdesk .titleP {
  display: flex;
  justify-content: space-between;
}

.itemdesk .fa-clock, .title-card span {
 color: #494949;
 font-size: 11px;
}

.itemdesk .tag-program {
   font-size: 14px;
    font-family: 'Circular Std';
    padding: 10px;
    text-align: center;
    border-radius: 6px 0 0 6px;
    margin: 0 -15px 0 0;
    color: #123379;
    max-height: 40px;
}

.itemdesk .tag-program.pink-tag {
  background-color: #C23269;
  color: white;
}

.itemdesk .tag-program.yellow-tag {
  background-color: #FDD264;
}

.itemdesk .tag-program.green-tag {
  background-color: #62CF72;
}

.price-coupon .coupon.coupon-green {
    background-color: #D0F6E1;
    color: #074623;
}

.price-coupon .coupon {
    padding:6px 10px;
    border-radius: 8px;
    text-align: center;
    font-size: 12px;
    font-family: 'Circular Std';
    font-weight: bold;
    display: block;
    width: 108px;
}

.cruise-btns .program-text { display: none;}
.cruise-btns { display: flex; justify-content: space-between; margin: 5px 0 0; padding:0 15px 15px;}
.btn-cruise { width: 48%; border-radius: 8px; padding: 10px;  font-size: 11px; font-family: 'Circular Book'; text-align: center;}
.btn-info, .btn-info:hover { background-color: #DEEAFD; color: #2766E6;}
.btn-book, .btn-book:hover {  background-color: #2766E6; color: #ffffff; }

.includesFixT ul, .includesEC ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.includesFixT ul li,  .includesEC ul li { width: 50%; padding: 10px 0;}

.additional_info ul { margin: 0; padding: 0 0 0 20px;}
.additional_info ul li { list-style: disc;}

.includesEC i { color: #ffffff; padding: 0 5px 0 0;}


.accordion-item {
  padding: 0;
  margin: 40px 0;
  border: 0!important;
  border-radius: 8px!important;
  color: white;
  background-color: #2766E6;
}

.accordion-button, .accordion-button:not(.collapsed), .faqs {
  color: white;
  background-color: #2766E6;
}

.accordion-body ul {
  margin: 0;
}

.accordion-body ul li {
  list-style: disc;
  color: #ffffff;
}

.accordion-body p { color: #fff;}

.faqs .accordion-item {
  margin: 15px 0;
  padding: 20px 0;
  border-bottom: 1px solid white!important;
  border-radius: 0!important;
}

.faqs .accordion-flush:last-child .accordion-item {
  border-bottom: 0!important;
}

.faqs {
  padding: 15px;
  border-radius: 8px;
  margin: 40px 0 0;
}

.review-item  {
  background: white ;
  border-radius: 8px;
  padding: 15px;
}

.raiting {
  display: flex;
  gap:2px;
  margin: 0 0 5px;
}

i.fa-star, i.fa-star-half {
  color: #FFC107;
}

.review-item p {
  color: #1A1A1A;
  font-size: 11px;
  margin: 12px 0;
}

.review-item h5 {
  color: #1A1A1A;
  font-size: 12px;
  font-weight: bold;
}

.review-item .review-job {
  color: gray;
  font-size: 11px;
}

.btn-review {
  background-color: #1C54E3;
  color: #ffffff;
  font-size: 15px;
  padding: 10px;
  border-radius: 6px;
  text-decoration: none;
}

.includesFixT ul li, .includesEC ul li { display: flex; align-items: center;}
.includesFixT i.fa-circle { margin: 0 12px 0 0; color: white; font-size: 5px;}

.promo-container, .promo-container p {
  color: #2C2C2C;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}


@media screen and (max-width:767px) {
  .itemdesk { width: 260px;}
  .includesFixT ul li, .includesEC ul li { width: 100%; }
  .cards-cruises {
    margin: 50px auto;
    display: grid;
    place-content: center;
    overflow: hidden;
  }
  .carousel-indicators [data-bs-target] {
    background-color: gray;
  }
  .sliderReviews {
    display: grid;
    place-content: center;
  }
 

  .btn-review {
       margin: 50px auto;
    display: block;
    width: 100%;
    text-align: center;
  }

  .wrapper h1, .wrapper h2.subtitle { text-align: center;}

  .edades-container .carousel-indicators { margin-bottom: -25px;}

  .disney .btnBook {
   background-color: #FF35B8!important;
   border-radius: 6px!important;
   width: 90%; 
  }


  header .navbar-nav li {
    place-content: flex-start;
    height: unset;
    padding: 20px 0;
    border-top:1px solid lightgray;
    display: flex; 
    align-items: center;
    width: 100%;
  }

  header .navbar-nav li.nav-item.dropdown {
    flex-direction: column;
  }

  header .navbar .nav-item a {
    color: #003399!important;
    text-align: left;
    font-weight: bold;
    width: 100%;
    display: block;
  }

  #navbarNavDropdown .dropdown-menu {
    border: 0;
    min-width: 100%;
    width: 100%;
  }

  header .navbar .nav-item a.dropdown-item {
    text-align: center;
  }

  .prices-locations { 
    justify-content: center;
        text-align: center;
  }

  .carousel-inner {
    position: relative;
    width: 85%!important;
    overflow: hidden;
    margin: 0 auto;
  }

  .carousel-control-prev-icon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") darkgray;
    padding: 20px;
    border-radius: 50%;
  }

  .carousel-control-next-icon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") darkgray;
    padding: 20px;
    border-radius: 50%;
  }
}



 #loading-indicator {
        display: none; /* Inicialmente oculto */
        /* Estilos para el indicador de carga */
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1000;
        background-color: rgba(0, 0, 0, 0.7);
        padding: 20px;
        border-radius: 5px;
        font-size: 18px;
        width: 100%;
        height: 100%;
        color: #ffffff;
        justify-content: center;
        align-items: center;
    }

            /* Style for the transparent backdrop */
            .modal-widget-testSingleProduct{
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                max-height: 100%;
                display: none;
                background-color: rgba(0, 0, 0, 0.7);
                z-index: 9999;
                overflow-y: scroll;
                text-align: center;
            }
        
            .widget-iframe-testSingleProduct{
                width: 100%;
                height: 47rem;
            }
        
            .fb_dialog_content{
                display : none;
            }
        
            #cookie-law-info-again{
                display : none !important;
            }
        
            .ht-ctc{
                display : none !important;
            }
        
            /* For large screens */
            @media screen and (min-width: 768px) {
        
                .modal-widget-testSingleProduct{
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    max-height: 100%;
                    display: none;
                    background-color: rgba(0, 0, 0, 0.7);
                    z-index: 9999;
                    overflow-y: scroll;
                    text-align: center;
                    height: 100vh;
                }
        
                .widget-iframe-testSingleProduct{
                    width: 80% !important;
                    height: auto !important;
                    min-height: 50rem;
                    border-radius: 8px;	
                    margin-top: 1rem;
                    margin-bottom: 1rem;
                }
            }
        
            @media screen and (min-width: 1680px) {
                
            }