:root{
    --black: #1E1E1E;
    --white:#FCFCFC;
    --gris:#ADADAD;
    --gris-bold:#6F6F6F;
    --gris-transparente:rgba(51, 51, 51, 0.2);
    --azul:rgb(69, 196, 180, .3);
    --jade:#155558;
    --azul-claro:#E5E8EF;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.main{
    max-width: 100%;
    margin: auto;
    color:var(--black);
    overflow: hidden;
}

.container{
    width: 90%;
}

body {
    padding-top: 70px;
}

@font-face {
    font-family: "Gunterz-regular";
    src: url("../../fonts/Gunterz-2/Gunterz-Regular.otf");
}

@font-face {
    font-family: "Gunterz-medium";
    src: url("../../fonts/Gunterz-2/Gunterz-Medium.otf");
}

@font-face {
    font-family: "Antapani Regular";
    src: url("../../fonts/Antapani/Antapani-Regular.ttf");
}

.contenedor{
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

.color__blanco{
    color:var(--white)
}

.slider__btn {
    position: absolute;
    top: 50%; /* Centra verticalmente */
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5); /* Fondo semitransparente */
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 2;
    font-size: 30px;
    font-family: monospace;
    font-weight: bold;
    transition: background 0.3s ease;
}

.slider__btn:hover {
    background: rgba(0, 0, 0, 0.8); /* Fondo más oscuro al hacer hover */
}


.slider__btn__left{
    left: 15px;
}

.slider__btn__right{
    right: 15px;
}

.details-floor{
    height: 985px;
    background-color: var(--black);
    color:white;
    padding: 0px 144px 104px;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.dropdown{
    margin:4px 0px;
    cursor: pointer;
    transition: all 1s;
}



.dropdown .select{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.dropdown .select label{
    font-family: "Azeret mono", monospace;
    font-weight: 400;
    font-size: 12px;
    color:var(--black);
}

.dropdown hr{
    height: 1px;
    border: none;
    color:var(--black);
}

.dropdown .menu{
    background-color: white;
    color:var(--black);
    font-family: "Azeret mono", monospace;
    font-size: 12px;
    font-weight: 300;
    line-height: 140%;
    display: none;
    padding:10px;
}


.input-email{
    grid-column: 1/3;
}

.input-message{
    grid-column: 1/3;
    padding: 8px 12px;
    border: none;
}

.gris{
    filter: grayscale(100%);
}


.swal2-title {
    font-family: "Azeret mono", monospace;
    text-transform: uppercase;

}

.swal2-html-container{
    font-family: "Azeret mono", monospace;
    text-transform: uppercase;
  }
  

@keyframes blink-suave {
  0%   { background-color: #e4ede8; }
  50%  { background-color: transparent; }
  100% { background-color: #e4ede8; }
}

html {
  scroll-behavior: smooth;
}

#contacto {
  transition: background-color 0.5s ease;
}

.highlight {
  animation: blink-suave 1.5s ease-in-out 2;
}

a.button-link {
    all:unset;
    cursor: pointer;
}

img.imagen-planta {
    height: auto;
    width: 90%;
    align-items: center;
}