/* General */

#cms-content {
    overflow-x: hidden;
}

#cms-content p,
#cms-content li { color: black; }
.activity-subtitle,
.item-abstract-landscape p { color: #0E648F; }

/* Buttons */
#btn-booking {
    display: flex;
    flex-direction: column;
}

/* Social media */
.container-social svg {
    width: 40px !important;
    height: 40px !important;
    cursor: pointer;
}

#andromeda_whatsapp .bubble {
	background-color: #0E648F !important;
    border-radius: 20% !important;
}

/* Blog */
#blog-section .title, .blog-latest-entries .title { 
	font-size: 1.5rem; 
}

#blog-section .subtitle, .blog-latest-entries .subtitle { 
	font-size: 1rem; 
}

#blog-section .card, .blog-latest-entries .card { 
	box-shadow: 2px 2px 2px #c3c3c3; 
}

#blog-section .card .card-body { 
	padding: 20px; 
}

#blog-section .card .card-body h2 { 
	font-size: 1rem; 
}

.app-blog .article-container { 
	margin-top: 2rem;
} 

/* Pop-up */

div[data-andromeda-popup] .modal-content {
	background: transparent; 
	border: none;
}

div[data-andromeda-popup] .modal-content button.close {
	position: absolute;
	top: 70px;
	right: 34px;
	z-index: 2;
}

#modal-subscribe-group .modal-content {
	background: white; 
	border-radius: 15px;
}



/* Magic link */
#header-django.header-agencies ~ #cms-content {
	margin-top: 55px;
}


/* Responsive */

@media screen and (min-width: 990px) {
	#modal-subscribe-group .modal-dialog {
		width: 30%;
	}
	
	#container-integrated-booking {
		height: 100% !important;
	}
	
	div[data-andromeda-popup] .modal-content button.close i.fa-xmark {
    	color: white;
	}
}

@media only screen and (max-width: 768px) {

    #activity-list-slick-carousel .item-title {
        font-size: .8rem !important;
    }

    .item_card .item-description p {
        font-size: .5rem;
    }

    .container {
        padding-right: 30px;
        padding-left: 30px;
    }
    
    .app-blog .article-container { 
    	margin-top: 7rem; 
    }
}

@media only screen and (max-width: 380px) {
	.andromeda-link > a, .andromeda-link > button,
	    button[type="submit"], input[type="submit"] {
		padding: .4rem !important;
		min-width: 110px !important;
		font-size: .6rem !important;
	    }
}

.header-logo { max-height: 85px; }
.logo img { max-height: 55px; }

/* New home 2026 */
#header-django.white-header .dropdown-menu { background-color: #0E648Fe0 !important; }
.white-header svg#hamburger-icon path {
    stroke: #0E648F;
}
#header-django.white-header { border-bottom: none; }

.new-activities-container .activity-img {
  width: 100%;
  height: 170px;
  object-fit: cover;
}

.new-activities-container .col-4 {
  padding: 1.5px;
}

.new-activities-container .activity-text-container * {
  font-size: .6rem;
}

.new-activities-container .activity-text-container strong {
  font-weight: 600; 
}

.new-activities-container .img-container {
  position: relative;
}

.new-activities-container .img-container .custom-book-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #0e648fa3;
  color: white;
  text-align: center;
  padding: 5px 0;
  font-size: .8rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.new-activities-container .img-container:hover .custom-book-btn {
  background-color: #0e648f;
}

.new-activities-container .img-container img {
  transition: filter 0.3s ease;
}

.new-activities-container .img-container:hover img {
  filter: brightness(110%);
}

.bottom-custom-bar {
    position: fixed;
    bottom: 0;
    height: 85px;
    width: 100%;
    background: #00729e;
    z-index: 10;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.bottom-custom-bar .bottom-bar-btn {
    width: 234px;
    height: 100%;
    border-right: 2px solid white;
    border-left: 2px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.bottom-custom-bar .bottom-bar-btn.active { background-color: #90d0da; }
.bottom-custom-bar .bottom-bar-btn:hover {
    background-color: #0e648f;
}

.bottom-custom-bar .bottom-bar-btn p {
  color: white !important;
  text-decoration: none;
  font-weight: 300;
  margin: 0;
}

.bottom-custom-bar .bottom-bar-btn.active p { color: #0e648f !important; }
.bottom-custom-bar .bottom-bar-btn.active:hover p { color: white !important; }

@media screen and (max-width: 768px) {
  .bottom-custom-bar {
    padding: 0;
    justify-content: space-between;
  }

  .bottom-custom-bar .bottom-bar-btn {
    width: 100%;
    border-right: 1px solid white;
    border-left: 1px solid white;
  }

  .bottom-custom-bar .bottom-bar-btn p {
    font-size: .75rem;
  }
}


@media screen and (min-width: 576px) and (max-width: 1048px) {
  .new-activities-container .activity-img {
    height: 300px;
  }
  .new-activities-container .activity-text-container * {
    font-size: .8rem;
  }

  .new-activities-container .img-container .custom-book-btn {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1048px) {
  .new-activities-container {
    padding: 0 6rem;
  }
  .new-activities-container .activity-img {
    width: 100%;
    height: 570px;
    object-fit: cover;
  }
    .new-activities-container .activity-text-container * {
    font-size: 1rem;
  }

  .new-activities-container .img-container .custom-book-btn {
    font-size: 1.2rem;
  }

  #header-django .hamburger-menu { padding: 0 4rem; }
}

#mobile-buttons-booking  .button-right-booking {
        background-color: #019642;
}

/* Correcciones */

.dropdown-menu .menu-list .menu-item li {
    text-align: center;
}

.hamburger-menu .logo img {
    max-height: 45px;
}

.hamburger-menu ~ .dropdown-menu.menu-container .menu-list {
    gap: .5rem;
}

.hamburger-menu ~ .dropdown-menu.menu-container .menu-list li a {
    font-size: 1.4rem;
    font-weight: normal;
}

.youtube-container {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    height: 500px !important;
    left: unset !important;
}

.youtube-container .video-wrapper, .youtube-container .video-wrapper .video-div {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}

.youtube-container .video-wrapper, .youtube-container .video-wrapper .video-div {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    position: unset !important;
}

.youtube-container .video-wrapper .video-div iframe {
    width: 100%;
}

@media screen and (max-width: 768px) {
	.hamburger-menu .logo img {
		max-height: 30px;
	}

	.hamburger-menu ~ .dropdown-menu.menu-container .menu-list li a {
		font-size: 1.3rem;
	}
}

@media only screen and (max-width: 767.98px) {
    .youtube-container .video-wrapper .video-div iframe {
        width: 100% !important;
    }
    .youtube-container {
        height: 196px !important;
    }
}

/* Footer */
.logo-footer img {
    max-width: 200px;
}

footer {
	background-color: #dbf3f3;
}

footer * {
	color: #0E648F;
}

footer .footer-link {
	padding: 0;
}

@media screen and (max-width: 770px) {
	.links-container-footer * {
		font-size: 11px !important;
	}
}

@media screen and (min-width: 1100px) {
	footer img.pep-es-pop {
		position: absolute;
		right: 5rem;
		top: 50%;
		transform: translateY(-50%);
		width: 140px;
	}
}


/* Cookies banner */
#header-django:not(.white-header) ~ #cc_modal_window .cc-modal-dialog .cc-text *,
#header-django:not(.white-header) ~ #cc_modal_window .cc-section *,
#header-django:not(.white-header) ~ #cc_modal_window .cc-header * {
    color: white;
}

#header-django:not(.white-header) ~ #cc_modal_window .cc-header h3 {
    font-size: 1.5rem;
}