@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------
   FUENTES
-------------------------------------------------- */

@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap");

/* Regular 55Rg */
@font-face {
  font-family: "NHaasGrotesk";
  src: url("https://www.vatlantica.es/fonts/Linotype%20-%20NHaasGroteskDSStd-55Rg.otf")
    format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Bold 75Bd */
@font-face {
  font-family: "NHaasGrotesk";
  src: url("https://www.vatlantica.es/fonts/Linotype%20-%20NHaasGroteskDSStd-75Bd.otf")
    format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* -------------------------------------------------
   BASE
-------------------------------------------------- */

html,
body {
  overflow-x: hidden;
  font-family: "NHaasGrotesk", system-ui, -apple-system, "Segoe UI", Roboto, Arial,
    sans-serif !important;
  color: #666767;
  scroll-behavior: smooth;
}

p {
  line-height: 1.8;
}

a {
  color: #666767;
  text-decoration: none;
}

a:hover {
  color: #7f7f7f;
}

blockquote {
  font-size: 1.2em;
}

img.img-responsive {
  width: 100%;
  height: auto !important;
}

/* -------------------------------------------------
   TIPOGRAFÍA / TITULARES
-------------------------------------------------- */

h1,
h2,
h3 {
  font-family: "Noto Serif Display", serif;
}

h1 {
  font-size: 3.5rem;
  color: #fff;
  text-transform: uppercase;
}

h1.titular {
  font-size: 1.8em;
  font-weight: lighter;
}

h2 {
  font-size: 1.7em;
}

h2.titulo {
  font-size: 1.5rem;
  font-weight: 200;
}

h2.h2_tit {
  font-size: 1.6rem;
  font-weight: 700;
  font-family: "NHaasGrotesk", system-ui, -apple-system, "Segoe UI", Roboto, Arial,
    sans-serif !important;
}

h2.h2_index {
  font-size: 2em;
}

h2.h2_sombra {
  font-size: 2.8vw;
  font-weight: 600;
  text-shadow: 12px 6px 2px rgba(0, 0, 0, 0.2);
}

h2.h2_p {
  font-size: 3vw;
  font-weight: 600;
}

h2.h2_p_pie {
  font-size: 1vw;
  font-weight: 400;
}

h2.h2_g {
  font-size: 7.8rem;
  font-weight: 300;
  color: #fff;
}

h3 {
  font-size: 28px;
}

h3.h3_index {
  font-size: 2em;
}

h3.h3_tit {
  font-size: 40px;
  color: #3a3543;
}

h4 {
  font-size: 1.6em;
  text-transform: uppercase;
}

h5 {
  font-size: 24px;
  color: #fff;
}

h6 {
  font-size: 20px;
  font-weight: 700;
}

h6.faq {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}

/* -------------------------------------------------
   UTILIDADES / TEXTOS
-------------------------------------------------- */

.mycontainer {
  max-width: 1400px !important;
}

.text-pink {
  color: #f2e9e5 !important;
}

.text_brwn {
  color: #8d7061 !important;
  font-family: "Noto Serif" !important;
  font-style: oblique;
  font-weight: lighter !important;
  font-size: 40px;
}

.font_inmueble {
  font-size: 28px;
}

.font_inmueble_peque {
  font-family: "Noto Serif" !important;
  font-weight: lighter !important;
  font-size: 22px;
}

.fone {
  color: #fff;
}

.fecha {
  font-size: 16px;
}

.centradol {
  text-align: left;
}

.centrador {
  text-align: right;
}

.red {
  color: #261620;
}

/* -------------------------------------------------
   LAYOUT / CABECERA
-------------------------------------------------- */

.logo {
  width: 100%;
  max-width: 115px;
}

.alto_cabecero {
  min-height: 200px;
}

.alto_cabecero_con {
  min-height: 700px;
}

.alto_titular {
  margin-top: 5%;
}

.cd-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

.cd-header.active {
  background: rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

/* -------------------------------------------------
   HR / LÍNEAS
-------------------------------------------------- */

hr.peque {
  width: 100px;
  margin: 20px auto;
  border: 2px solid #fff;
  opacity: 1 !important;
}

hr.hr_green {
  border-top: #004c28 1px solid;
  width: 100%;
}

hr.hr_blue_left {
  border-top: #00427b 2px solid;
  width: 10%;
  text-align: left;
  display: inline-block;
}

/* -------------------------------------------------
   TARJETAS / CARDS
-------------------------------------------------- */

.card {
  border: none;
  background-color: transparent !important;
  border-radius: 0;
}

.card-body {
  padding: 1.25rem;
}

.card-body_not {
  padding: 3.25rem;
}

.card.ficha1 {
  border: none;
  background-color: #f7f7f7;
  margin-left: 8px;
  margin-right: 7px;
}

.card.ficha2 {
  border: none;
}

/* -------------------------------------------------
   BLOQUES ESPECÍFICOS
-------------------------------------------------- */

.altura {
  margin-top: -250px;
}

.accesos {
  margin-top: -250px;
  padding-bottom: 90px;
}

.home-equipo {
  position: absolute;
  z-index: 5;
  background-color: #ffffff;
  height: auto;
  width: 300px;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  padding: 23px;
}

.home-areas {
  position: absolute;
  z-index: 5;
  background-color: #ffffff;
  height: auto;
  width: 300px;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  color: #fff;
  padding: 23px;
}

.subtit {
  font-size: 18px;
  color: #00427b;
}

.subtit2 {
  font-size: 18px;
  color: #ffffff;
}

.tpresenta {
  text-align: center;
}

.tpresentas {
  text-align: center;
  margin-top: 100px;
}

.areat {
  padding-bottom: 15px;
}

.situa {
  margin-top: -200px;
}

.areasico-1 {
  background-color: #00427b;
  padding: 15px;
}

.areasico-2 {
  background-color: #0099cc;
  padding: 10px;
}

.ico {
  font-size: 40px;
  color: #3a3543;
}

.ico_big {
  font-size: 60px;
  color: #3a3543;
  margin-bottom: 10px;
}

.area-1 {
  background-color: #f9f9f9;
  padding-top: 20px;
  text-align: left;
}

.area-2 {
  background-color: #f1f1f1;
  padding-top: 20px;
}

.sticky-top {
  position: sticky;
}

.viaatlantica {
  background-color: #261620;
  padding: 10px;
  color: #fff !important;
  width: auto;
}

.viaatlantica_black {
  background-color: #000;
  padding: 10px;
  color: #fff !important;
  width: auto;
}

.linea_fondo {
  background-image: url(../images/flecha_busca.png);
  background-repeat: repeat-y;
  background-position: center;
}

.bordepie {
  border: 1px solid #eee;
}

.padpie {
  padding: 40px 80px;
}

.pie1 {
  color: #00427b;
  padding-top: 40px;
}

.linea-pie {
  background-color: #d1d4d6;
  width: 16px;
  height: 2px;
}

.prodesin {
  padding-bottom: 20px;
}

.galeria {
  height: 400px;
}

.fotos_galeria {
  min-height: 400px;
  max-height: 400px;
  width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.logoinf {
  width: 268px;
}

/* -------------------------------------------------
   FORMULARIOS
-------------------------------------------------- */

.form-control-home {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 15px;
  font-size: 0.7rem;
  line-height: 1.5;
  color: #f2e9e5;
  background-color: rgba(141, 112, 97, 0.5);
  background-clip: padding-box;
  border: none;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  text-transform: uppercase;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 15px;
  font-size: 0.7rem;
  line-height: 1.5;
  color: #f2e9e5;
  border: 1px solid #757575;
  background-clip: padding-box;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  text-transform: uppercase;
}

.form-busca {
  display: block;
  width: 100%;
  padding: 20px;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #261620;
  background-color: rgba(242, 232, 230, 0.8);
  background-clip: padding-box;
  border: none;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  text-transform: uppercase;
}

.form_select-home,
.form_select {
  font-size: 0.7rem;
  display: block;
  width: 100%;
  height: 80px;
  padding: 10px;
  line-height: 1.5;
  border: 1px solid #757575;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
}

.form_select-home {
  color: #000;
}

.form_select {
  color: #6e5958;
}

/* Placeholders */
.form-control::placeholder,
textarea.form-control::placeholder {
  color: #6e5958;
  opacity: 1; /* quita el desvanecido por defecto */
  text-transform: uppercase;
}

/* -------------------------------------------------
   MODALES
-------------------------------------------------- */

.modal {
  z-index: 3000;
}

.modal-body {
  border-radius: 0 !important;
}

.modal-content {
  border: none !important;
  border-radius: 0 !important;
}

.modal-header .btn-close {
  color: #f2e9e5 !important;
}

/* Popup +18 */

.age-modal .modal-backdrop,
.modal-backdrop.show {
  background-color: rgba(0, 0, 0, 1);
}

.age-modal .modal-dialog {
  max-width: 500px;
}

.age-modal .modal-content {
  background: rgba(0, 0, 0, 1);
  color: #f5f5f5;
  padding: 2.75rem 2.75rem 2.5rem;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 1);
  border: 1px solid #fff !important;
}

.age-modal .modal-title {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  text-align: center;
  width: 100%;
}

.age-modal .modal-body {
  text-align: center;
  font-size: 0.95rem;
  color: #e0e0e0;
  margin-top: 0.5rem;
}

.age-modal .modal-footer {
  justify-content: space-between;
  gap: 0.75rem;
}

/* -------------------------------------------------
   BOTONES
-------------------------------------------------- */

.btn {
  border-radius: 0 !important;
  transition: none !important;
}

/* Botón fondo rosa */
.btn_fb {
  color: #240e10 !important;
  padding: 10px;
  background-color: #f7f7f7;
  text-align: center;
  width: 100%;
}

.btn_fb:hover {
  color: #f7f7f7 !important;
  background-color: #261620;
  text-decoration: none;
}

/* Botón fondo gris oscuro */
.btn_fb_dark {
  font-size: 14px;
  color: #fff !important;
  padding: 10px;
  background-color: #666867;
  text-align: center;
  width: 100%;
}

.btn_fb_dark:hover {
  color: #fff !important;
  background-color: #261620;
  text-decoration: none;
}

/* Botón borde blanco */
.btn_brw {
  color: #fff !important;
  font-weight: 100 !important;
  padding: 5px 50px;
  background-color: transparent;
  text-align: center;
  border: 1px solid #fff !important;
}

.btn_brw:hover {
  color: #666867 !important;
  background-color: #fff;
  border: 1px solid #261620 !important;
  text-decoration: none;
}

/* Botón fondo violeta */
.btn_fv {
  color: #fff !important;
  padding: 5px 60px;
  background-color: #261620;
  text-align: center;
}

.btn_fv:hover {
  color: #fff !important;
  background-color: #261620;
  text-decoration: none;
}

/* Botón fondo violeta borde redondo */
.btn_fvo {
  color: #fff !important;
  padding: 5px 60px;
  background-color: #261620;
  text-align: center;
  border-radius: 10px;
}

.btn_fvo:hover {
  color: #fff !important;
  background-color: #261620;
  text-decoration: none;
}

/* Botón borde azul */
.btn_bb {
  color: #f2e9e5 !important;
  background-color: transparent;
  text-align: center;
  border-bottom: 1px solid #f6e9e5 !important;
  font-size: 1.2rem;
  font-family: "Noto Serif", serif !important;
  font-weight: 300;
}

.btn_bb:hover {
  background-color: transparent;
  border: 1px solid #f2e9e5 !important;
  text-decoration: none;
}

/* -------------------------------------------------
   PESTAÑAS / NAV PILLS
-------------------------------------------------- */

.nav-pills .nav-link {
  border-radius: 0;
  color: #acacac !important;
  font-size: 14px !important;
  padding: 5px 20px !important;
  margin: 0 !important;
  font-weight: 800 !important;
}

.nav-pills .nav-link:hover {
  border-radius: 0;
  border-bottom: 5px solid #757575;
  color: #626262 !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #626262 !important;
  background-color: transparent !important;
  border-bottom: 5px solid #757575;
}

/* -------------------------------------------------
   MENÚ PRINCIPAL
-------------------------------------------------- */

.nav-link {
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff !important;
  text-align: center;
  text-transform: uppercase;
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.nav-link:hover {
  color: #f7f7f7 !important;
}

.activem {
  color: #f7f7f7 !important;
}

/* Buscador header */

#searchform {
  display: inline;
  font-size: 1em;
  padding: 0.3em;
}

#s {
  transition: all 0.2s ease-out;
  width: 1px;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  opacity: 0;
  color: #fff;
}

#s:focus {
  width: 8em;
  opacity: 1;
}

label {
  padding-left: 1px;
  display: inline-block;
  margin-top: 0.3em;
  position: relative;
  left: 0.1em;
  cursor: pointer;
}

/* -------------------------------------------------
   MENÚ MÓVIL (OVERLAY)
-------------------------------------------------- */

.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 9000;
  top: 0;
  left: 0;
  background-image: url(../images/menu.jpg);
  background-size: cover;
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 100px;
}

.overlay ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.overlay ul li {
  transition: 0.9s;
  margin: 0;
  padding: 0;
}

.overlay a {
  padding: 10px;
  text-decoration: none;
  display: block;
  transition: 0.9s;
  text-transform: uppercase;
}

.overlay a:hover,
.overlay a:focus {
  color:#f7f7f7;
}

.overlay .closebtn {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 50px;
  font-weight: 200;
}

/* -------------------------------------------------
   PAGINACIÓN
-------------------------------------------------- */

.pagination {
  list-style: none outside none;
  margin: 0 auto;
  padding: 0;
}

.pagination > li {
  float: left;
  padding: 1px;
}

.pagination > li > a,
.pagination > li > span {
  float: left;
  padding: 7px 20px;
  margin: 6px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: transparent;
  border: 3px solid #ebebeb;
  color: #8d7061;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  border: 3px solid #8d7061;
  padding: 7px 20px;
  color: #000;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #000;
  cursor: default;
  padding: 7px 20px;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #ebebeb;
  cursor: not-allowed;
  background-color: transparent;
  border-color: #ebebeb;
  padding: 7px 20px;
}

/* -------------------------------------------------
   SLIDERS / SLICK / OVERLAYS PRODUCTOS
-------------------------------------------------- */

.slider-container {
  padding: 3rem 0;
}

.menu-card {
  position: relative;
  min-height: 850px;
  background-size: cover;
  background-position: center;
  transition: transform 0.3s ease;
  margin: 0 10px;
  font-size: 20px;
}

.menu-overlay {
  background: rgba(255, 255, 255, 0.7);
  padding: 2rem;
  height: 100%;
  min-height: 850px;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
}

.menu-content {
  /*max-width: 600px;*/
}

.slick-slide {
  transition: transform 0.3s ease;
  opacity: 1;
}

.slick-center.slick-slide {
  opacity: 1;
}

/* Overlay productos */

.container2 {
  position: relative;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay22 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgb(0, 0, 50, 0.4);
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: 0.1s ease;
  z-index: 1000;
}

.overlay2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgb(0, 0, 50, 0.5);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: 0.1s ease;
  z-index: 2000;
}

.container2:hover .overlay2 {
  height: 100%;
  cursor: pointer;
}

/* Flechas slick personalizadas (ocultar en móvil) */
@media only screen and (max-width: 480px) {
  .slick-custom-prev {
    display: none;
  }

  .slick-custom-next {
    background-image: none;
  }
}

/* -------------------------------------------------
   VARIOS
-------------------------------------------------- */

.alto_caja {
  max-width: 355px;
  max-height: 355px;
  min-width: 355px;
  min-height: 355px;
}

.alto_circulo {
  max-width: 330px;
  max-height: 330px;
  min-width: 330px;
  min-height: 330px;
}

.zoom {
  transition: transform 0.2s;
}

.zoom:hover {
  transform: scale(1.1);
}

.tapa-item {
  background-color: rgba(255, 87, 34, 0.4);
  color: white;
  padding: 5px 15px;
  margin-bottom: 8px;
  border-radius: 0;
  text-align: center;
}

.custom-select {
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  border: none;
  width: 100%;
  padding: 20px;
}

.foto-caja {
  border: 4px solid #666867;
  position: relative;
  z-index: 1;
}

.foto-caja-central {
  position: relative;
  z-index: 5;
  transform: translateY(50px);
  margin-left: -20px;
  margin-right: -20px;
}

/* Cookie button */
#cookie-settings-link {
  position: fixed;
  bottom: 15px;
  left: 60px;
  z-index: 9999999999;
}

/* -------------------------------------------------
   DROPDOWN MENÚ
-------------------------------------------------- */

.dropdown-menu {
  background: rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 0;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
  padding: 0.75rem 0;
  min-width: 200px;
  margin-top: 0;
}

.dropdown-item {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #fff;
  padding: 0.45rem 1.5rem;
  background-color: transparent;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: rgba(102, 104, 103, 0.12);
  color: #fff;
}

.dropdown-item:focus {
  outline: none;
  box-shadow: none;
}

/* Desktop: abrir al pasar el ratón */
@media (min-width: 992px) {
  .dropdown-menu {
    margin-top: 0;
  }

  .nav-item.dropdown:hover > .dropdown-menu {
    display: block;
  }

  .navbar .nav-item.dropdown:hover > .nav-link {
    color: #fff;
  }
}

/* -------------------------------------------------
   MEDIA QUERIES
-------------------------------------------------- */

/* iPad vertical aprox */
@media only screen and (max-width: 835px) {
  .logo {
    width: 150px;
  }

  .nomovil,
  #nomovil {
    display: none;
  }

  .alto_cabecero {
    min-height: 300px;
  }
}

/* Desktop ocultar menú móvil */
@media only screen and (min-width: 992px) {
  .solomovil,
  #solomovil {
    display: none;
  }
}

/* iPad horizontal / pantallas medias */
@media only screen and (max-width: 1500px) {
  .alto_titular {
    margin-top: 25%;
  }

  .nav-link {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .nav-link:hover {
    border-bottom: none;
    padding-bottom: 1px !important;
  }

  .cabecero_casa {
    height: 400px !important;
  }

  .font_inmueble {
    font-size: 26px !important;
  }
}

/* Ajuste nav-link para < 988px */
@media only screen and (max-width: 988px) {
  .nav-link {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

/* iPhone plus / móviles pequeños */
@media only screen and (max-width: 480px) {
  html,
  body {
    font-size: 14px;
  }

  h1 {
    font-size: 3em !important;
  }

  h2.h2_index {
    font-size: 1.5em !important;
  }

  .cabecero_casa {
    height: 300px !important;
  }

  .font_inmueble {
    font-size: 16px !important;
  }

  h2.h2_g {
    font-size: 10vw;
  }

  h2.h2_p {
    font-size: 8vw;
  }

  h2.h2_p_pie {
    font-size: 5vw;
  }

  h4 {
    font-size: 6vw;
  }

  h2.h2_tit {
    font-size: 1.4em;
  }

  .alto_cabecero {
    min-height: 200px;
  }

  .alto_titular {
    margin-top: 35%;
  }

  .alto_xoanina {
    bottom: -20px;
  }

  .centradol,
  .centrador {
    text-align: center;
  }

  .linea_fondo {
    background-image: none;
  }
}

/* Ajuste extra móviles muy pequeños */
@media only screen and (max-width: 375px) {
  .alto_titular {
    margin-top: 25%;
  }
}

/* Popup +18 en móvil */
@media (max-width: 575.98px) {
  .age-modal .modal-dialog {
    margin: 1.5rem;
  }

  .age-modal .modal-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .age-modal .btn-age,
  .age-modal .btn-age-primary {
    width: 100%;
    justify-content: center;
  }
}

/* Popup home */

.home-modal .modal-backdrop,
.modal-backdrop.show {
  background-color: rgba(0, 0, 0, 1);
}

.home-modal .modal-dialog {
  max-width: 1000px;
}

.home-modal .modal-content {
  background: #fff;
 

  box-shadow: 0 18px 40px rgba(0, 0, 0, 1);
  border: 1px solid #fff !important;
}

.home-modal .modal-title {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  text-align: center;
  width: 100%;
}

.home-modal .modal-body {
  text-align: center;
  font-size: 0.95rem;

  margin-top: 0.5rem;
}

.home-modal .modal-footer {
  justify-content: space-between;
  gap: 0.75rem;
}


/*  móvil/tablet */
@media (max-width: 768px) {
  .dropdown-menu {
    background: rgba(0, 0, 0, 0.9);
    min-width: 100% !important;
    text-align: center !important;
  }
	
.fotos_galeria {
  min-height: 150px;
  max-height: 150px;
  width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
}
.slider3 .slick-track,
.slider2 .slick-track {
  display: flex;
}

.slider3 .slick-slide,
.slider2 .slick-slide {
  height: auto;
}

.slider3 .slick-slide > div,
.slider2 .slick-slide > div {
  height: 100%;
}


.slider5-wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  max-height: 400px;      /* ajusta la altura que quieras */
  width: 100%;            /* o el ancho que te interese */
}

.slider5 {
  flex: 1 1 auto;
  overflow: hidden;
}

/* Botones arriba / abajo */
.btn-vertical-arrow {
  border: none;
  background: transparent;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  padding: 8px 0;
}

/* Opcional: que los slides tengan algo de espacio */
.slider5 .slick-slide {
  padding: 5px 0;
}