@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600&display=swap');

* {
    box-sizing: border-box;
}

:root {
    --colorVerde: #33CC66;
    --colorVerdeAgua: #00D6B9;
    --colorNegro: #232323;
    --colorGris: #9E9E9E;
    --colorGrisOscuro: #313131;
}

a {
    color: var(--colorNegro);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.video-flotante-2 iframe {
    background-color: white;
}

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

fieldset {
    padding: 0;
    border: 0;
    margin: 0 0 7px 0;
    position: relative;
}

html {
    font-size: 14px;
}

body {
    margin: 0;
    top: 0;
    font-family: 'Montserrat', sans-serif;
}

.margin-top-class {
    margin-top: 20px;
}

.center {
    width: 100%;
    margin: 0 auto;
    padding: 0 50px;
    max-width: 1550px;
}

.enlace {
    color: #000;
    text-decoration: underline;
    font-weight: 500;
}

.enlace img {
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.enlace:hover {
    text-decoration: none;
}

/* ToolTip */
.tooltip2 {
    position: relative;
    display: inline-block;
}

.tooltip2 .tooltiptext2 {
    visibility: hidden;
    width: 100px;
    background-color: black;
    color: black;
    text-align: center;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    padding: 5px 0;
    box-shadow: 1px 1px #00000013;
    color: white;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: -115%;
    left: 75%;
    margin-left: -60px;
    /* texto */
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    z-index: 100000;
}

.tooltip2 .tooltiptext2:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 15px;
    width: 15px;
    background: url(/public/web/imagenes/triangle.svg) no-repeat;
    background-size: contain;
    top: -7px;
    content: ' ';
    transform: rotate(-59deg);
}

.tooltip2:hover .tooltiptext2 {
    visibility: visible;
}

/* Video flotante publica propiedad */
.flex-video-flotante {
    display: none;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    z-index: 2000;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.396);
}

.btn-video-flotante {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 10%;
    padding: 20px;
}

.video-flotante {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 85%;
}

.video-flotante-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 85%;
}

.btn-flotante {
    background-color: white;
    color: var(--colorNegro) !important;
    font-weight: 500;
}

/* Textos */

h1,
h2,
h3,
h4,
h6 {
    line-height: 1.2;
    margin: 0 0 20px;
    font-weight: 500;
}

h1 {
    font-size: 1.8rem;
    margin-bottom: 20px;
}

h2 {
    font-size: 2.3rem;
    font-weight: 500;
}

h3 {
    font-size: 1.1rem;
}

h4 {
    font-size: 1.4rem;
}

li,
p,
th,
td,
dt,
dd {
    font-size: 1rem;
    margin-bottom: 20px;
    color: var(--colorNegro);
    line-height: 27px;
    margin-top: 0;
}

hr {
    height: 1px;
    width: 100%;
    border: 0;
    background-color: #e9e9e9;
}

.textCenter {
    text-align: center;
}

/* Forms */

input[type="text"],
input[type="date"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"] {
    width: 100%;
    line-height: 40px;
    padding: 5px 60px;
    border: 1px solid #D3D3D3;
    font-size: 1rem;
    font-family: 'Montserrat', sans-serif;
    border-radius: 100px;
}

input[type="file"] {
    cursor: pointer;
}

input[type="file"]::-webkit-file-upload-button {
    width: 30px;
    visibility: hidden;
}

textarea {
    width: 100%;
    padding: 20px;
    border: 1px solid #D3D3D3;
    font-family: 'Montserrat', sans-serif;
    border-radius: 20px;
    resize: none;
    font-size: 1rem;
    line-height: 28px;
}

label {
    display: block;
    margin-bottom: 10px;
}


.btn {
    width: max-content;
    padding: 10px 20px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    grid-column-gap: 10px;
    color: #fff;
    font-size: 1rem;
    border: 0;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    justify-content: center;
}

.btn:hover {
    text-decoration: none;
}

.btn--wspp {
    position: fixed;
    bottom: 24px;
    left: 48px;
    z-index: 100;
    font-size: 16px;
    font-weight: 600;
}

/* Margin */

.marginAuto {
    margin: 0 auto;
    display: block;
}

/* Header */

header {
    padding: 20px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 14;
    display: grid;
    grid-column-gap: 150px;
    grid-template-columns: 170px 1fr 385px;
}

header h1 {
    background-image: url(/public/web/imagenes/logo-color.svg);
    background-repeat: no-repeat;
    width: 166px;
    height: 46px;
    margin: 0;
}

header h1 a {
    display: block;
    line-height: 50px;
    color: transparent;
}

.buscador {
    display: grid;
    grid-template-columns: 1fr 150px;
    grid-column-gap: 20px;
}

.buscador .input {
    position: relative;
}

.buscador .abrirFiltros {
    position: absolute;
    right: 20px;
    top: 13px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: transparent url(/public/web/imagenes/i-filtros.svg) no-repeat;
}

.buscador input[type="text"] {
    background: transparent url(/public/web/imagenes/i-lupa.svg) no-repeat 15px;
    padding-left: 50px;
    color: var(--colorNegro);
    outline: none;
}

/* .buscador input[type="text"]:focus{
    background: white url(/public/web/imagenes/i-lupa.svg) no-repeat 15px;
} */
.buscador input[type="text"]::placeholder {
    color: #e1e1e1;
}

header .botones {
    display: grid;
    grid-template-columns: 1fr auto auto;
    grid-column-gap: 10px;
    justify-content: end;
}

.result-search {
    position: absolute;
    background: #fff;
    width: 100%;
    border-radius: 5px;
    overflow: auto;
    top: 54px;
    max-height: 290px;
    padding: 0px;
}

.result-search .list-search li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    padding: 10px;
}

.result-search .list-search li a img {
    margin: 0px 10px;
    display: flex;
    width: 25px;
}

.result-search .list-search li a {
    display: flex;
}

.result-search .list-search li:last-child {
    border-bottom: none;
}

.result-search::-webkit-scrollbar,
.popUpFiltros .contenido::-webkit-scrollbar {
    width: 6px;
}

.result-search::-webkit-scrollbar-track,
.popUpFiltros .contenido::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #f1f1f1;
}

.result-search::-webkit-scrollbar-thumb,
.popUpFiltros .contenido::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #33CC66;
    background-image: linear-gradient(to right, #33CC66, #00D6B9);
}

/* Header fixed */

header.fixed {
    background: #fff;
    border-bottom: 1px solid #efefef;
}

header.fixed h1 {
    background-image: url(/public/web/imagenes/logo-color.svg);
}

header.fixed input[type="text"] {
    border-color: var(--colorGris);
    background: transparent url(/public/web/imagenes/i-lupa-gris.svg) no-repeat 15px;
    color: var(--colorNegro) !important;

}

header.fixed input[type="text"]::placeholder {
    color: var(--colorGris);
}

header.fixed .buscador .abrirFiltros {
    background: transparent url(/public/web/imagenes/i-filtros-gris.svg) no-repeat;
}

header.fixed .btnIniciarSesion {
    border: 1px solid var(--colorGris);
}

.toggle {
    cursor: pointer;
    display: inline-block;
}

.toggle-switch {
    display: inline-block;
    background: #ccc;
    border-radius: 16px;
    width: 40px;
    height: 24px;
    position: relative;
    vertical-align: middle;
    transition: background 0.25s;
}

.toggle-switch:before,
.toggle-switch:after {
    content: "";
}

.toggle-switch:before {
    display: block;
    background: linear-gradient(to bottom, #fff 0%, #eee 100%);
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 25%);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: left 0.25s;
}

.toggle:hover .toggle-switch:before {
    background: linear-gradient(to bottom, #fff 0%, #fff 100%);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}

.toggle-checkbox:checked+.toggle-switch {
    background: linear-gradient(to right, #33CC66, #00D6B9);
    ;
}

.toggle-checkbox:checked+.toggle-switch:before {
    left: 18px;
}

.toggle-checkbox {
    position: absolute;
    visibility: hidden;
}

.toggle-label {
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.wp-calendario {
    margin: 20px auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
}

/* Drop idioma */
.relative__drop-idioma {
    position: relative;
}

.drop-idioma {
    display: none;
    grid-template-columns: 1fr 1px 1fr;
    position: absolute;
    right: 0px;
    background-color: white;
    border-radius: 12px;
    box-shadow: 0px 18px 40px 0px #008A771A;
    margin-top: 10px;
    padding: 12px;
}

.drop-idioma__separadora {
    width: 1px;
    height: 100%;
    background-color: #DADADA;
}

.drop-idioma h2 {
    font-size: 24px;
    font-weight: 700;
}

.drop-idioma p {
    font-size: 16px;
}

.drop-idioma span {
    font-size: 14px;
}

.drop-idioma .p-bold {
    font-weight: 700;
}

.drop-idioma__grid {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 5px;
    align-items: center;
    height: 48px;
}

.drop-idioma__grid p {
    margin: 0px;
}

.drop-idioma__separadora--horizontal {
    width: 100%;
    height: 1px;
    background-color: #DADADA;
    margin: 12px 0px;
}

.dropdown-idioma {
    width: 285px;
    padding: 12px;
}

.dropdown-divisa {
    width: 285px;
    padding: 12px;
}

iframe[id^=":2.container"] {
    visibility: hidden !important;
}

.widget-google-translator {
    display: none;
}

/* Background */

.bg-danger {
    background-image: linear-gradient(to right, #cc3b33, #d60000);
}

/* Etiquetas */

.badge {
    width: max-content;
    padding: 6px 18px;
    border-radius: 100px;
    display: inline-block;
    align-items: center;
    color: #fff;
    font-size: 0.8rem;
    border: 0;
    font-family: 'Montserrat', sans-serif;
}


/* botones */
.row-btn {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.row-btn-2 {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.row-btn-2 a {
    margin: 0px !important;
}

.btnMapa {
    background: #000;
}

.btnMapa span {
    margin: 0;
    color: #fff;
}

.btnPrimary {
    background-image: linear-gradient(to right, #33CC66, #00D6B9);
}

.btn-anular-rechazar {
    border: 1px solid #33CC66;
    color: #33CC66;
    background-color: white;
}

.btnSecondary {
    background-color: white;
    border: 1px solid #000;
    color: var(--colorNegro);
    margin-top: 40px;
}

.btnIniciarSesion {
    background: #fff;
    color: var(--colorNegro);
    border: 1px solid var(--colorGris);
}

.btnIniciarSesion span {
    margin: 0;
}

.btnLogin {
    border: 1px solid var(--colorGris);
    color: var(--colorGrisOscuro);
    width: 100%;
    text-align: center;
    position: relative;
    border-radius: 10px;
    padding: 10px 0;
}

.btnLogin img {
    width: 20px;
    display: block;
    margin: 10px auto;
}

.btnLogin:nth-child(3) img {
    top: 8px;
}

.btnLogin:nth-child(4) img {
    top: 5px;
}

.ghost {
    background: transparent;
    border: 1px solid var(--colorVerde);
    color: var(--colorVerde);
    transition: all ease-in-out .3s;
}

.ghost:hover {
    background-image: linear-gradient(to right, #33CC66, #00D6B9);
    color: #fff;
}

.ghostNegro {
    background: transparent;
    border: 1px solid var(--colorNegro);
    color: var(--colorNegro);
    transition: all ease-in-out .3s;
}

.btnBlanco {
    position: absolute;
    background: #fff;
    z-index: 99;
    right: 10px;
    top: 20px;
    color: #000;
    padding-right: 30px;
}

.btnBig {
    font-size: 1.5rem;
    padding: 15px 50px;
}

.btnComenzar {
    margin: 0 auto;
    font-size: 1.2rem;
    width: 300px;
    justify-content: center;
    padding: 15px;
}

.heroSection {
    position: relative;
    margin-bottom: 70px;
    height: 750px;
}

.heroSection .heroImage {
    width: 100%;
    height: 750px;
    object-fit: cover;

}

.heroSection .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background-color: #000; */
    opacity: .5;
    z-index: 9;
}

.heroSection .contenido {
    position: absolute;
    top: 200px;
    left: 100px;
    max-width: 650px;
    width: 100%;
    z-index: 99;
}

.heroSection .texto h2 {
    font-size: 2.5rem;
    font-weight: 500;
    color: #fff;
    line-height: 3.2rem;
}

.heroSection .texto p {
    color: #fff;
}

.heroSection .botones {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
}

.heroSection .botones img {
    width: 100%;
    height: auto;
}

.heroSection .vectores {
    position: absolute;
    right: 0;
    bottom: -190px;
    z-index: 9;
}

/* Slider */
.slides:first-child {
    z-index: 0;
    opacity: 1;
}

.flexslider-home {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    margin-bottom: 70px;
}

.li-slider {
    display: flex !important;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.li-slider a {
    width: 100%;
}

.li-slider img {
    width: 100% !important;
}

.flexslider-home .flex-direction-nav {
    display: none;
}

.flexslider-home .flex-viewport {
    height: auto !important;
    /* max-height: 950px !important; */
}

.botonesSlider {
    margin: 120px;
    padding-top: 250px;
    position: absolute;
    z-index: 2;
    top: 20%;
}

.slides__mostrarEscritorio {
    display: block;
}

.slides__mostrarMovil {
    display: none;
}

/* Slick */
.carruselHome {
    padding: 0px !important;
}

.slick-slider img {
    transition: all ease-in-out .2s;
}

.carruselHome .slick-prev,
.carruselHome .slick-next {
    display: none !important;
}


.slick-prev:hover,
.slick-next:hover {
    opacity: 1;
}



/* Secciones home */
section .titulo {
    margin-bottom: 30px;
}

section .titulo h2 {
    margin-bottom: 0;
    margin-right: 20px;
}

section .titulo h2,
section .titulo a {
    display: inline-block;
}


/* Card Carrusel */
.CarruselCard h3 {
    margin-bottom: 0;
	padding-right: 40px;
}

.CarruselCard span {
    color: var(--colorGris);
    display: block;
    margin: 5px 0;
}

.CarruselCard .carruselfijo .flex-active {
    color: #fff;
	opacity: 1;
}

.CarruselCard .carruselfijo a {
    color: #fff;
	opacity: .5;
}

.CarruselCard .texto {
    position: relative;
    margin-top: 20px;
}

.CarruselCard .valoracion {
    font-size: 1.2rem;
    display: flex;
    position: absolute;
    right: -10px;
    top: -10px;
    color: var(--colorNegro);
    padding: 10px;
    background: #fff;
}

.CarruselCard .precio {
    font-size: 1.1rem;

}

.CarruselCard .precio small {
    color: var(--colorGris);
}

.carruselImagenes {
    position: relative;
    overflow: hidden;
    /* border-radius: 10px; */
    height: 300px;
    /* margin-bottom: 20px; */
}

.CarruselCard .carruselImagenes img {
    border-radius: 10px;
}

.carruselImagenes img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.carruselImagenes .flex-control-nav {
    bottom: 0px;
    z-index: 99;
}

.carruselImagenes .flex-control-nav li, .carruselfijo .flex-control-nav li {
    margin: 0 3px;
}

.carruselImagenes .flex-control-paging li a, .carruselfijo .flex-control-paging li a {
    width: 7px;
    height: 7px;
    background: #fff;
    box-shadow: none;
    opacity: .5;
}

.carruselImagenes .flex-control-paging li a.flex-active, .carruselfijo .flex-control-paging li a.flex-active {
    opacity: 1;
}

.carruselImagenes .flex-direction-nav,  .carruselfijo .flex-direction-nav {
    width: 24px;
    height: 24px;
}

.carruselImagenes .flex-direction-nav .flex-prev, .carruselfijo .flex-direction-nav .flex-prev {
    left: 20px;
    background: transparent url(/public/web/imagenes/prev-carrusel.svg) no-repeat;
    z-index: 99;
    width: 24px;
    height: 24px;
    opacity: 0;
    margin: 0;
    font-size: 0;

}

.carruselImagenes .flex-direction-nav .flex-next, .carruselfijo .flex-direction-nav .flex-next {
    right: 20px;
    background: transparent url(/public/web/imagenes/next-carrusel.svg) no-repeat;
    z-index: 99;
    width: 24px;
    height: 24px;
    opacity: 0;
    margin: 0;
    font-size: 0;
}

.carruselImagenes:hover .flex-direction-nav .flex-next, .carruselImagenes:hover .flex-direction-nav .flex-prev,
.carruselfijo:hover .flex-direction-nav .flex-next, .carruselfijo:hover .flex-direction-nav .flex-prev {
    opacity: 1;
}

.carruselImagenes .flex-direction-nav a:before, .carruselfijo .flex-direction-nav a:before {
    display: none;
}


/* Slick slider */
.slick-slider {
    margin-bottom: 100px;
}

/* the slides */
.slick-slide {
    margin: 0 24px 0 0;
}

.carruselHome .slick-slide {
    margin: 0px;
}

/* the parent */
.slick-list {
    margin: 0 -24px 0 0;
}

.slick-arrow {
    width: 44px;
    height: 44px;
    border: 0;
    font-size: 0;
    cursor: pointer;
    border-radius: 100px;
}

.slick-prev {
    background: transparent url(/public/web/imagenes/prev.svg) no-repeat;
    position: absolute;
    right: 80px;
    top: -70px;
    z-index: 12;
}

.slick-next {
    background: transparent url(/public/web/imagenes/next.svg) no-repeat;
    position: absolute;
    right: 24px;
    top: -70px;
    z-index: 12;
}


.aviso {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    background: var(--colorGrisOscuro);
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 70px;
}

.aviso .texto {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 70px;
}

.aviso img {
    width: 100%;
    height: 480px;
    object-fit: cover;
}

.aviso h2 {
    font-size: 2.7rem;
    line-height: 3.5rem;
}

.aviso h2,
.aviso p {
    color: #fff;
}


/* Grilla regiones */

.grillaDoble {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    margin-top: 40px;
}

.grillaTriple {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    margin-top: 20px;
}

.grillaTriple .CarruselCard {
    margin-bottom: 40px;
}

.grillaDoble .item,
.grillaTriple .item {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    height: 227px;
}

.grillaDoble .item .overlay,
.grillaTriple .item .overlay {
    width: 100%;
    height: 227px;
    background: #000;
    opacity: .6;
    left: 0;
    top: 0;
    position: absolute;
}

.grillaDoble .item .texto,
.grillaTriple .item .texto {
    position: absolute;
    left: 50px;
    top: 70px;
}

.grillaDoble .item h3,
.grillaDoble .item span,
.grillaTriple .item h3,
.grillaTriple .item span {
    color: #fff;
}

.grillaDoble .item h3,
.grillaTriple .item h3 {
    font-size: 2rem;
    margin-bottom: 5px;
}

.grillaDoble .item span,
.grillaTriple .item span {
    display: block;
    margin-bottom: 10px;
}

.grillaDoble .item a,
.grillaTriple .item a {
    color: var(--colorVerde);
}

.grillaDoble .item img {
    width: 100%;
    height: 227px;
    object-fit: cover;
}

/* Propiedades y espacios */
.boton-volver {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 8px;
    background-color: black;
    border-radius: 50px;
    height: 37px;
    padding: 0px 20px;
    color: white;
    margin-bottom: 50px;
    position: absolute;
    left: 10px;
    top: 140px;
    cursor: pointer;
}

.boton-volver p {
    color: white;
    margin-bottom: 0px;
}

.mapa-detalle #map {
    border-radius: 20px;
    width: 100%;
    height: 350px;
    margin-top: 20px;
}

.row-flex-detalle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 35px;
}

.row-detalle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 8px;
}

.row-detalle p {
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: rgba(71, 71, 71, 0.8);
}

.seleccion-img-principal {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: absolute;
    width: auto;
    left: 20px;
    bottom: 0px;
    z-index: 10;
    height: 12px;
}

.seleccion-img-principal input {
    cursor: pointer;
    margin: 0px !important;
}

.seleccion-img-principal p {
    display: none;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: white;
    margin: 0px !important;
}

.nombre-btn-propiedad {
    display: grid;
    grid-template-columns: 1fr 24px 20px;
    align-items: center;
    gap: 15px;
    position: relative;
}

.nombre-btn-propiedad .icono-edit {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/public/web/imagenes/i-check.svg);
}

.nombre-btn-propiedad .icono-pendiente {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/public/web/imagenes/i-pendiente.svg);
    background-size: cover;
}

.btn-sub-menu-propiedad {
    cursor: pointer;
}

.sub-menu-propiedad {
    display: none;
    position: absolute;
    width: 225px;
    height: auto;
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid #E2E2E2;
    border-radius: 10px;
    top: 70px;
    right: 10px;
    z-index: 10;
}

.sub-menu-propiedad .row-2 {
    margin-bottom: 10px;
    cursor: pointer;
}

.sub-menu-propiedad .row-2:last-child p {
    color: #F33333;
}

.activeSubMenu {
    display: block;
}

.row-2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.row-2 p {
    margin: 0px;
}

.formPaso3 .ubicacion {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

/* Mis reservas */
.tabs-reservas {
    display: flex;
    /* gap: 20px; */
}

.tab-anfitrion-reserva,
.tab-visitante-reserva {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 57px;
    cursor: pointer;
    color: #828282;
    font-weight: 400;
}

.tabs-reservas p {
    margin: 0px;
}

.linea-mis-reservas {
    width: 100%;
    height: 1px;
    background-color: #D6D6D6;
    margin-bottom: 35px;
}

.tab-seleccionado-reserva {
    border-bottom: 2px solid #000000;
    color: #353535;
    font-weight: 600;
}

.como-anfitrion {
    display: block;
}

.como-visitante {
    display: none;
}


.mi-reserva-n {
    display: grid;
    grid-template-columns: 1fr 180px;
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.mi-reserva-n .reserva-img-txt {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.datos-reserva-n {
    display: grid;
    grid-template-columns: 1fr 1fr 230px 1fr;
    margin-top: 24px;
}

.botones-reserva {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

.botones-reserva button {
    width: 100%;
}

.mi-reserva-n .reserva-img-txt img {
    width: 60px;
    border-radius: 5px;
}

.mi-reserva-n span {
    color: rgba(71, 71, 71, 0.5);
    font-weight: 400;
}

.mi-reserva-n .txt {
    color: #000000;
    font-weight: 600;
    margin: 0px;
}

.mi-reserva-n .txt p {
    margin: 0px;
}

.mi-reserva-n .reserva-img-txt p {
    margin: 0px;
}

.mi-reserva-n .flex-reportar-flotante {
    left: 0px;
}

.anular-reserva-flotante {
    height: 665px !important;
    overflow-y: hidden !important;
}

/* Footer */
footer {
    margin-top: 100px;
    padding: 50px 0;
    background: var(--colorNegro);
    position: relative;
    overflow: hidden;
}

footer .center {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

footer .center>div:nth-child(2),
footer .center>div:nth-child(3),
footer .center>div:nth-child(4) {
    margin-top: 20px;
}

footer .contenedorLogo>img {
    margin-bottom: 40px;
}

footer .contenedorLogo a {
    display: block;
    margin-top: 5px;
}

footer h3 {
    margin-bottom: 25px;
}

footer h3 img {
    vertical-align: middle;
    margin-right: 5px;
}

footer h3,
footer a {
    color: #fff;
}

footer ul li {
    margin-bottom: 10px;
}

footer small {
    color: #fff;
    font-size: 1rem;
}

footer b {
    display: block;
    color: #fff;
    font-size: 1.5rem;
}

footer .center>div:nth-child(4) div {
    margin-bottom: 30px;
}

footer .rrss small {
    display: block;
    margin-bottom: 20px;
}

footer .rrss a {
    margin-right: 10px;
}

footer .lineas {
    width: 150px;
    position: absolute;
    right: -30px;
    bottom: -80px;
    z-index: 99;
}

.colorWhite {
    color: white;
}

/* Pop up */

.popUp {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
}

.popUp .overlay {
    background: #000;
    opacity: .5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.popUp .contenedor {
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    z-index: 9999;
}

.popUp .contenedor .titulo {
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 20px;
    position: relative;
}

.popUp .contenedor .titulo h3 {
    margin-bottom: 0;
}

.popUp .contenedor .titulo img {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.popUp .contenedor .login .form-validate-code {
    margin-bottom: 20px;
}

.popUp .contenedor .login {
    padding: 20px 80px;
    text-align: center;
}

.popUp .contenedor .login p {
    text-align: center;
}

.reportar-flotante .btnPrimary {
    margin: 0 auto;
    max-width: 140px;
    width: 100%;
    justify-content: center;
}

.popUp .contenedor .login .btnPrimary {
    margin: 0 auto;
    max-width: 250px;
    width: 100%;
    justify-content: center;
}

.popUp .contenedor .btnPrimary {
    margin: 0 auto;
    max-width: 250px;
    width: 100%;
    justify-content: center;
}

.popIniciarSesion {
    max-width: 610px;
    width: 90%;
    margin: 30px auto;
}

.popUp .contenedor .login a {
    color: var(--colorVerde);
    display: block;
    text-align: center;
    margin: 20px 0;
}

.inputSesion {
    background: url(/public/web/imagenes/i-user.svg) no-repeat 20px;
    padding-left: 50px !important;
}

.inputPass {
    background: url(/public/web/imagenes/i-pass.svg) no-repeat 20px;
    padding-left: 50px !important;
}

.iconoVer {
    position: absolute;
    right: 20px;
    top: 12px;
    cursor: pointer;
}

.popUp .contenedor .btnGroupLogin {
    text-align: center;
    padding: 0 80px 30px;
}

.btnGroupLogin div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
}

.btnGroupLogin p a {
    color: var(--colorVerde);
}

.txtPopUp {
    margin-bottom: 0;
    margin-top: 20px;
}

.txtPopUp a {
    color: var(--colorVerde);
    text-decoration: underline;
    font-weight: 500;
}

.popUpEliminarCuenta {
    text-align: center;
}

.popUpEliminarCuenta .contenedor {
    max-width: 610px;
    margin: 100px auto;
    width: 100%;
}

.popUpEliminarCuenta .contenido {
    padding: 0 80px 40px;
}

.popUpEliminarCuenta .contenedor .group-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.popUpEliminarCuenta .contenedor .group-buttons * {
    width: 180px;
    text-align: center;
}

.recuperarContrasenaPopUp {
    text-align: center;
}

.recuperarContrasenaPopUp .contenedor {
    max-width: 660px;
    margin: 100px auto;
    width: 100%;
}

.recuperarContrasenaPopUp .contenido {
    padding: 0 80px 40px;
}

.recuperarContrasenaPopUp .contenido .btnPrimary,
.btnUpdatePw {
    margin: 0 auto;
    max-width: 250px;
    width: 100%;
    justify-content: center;
}

.recuperarContrasenaPopUp input[type="text"] {
    background: url(/public/web/imagenes/i-email.svg) no-repeat 20px;
    padding-left: 60px;
}

.recuperarContrasenaPopUp fieldset {
    margin-bottom: 20px;
}

.popUpFiltros .contenedor {
    max-width: 700px;
    width: 90%;
    margin: 50px auto;
}

.popUp .contenido {
    margin: 0;
}

.carruselCategorias {
    width: 90%;
    margin: 5px auto;
    position: relative;
}

.carruselCategorias .item {
    border-radius: 10px;
    padding: 20px 10px;
    text-align: center;
    height: 100px;
    transition: all ease-in-out .1s;
    position: relative;
}

.carruselCategorias .item .check-category {
    position: absolute;
    border: 1px solid red;
    top: 38px;
    left: 43px;
    visibility: hidden;
}

.checkComodidad {
    visibility: hidden;
}

.activeCategory {
    background: #f1f1f1;
}

.img-check-relleno {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    top: 8px;
    right: 8px;
}

.active-img-check-relleno {
    display: block;
}


.limpiarFiltros {
    margin-right: 15px;
}

.paginacion {
    display: flex;
    width: 50%;
    margin: 45px auto;
    justify-content: center;
    font-size: 16px;
}

.paginacion span {
    display: inline-block;
    margin: 0 10px;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 100px;
}

.paginacion a {
    background-image: linear-gradient(to right, #33CC66, #00D6B9);
    display: inline-block;
    margin: 0 10px;
    padding: 15px;
    border-radius: 100px;
    color: white;
}

.paginacion a:hover {
    text-decoration: none;
}

.select2-container--open {
    z-index: 9999999
}

.select2-selection__rendered {
    line-height: 50px !important;
    padding-left: 20px !important;
}

.select2-container .select2-selection--single {
    height: 50px !important;
    border-radius: 2rem;
    border: 1px solid #D3D3D3;

}

.select2-selection__arrow {
    height: 50px !important;
    right: 10px !important;
}

.select2-results__option--selectable {
    margin-bottom: 0;
}

.carruselCategorias .item:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.carruselCategorias .item img {
    width: 22px;
    margin: 0 auto 10px;
}

.carruselCategorias .item h4 {
    font-size: .8rem;
    font-weight: 400;
}

.carruselCategorias .slick-slide {
    margin: 0;
}

.carruselCategorias .slick-next {
    top: 30px;
    right: -40px;
    width: 30px;
    height: 30px;
    background-size: contain;
}

.carruselCategorias .slick-prev {
    top: 30px;
    left: -40px;
    width: 30px;
    height: 30px;
    background-size: contain;
}

.slick-list {
    width: 100%;
    overflow: hidden;
}

.contenedorDobleWizard {
    display: grid;
}

.contenedorDoble {
    display: grid;
    grid-template-columns: 1fr;
    border-top: 1px solid #ccc;
}

.contenedorDoble .precios,
.contenedorDoble .comodidades,
.contenedorDoble .region,
.contenedorDoble .calendario {
    padding: 30px 10px;
    border-bottom: 1px solid #ccc;
}

.tagsGroup {
    margin: 10px 0 20px;
}

.tag {
    grid-column-gap: 5px;
    padding: 10px 35px 10px 15px;
    border-radius: 0 25px 25px 25px;
    border: 1px solid #ccc;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
    display: inline-flex;
    margin-bottom: 5px;
}

.comodidades .tagsGroup .tag {
    display: none;
    margin: 5px 5px 5px 0;
}

.wp-video-main {
    display: block;
    margin: 15px auto;
}

.cross {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 14px;
    top: 12px;
    z-index: 1;
}

.tag:hover:after {
    background: url(/public/web/imagenes/i-close-verde.svg) no-repeat;
    background-size: contain;

}

.tag:hover {
    border-color: var(--colorVerde);
    color: var(--colorVerde);
}

.hidden {
    display: none !important;
}

.tituloComodidad h3 {
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    margin-left: 5px;
}

.tituloComodidad .enlace {
    margin-left: 10px;
    display: inline-block;
    vertical-align: super;
}

.container {
    position: relative;
    width: 100%;
    margin: 30px 0;
}

.values small {
    font-size: .9rem;
    color: var(--colorGris);
    padding-left: 10px;
}

input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    outline: none;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    background-color: transparent;
    pointer-events: none;
}

.slider-track {
    width: 100%;
    height: 3px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    background: #D4D4D4;
}

input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: 5px;
}

input[type="range"]::-moz-range-track {
    -moz-appearance: none;
    height: 5px;
}

input[type="range"]::-ms-track {
    appearance: none;
    height: 5px;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 1.7em;
    width: 1.7em;
    background-color: #fff;
    cursor: pointer;
    margin-top: -9px;
    pointer-events: auto;
    border-radius: 50%;
    border: 1px solid var(--colorGris);
}

input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 1.7em;
    width: 1.7em;
    cursor: pointer;
    border-radius: 50%;
    pointer-events: auto;
}

input[type="range"]::-ms-thumb {
    appearance: none;
    height: 1.7em;
    width: 1.7em;
    cursor: pointer;
    border-radius: 50%;
    pointer-events: auto;
}

input[type="range"]:active::-webkit-slider-thumb {
    background-color: #ffffff;
    border-color: var(--colorGrisOscuro);
}



/* Tooltip */

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 370px;
    padding: 10px 20px;
    background-color: var(--colorNegro);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 100;
    opacity: 0;
    transition: opacity 1s;
    line-height: 23px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 20px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tooltip .tooltiptext:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 20px;
    width: 20px;
    background: url(/public/web/imagenes/triangle.svg) no-repeat;
    background-size: contain;
    bottom: -19px;
    content: ' ';
}

/* Select 2 */

.nice-select {
    border-radius: 100px;
    width: 100%;
}

.nice-select:after {
    border-bottom: 2px solid var(--colorVerde);
    border-right: 2px solid var(--colorVerde);
}

.contenedorDoble .calendario {
    border-bottom: 1px solid #ccc;
}

.contenedorDoble .calendario .content {
    text-align: left;
}

.contenedorDoble .region .selectores {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    /* width: 80%; */
}

.contenedorDobleWizard .region .selectores {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
}

.selectores2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
}

.footerPop {
    padding: 20px 0;
    display: flex;
    justify-content: center;
    border-top: 1px solid #ccc;
    grid-column-gap: 20px;
}

.footerPop .btn {
    width: 200px;
    justify-content: center;
}


.contenido {
    margin-top: 88px;
}

.mapa {
    margin-bottom: 70px;
    position: relative;
}

.contenidoIndex {
    margin-top: 120px;
}

.resultadoBusqueda .tagsGroup div {
    display: inline-block;
    padding: 20px 0;
}

.resultadoBusqueda .tagsGroup {
    padding: 20px 30px;
    border: 1px solid #ccc;
    border-radius: 0px 50px 50px 50px;
}

.resultadoBusqueda .tagsGroup .tag {
    display: inline-block;
    margin-bottom: 0;
}

.resultadoBusqueda .tagsGroup .tag:after {
    top: 18px;
}

.resultadoBusqueda .tagsGroup .categoria {
    padding-right: 10px;
}

.resultadoBusqueda .tagsGroup .enlace {
    margin-left: 10px;
}

.grillaResultado {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 40px;
    margin-bottom: 100px;
}


.introAnfitrion {
    background: var(--colorNegro);
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    height: 700px;
    margin-bottom: 70px;
}

.introAnfitrion .imagenApoyo {
    width: 100%;
    height: 700px;
    object-fit: cover;
}

.introAnfitrion .texto {
    justify-self: center;
    max-width: 410px;
    width: 100%;
    padding-top: 70px;
    position: relative;
    z-index: 99;
}

.introAnfitrion .texto h1 {
    font-size: 3rem;
    color: #eaeaea;
}

.introAnfitrion .texto p {
    color: #eaeaea;
}

.introAnfitrion .texto .enlace {
    color: #eaeaea;
    display: block;
    margin-bottom: 50px;
}

.introAnfitrion .texto img {
    margin-bottom: 70px;
    width: 200px;
}

.introAnfitrion .texto .btnPrimary {
    margin-top: 40px;
}

.introAnfitrion .vectores {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
}

.seccionAnfitrion {
    margin: 150px 0;
}

.seccionAnfitrion h2 {
    width: 60%;
    text-align: center;
    margin: 0 auto 50px;
    line-height: 50px;
}

.seccionAnfitrion .imagenes img {
    width: 100%;
    height: 550px;
    object-fit: cover;
}

.seccionApp {
    background: var(--colorNegro);
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 600px;

}

.seccionApp .imagenApoyo {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.seccionApp .texto {
    max-width: 500px;
    width: 100%;
    padding: 0 50px;
    justify-self: center;
    align-self: center;

}

.seccionApp .texto h2 {
    color: #fff;
    margin-bottom: 30px;
}

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

.seccionFinal .btnBig {
    margin: 50px auto;
}



/* Detalle anuncio */

.cabeceraAnuncio {
    position: relative;
}

.cabeceraAnuncio h1 {
    font-size: 2rem;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
}

.cabeceraAnuncio .valoracion {
    display: inline-flex;
    position: relative;
    top: -3px;
}

.cabeceraAnuncio>.enlace {
    margin-bottom: 20px;
    display: block;
    width: max-content;
}

.cabeceraAnuncio .valoracion .enlace {
    margin-left: 10px;
}

.cabeceraAnuncio .ubicacion img {
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.cabeceraAnuncio .shareButtons {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    grid-column-gap: 10px;

}

.galeriaImagenes {
    margin: 40px 0;
    max-height: 400px;
    overflow: hidden;
}

.galeriaImagenes .slick-track {
    display: flex;
}

.galeriaImagenes .slick-prev {
    left: 20px;
    top: 45%;
}

.galeriaImagenes .slick-slide img {
    width: 100%;
    border-radius: 20px;
    height: 370px;
    object-fit: cover;
}

.galeriaImagenes .slick-slide video {
    width: 100%;
    border-radius: 20px;
    height: 400px;
    object-fit: cover;
}

.galeriaImagenes .play-icon {
    position: absolute;
    width: 50px !important;
    height: 50px !important;
    pointer-events: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.galeriaImagenes .slick-next {
    right: 50px;
    top: 45%;
}

.galeriaImagenes div {
    position: relative;
    height: auto;
}

.galeriaImagenes div a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.topbox_title_wrap {
    display: none;
}

.topbox_content {
    height: 90vh;
}

.topbox_skin_darkroom .topbox_next:before {
    content: '.';
    width: 52px;
    height: 52px;
    background-image: url(/public/web/imagenes/i-next-gallery.svg);
    background-repeat: no-repeat;
    display: block;
    font-size: 0;
}

.topbox_skin_darkroom .topbox_prev:before {
    content: '.';
    width: 52px;
    height: 52px;
    background-image: url(/public/web/imagenes/i-prev-gallery.svg);
    background-repeat: no-repeat;
    display: block;
    font-size: 0;
}

.topbox_skin_darkroom .topbox_close:before {
    content: "Cerrar ventana";
    padding-left: 25px;
    background: url(/public/web/imagenes/i-close-galeria.svg) no-repeat -1px 2px;
}

.topbox_skin_darkroom .topbox_close {
    font-size: 1rem;
}

.topbox_skin_darkroom .topbox_prev,
.topbox_skin_darkroom .topbox_next,
.topbox_skin_darkroom .topbox_close {
    opacity: 1;
}

.topbox_skin_darkroom .topbox_close {
    margin: 10px;
}

.topbox_wrapper:after {
    content: ' ';
    background: url(/public/web/imagenes/b.svg) no-repeat;
    width: 42px;
    height: 50px;
    position: absolute;
    left: 40px;
    top: 30px;
}

.topbox_skin_darkroom .topbox_fill {
    background: rgba(0, 0, 0, 0.9);
}

.cuerpoAviso {
    display: grid;
    grid-template-columns: 1fr 450px;
    grid-column-gap: 50px;
    margin-top: 70px;
    border-bottom: 1px solid #eee;
    padding-bottom: 70px;
}

.cuerpoAviso h2 {
    font-size: 1.6rem;
}

.borderBottom {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

.cuerpoAviso .comodidades {
    padding-bottom: 50px;
}

.tituloComodidad h2 {
    display: inline-block;
    margin-right: 10px;
}

.cuerpoAviso .tagGroup {
    margin-top: 20px;
}

.formPaso3 .wp-comodidad {
    position: relative;
    display: inline-block;
    margin: 15px auto 30px;
}

.formPaso5 .wp-comodidad {
    position: relative;
    display: inline-block;
    margin: 15px auto 0px;
}

.wp-comodidad {
    position: relative;
    display: inline-block;
}

.cuerpoAviso .tag {
    padding: 10px 15px;
    display: inline-block;
}

.cuerpoAviso .tag::after {
    display: none;

}

.reglasEspacio ul {
    margin: 30px 0 40px;
}

.reglasEspacio ul li {
    display: flex;
    grid-column-gap: 10px;
    margin-bottom: 10px;
}

.infoAnfitrion h2 {
    margin-bottom: 40px;
}

.infoAnfitrion .info {
    display: grid;
    grid-template-columns: 70px 1fr;
    grid-column-gap: 20px;
    position: relative;
}

.infoAnfitrion .info .nombre {
    display: flex;
}

.infoAnfitrion .info .nombre h3 {
    font-size: 1.5rem;
}

.infoAnfitrion .info span {
    position: absolute;
    left: 90px;
    top: 29px;
}

.infoAnfitrion .valoracion {
    margin-left: 20px;
    display: inline-flex;
    align-items: center;
    height: 30px;
}

.infoAnfitrion .descripcion {
    padding-left: 90px;
    margin-top: 30px;
}

.infoAnfitrion .descripcion .enlace {
    margin-top: 30px;
    display: block;
    width: max-content;
}

.opiniones {
    padding: 70px 0;
}

.opiniones h2 {
    font-size: 1.6rem;
    text-align: center;
}

.opiniones .valoracion {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: max-content;
}

.opiniones .valoracion span {
    margin-bottom: 0;
    padding-left: 10px;
}

.opiniones .grilla {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 50px;
}

.cardOpinion {
    padding: 30px;
    border-radius: 20px;
    border: 1px solid #eee;
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-column-gap: 20px;
}

.cardOpinion .avatar.thumb-img-profile {
    object-fit: cover;
    border-radius: 50%;
    width: 80px;
    height: 80px;
}

.cardOpinion h3 {
    margin-bottom: 0;
}

.cardOpinion span {
    display: block;
}

.opiniones .ghostNegro {
    margin: 50px auto 0;
}

.espaciosSugeridos h2 {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 50px;
}

.espaciosSugeridos .grilla {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 30px;
}


.detalleAviso {
    border-radius: 10px;
    padding-bottom: 20px;
    -webkit-box-shadow: 0px 0px 21px -5px rgb(189 192 204 / 48%);
    box-shadow: 0px 0px 21px -5px rgb(189 192 204 / 48%);
}

.detalleAviso .cabecera {
    padding: 20px 30px;
    border-bottom: 1px solid #eee;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.detalleAviso .cabecera .precio b {
    font-size: 1.5rem;
}

.detalleAviso .cabecera .precio small {
    padding-left: 10px;
}

.detalleAviso .cabecera .valoracion {
    justify-self: right;
}

.detalleAviso .cabecera .valoracion .enlace {
    margin-left: 10px;
    text-decoration: none;
}

.detalleAviso .cabecera .valoracion img {
    position: relative;
    top: 3px;
}

.detalleAviso .cuerpo {
    padding: 20px 30px;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.detalleAviso .cuerpo .item {
    padding: 20px;
    border: 1px solid #E0E0E0;
    border-radius: 0px 20px 20px 20px;
    margin-bottom: 20px;
    position: relative;
}

.detalleAviso .cuerpo .item:first-child:after {
    content: ' ';
    height: 21px;
    width: 1px;
    background: #E0E0E0;
    position: absolute;
    left: 30px;
    bottom: -21px;
}

.detalleAviso .cuerpo ul li {
    display: flex;
    margin-bottom: 10px;
    grid-column-gap: 10px;
}

.detalleAviso .cuerpo ul li:last-child {
    margin-bottom: 0;
}

.detalleAviso .cuerpo .ghostNegro {
    margin: 0 auto;
}

.detalleAviso .total {
    padding: 20px 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.detalleAviso .total span {
    margin-bottom: 0;
}

.detalleAviso .total b {
    justify-self: right;
    font-size: 1.5rem;
}

.detalleAviso .btnPrimary {
    font-size: 1.2rem;
    width: 70%;
    margin: 20px auto 0;
    justify-content: center;
    padding: 15px;
}

/*
.calendar{
    width: 265px !important;
    margin: auto;
}
*/
.abrirFiltros {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    padding: 15px;
    text-align: center;
}

.popUpFechas .contenedor {
    max-width: 580px;
    width: 100%;
    margin: 100px auto;

}

.popUpFechas .contenido {
    margin-top: 0;
    height: 360px;
    position: relative;
}

.popUpFechas .contenido .datepicker:nth-child(1) {
    position: absolute;
    left: 40px;
    width: 320px;
    top: 40px;
}

.popUpFechas .contenido .datepicker:nth-child(2) {
    position: absolute;
    right: 40px;
    width: 320px;
    top: 40px;
}

/* Datepicker Styles */

.ui-datepicker-inline {
    width: 100%;
    font-family: 'Montserrat', sans-serif;

}

.ui-widget.ui-widget-content {
    border: 0;
    width: 266px;
}

.ui-widget-header {
    background: transparent;
    border-color: #eee;
}

.ui-datepicker-calendar {
    border: 1px solid #eee;
    border-radius: 10px;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    border: 0;
    background: transparent;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.5em 0;
    width: 260px;
    background: #fff;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 10px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 10px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 10px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 10px;
}

.ui-datepicker table {
    border-collapse: inherit;
    /* padding: 10px; */
}

.ui-datepicker .ui-datepicker-next {
    right: 12px;
}

.ui-datepicker-next span {
    background: url(/public/web/imagenes/i-next-calendar.svg) !important;
}

.ui-datepicker .ui-datepicker-prev {
    left: 12px;
}

.ui-datepicker-prev span {
    background: url(/public/web/imagenes/i-prev-calendar.svg) !important;
}

.ui-datepicker .ui-datepicker-prev {
    top: 4px
}

.ui-icon {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.ui-datepicker th {
    text-align: center;
    padding: 5px 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    text-align: center;
    margin: auto;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: #ffc3c3;
    color: #454545;
}

.ui-datepicker-calendar .date-blocked {
    background: #ffc3c3;
    border-radius: 50px;
    color: #454545;
}

.ui-datepicker td span,
.ui-datepicker td a {
    height: 31px;
    width: 31px;
    border-radius: 100px;
}

.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover {
    background-color: transparent;
    border: 0;
    top: 2px;
}

.popUpShare .contenedor {
    max-width: 600px;
    width: 90%;
    padding-bottom: 50px;
    margin: 100px auto;
}

.popUpShare .datosEspacio>img {
    width: 80px;
    height: 80px;
    border-radius: 10px;
}

.popUpShare .datosEspacio {
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-column-gap: 25px;
    align-items: center;
    margin: 30px 50px;
}

.popUpShare .datosEspacio .texto {
    position: relative;
}

.popUpShare .datosEspacio .texto h3 {
    display: inline-block;
    margin-right: 15px;
}

.popUpShare .datosEspacio .texto .valoracion {
    display: inline-flex;
}

.popUpShare .datosEspacio .texto .valoracion img {
    position: relative;
    top: -1px;
}

.popUpShare .datosEspacio .texto .ubicacion {
    position: absolute;
    bottom: 0px;
    left: 0;
}

.popUpShare .grilla {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0 50px;
}

.popUpShare .grilla span {
    margin-bottom: 0;
}

.popUpShare .grilla div {
    display: flex;
    align-items: center;
    grid-column-gap: 15px;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 20px;
    position: relative;
}

.popUpShare .grilla div a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.perfilAnfitrion {
    margin-top: 50px;
}

.infoAnfitrion .info {
    grid-template-columns: 140px 1fr;
}

.infoAnfitrion .info span {
    left: 160px;
}

.resumenAnfitrion .descripcion {
    margin-top: 50px !important;
}

.infoAnfitrion .descripcion {
    padding-left: 160px;
    margin-top: 0;
    position: relative;
    top: -21px;
    width: 80%;
}

.infoAnfitrion .info .valoracion .enlace {
    margin-left: 10px;
}

.contenedorPerfil {
    margin-left: 160px;
    border-top: 1px solid #eee;
    padding-top: 70px;
}

.contenedorPerfil h2 {
    font-size: 1.6rem;
}

.carruselPerfil {
    margin-top: 50px;
}

.carruselPerfil .slick-prev {
    top: -86px;
    right: 70px;
}

.carruselPerfil .slick-next {
    top: -86px;
    right: 20px;
}

.contenedorPerfil .opiniones {
    border-top: 1px solid #eee;
}

.contenedorPerfil .opiniones h2 {
    text-align: left;
    display: inline-block;
}

.contenedorPerfil .opiniones .valoracion {
    margin: 0 0 0 20px;
    display: inline-flex;
}

.contenedorPerfil .opiniones .ghostNegro {
    margin: 50px auto;
}

.contenedorPerfil .opiniones .grilla {
    margin-top: 20px;
}

.grillaReserva {
    display: grid;
    grid-template-columns: 1fr 600px;
    align-items: center;
    position: relative;
}

.grillaReserva .contenidoResumen {
    justify-self: center;
}

.grillaReserva .imagenApoyo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    bottom: -4px;
}

.grillaReserva .enlace {
    display: block;
    width: max-content;
    margin-bottom: 100px;
}

.resumenReserva h2 {
    font-size: 1.5rem;
    text-align: center;
}

.resumenReserva .contenedor {
    padding: 20px;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    max-width: 550px;
    width: 100%;
}

.resumenReserva .header {
    display: grid;
    grid-template-columns: 130px 1fr;
    grid-column-gap: 30px;
    align-items: center;
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E0E0E0;
}

.resumenReserva .header h3 {
    margin-bottom: 0;
}

.resumenReserva .texto {
    position: relative;
}

.resumenReserva .texto span {
    display: block;
    color: var(--colorGris);
    margin: 5px 0;
}

.resumenReserva .texto h3 {
    display: inline-block;
    margin-right: 20px;
}

.resumenReserva .texto small {
    margin-left: 10px;
    color: var(--colorGris);
}

.resumenReserva .header .valoracion {
    display: inline-flex;
    height: 16px;
}

.resumenReserva .header .imagenPrevia {
    object-fit: cover;
    width: 130px;
    height: 100px;
    border-radius: 10px;
}

.resumenReserva .item {
    padding: 15px 20px;
    border: 1px solid #E0E0E0;
    border-radius: 0px 20px 20px 20px;
    margin-bottom: 10px;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
    position: relative;
}

.resumenReserva .item:after {
    content: ' ';
    height: 10px;
    width: 1px;
    background: #E0E0E0;
    position: absolute;
    left: 30px;
    bottom: -11px;
}

.resumenReserva .item:last-child:after {
    display: none;
}

.resumenReserva .item span {
    margin-bottom: 0;
    width: 105%;
}

.resumenReserva .item img {
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 10px;
}

.resumenReserva .footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid #E0E0E0;
    margin-top: 20px;
    padding: 20px 0 5px;
    align-items: center;
}

.resumenReserva .footer span {
    margin-bottom: 0;
}

.resumenReserva .footer b {
    font-size: 1.5rem;
    justify-self: right;
}

.contenidoResumen .textoTerminos {
    text-align: center;
    display: block;
    margin: 30px 0;
}

.contenidoResumen .textoTerminos .enlace {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 0;
}

.contenidoResumen .btnPrimary {
    padding: 10px;
    margin: 0 auto;
    width: 300px;
    justify-content: center;
}

.grillaReserva .vectores {
    position: absolute;
    bottom: 0;
    left: 56%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 180px;
}

.logueado {
    grid-template-columns: 170px 1fr 380px;
}

.infoUser {
    position: relative;
}

.infoUser .caja {
    border-radius: 100px;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    columns: var(--colorNegro);
    display: block;
    padding: 10px 20px 10px 15px;
    margin-bottom: 0;
    width: 100%;
    position: relative;
    cursor: pointer;

}

.infoUser span span {
    margin-bottom: 0;
}

.infoUser span .img-avatar {
    width: 30px;
    height: 30px;
    margin-right: 8px;
    vertical-align: middle;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    object-fit: cover;
}

.infoUser span .triangle {
    position: absolute;
    right: 15px;
    width: 8px;
    top: 20px;
}

.infoUser span:hover .infoUser ul {
    visibility: visible;
}

.infoUser ul {
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 60px;
    width: 240px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 0px 11px -4px rgba(0, 0, 0, 0.27);
    box-shadow: 1px 0px 11px -4px rgba(0, 0, 0, 0.27);
    padding: 10px 0;
}

.infoUser ul li {
    margin-bottom: 0;
}

.infoUser ul li a {
    display: block;
    padding: 5px 20px;
}

.infoUser ul li a:hover {
    background: #f1f1f1;
    text-decoration: none;
}

.tituloBienvenida {
    margin-bottom: 50px;
}

.miCuenta {
    max-width: 1000px;
    width: 80%;
    margin: 150px auto 0;
}

.miCuenta h1 {
    margin-bottom: 30px;
}

.miCuenta .enlace {
    display: block;
    width: max-content;
    margin-bottom: 40px;
}

.grillaCuenta {
    /* display: grid;
    grid-template-columns: 1fr 1fr 1fr; */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 30px;
}

.grillaCuenta div {
    border: 1px solid #D6D6D6;
    text-align: center;
    padding: 50px 0;
    border-radius: 10px;
    position: relative;
}

.grillaCuenta .item {
    width: 320px;
    height: 169px;
}

.grillaCuenta div a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.grillaCuenta div img {
    margin-bottom: 10px;
    width: 30px;
    height: 30px;
}

.grillaCuenta h3 {
    margin-bottom: 0;
}



.accordion {
    background-color: transparent;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.active,
.accordion:hover {
    background-color: transparent;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

/* .active:after {
    content: "\2212";
  } */

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}


.acordeonItem {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

.acordeonItem:hover {
    border-color: var(--colorNegro);
}


.grillaPropiedades {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
}

.grillaPropiedades.gap-20 {
    gap: 20px;
}


.propiedadCard {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #E0E0E0;
}

.propiedadCard>img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.propiedadCard .texto {
    padding: 20px;
}

.propiedadCard h3 {
    margin-bottom: 0;
}

.propiedadCard span {
    display: block;
    margin-bottom: 0;
    color: var(--colorGris);
}

.propiedadCard .espacios img {
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -2px;
}

.propiedadCard .detalle-propiedad {
    display: flex;
    justify-content: space-between;
    /* margin-top: 20px; */
    align-items: center;
}

.propiedadCard .detalle-propiedad .icono-edit {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/public/web/imagenes/i-check.svg);
}

.propiedadCard .detalle-propiedad a {
    display: flex;
    text-decoration: none;
}

.agrearNuevo {
    border: 1px dashed #ccc;
    border-radius: 10px;
    display: grid;
    justify-content: center;
    align-content: center;
    text-align: center;
    background: #F8F8F8;
    position: relative;
    /* height: 300px; */
}

.agrearNuevo a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.agrearNuevo img {
    margin-bottom: 10px;
}

.agrearNuevo h3 {
    line-height: 25px;
}

.agrearNuevo .content {
    width: 150px;
}

.nuevoAviso .content {
    width: max-content;
}

.grillaAvisos {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-column-gap: 20px;
}

.carruselAvisos .nuevoAviso {
    height: 393px;
}

.carruselAvisos .nuevoAviso .content {
    margin: 150px auto;
    text-align: center;
}

.carruselAvisos .nuevoAviso .content img {
    margin: 0 auto;
}



/* Style the tab */
.tab {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
}

/* Change background color of buttons on hover */
.tab button:hover {
    font-weight: 500;
}

/* Create an active/current tablink class */
.tab button.activeTab {
    font-weight: 500;
}

.tab button.activeTab:before {
    content: ' ';
    position: absolute;
    bottom: 0;
    height: 3px;
    left: 0;
    background-color: var(--colorGrisOscuro);
    width: 100%;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 40px 20px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

/* Codigo registrar */
.form-validate-code {
    display: none;
}

.form-validate-code .p_errores {
    margin-bottom: 20px;
    display: block;
}

.codigo-cuadros {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 10px;
    margin-bottom: 40px;
}

.codigo-n {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    background: #FFFFFF;
    border: 1px solid #D5D4D4 !important;
    border-radius: 10px !important;
    width: 47px !important;
    height: 53px;
    padding: 5px 18px !important;
    outline: none;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}

.agregarPlus {
    font-weight: 500;
}

.agregarPlus img {
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
}

.itemPago {
    display: grid;
    grid-template-columns: 24px 1fr;
    grid-column-gap: 20px;
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    max-width: 350px;
    border-radius: 0px 20px 20px 20px;
    position: relative;
}

.itemPago .icono {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 20px;
    top: 30px;
    background: url(/public/web/imagenes/i-check.svg);
    cursor: pointer;
}

.itemPago:hover .icono {
    background: url(/public/web/imagenes/i-trash.svg);
}

.itemPago span {
    display: block;
    margin-bottom: 0;
    color: var(--colorGris);
}

.formaDePago .contenedor {
    max-width: 700px;
    width: 90%;
    margin: 100px auto;
}

.formaDePago .footer,
.popUpFiltros .footer {
    padding: 20px;
    border-top: 1px solid #ccc;
    display: flex;
    grid-column-gap: 20px;
    justify-content: center;
}

.formaDePago .footer .btnPrimary,
.popUpFiltros .footer .btnPrimary {
    width: 150px;
    justify-content: center;
}

.formaDePago fieldset {
    margin-bottom: 20px;
}

.formaDePago .checkbox {
    text-align: center;
    display: block;
    margin: 0 0 10px;
}

.formaDePago .doble {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
}

.formaDePago .contenido {
    padding: 20px 80px;
}

.grillaInfoPersonal {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-column-gap: 40px;
    margin-top: 70px;
}

.avatar.thumb-img-profile {
    object-fit: cover;
    border-radius: 50%;
    width: 122px;
    height: 122px;
}

.avatar.medium-img-profile {
    object-fit: cover;
    border-radius: 50%;
    width: 122px;
    height: 122px;
}

.avatar {
    position: relative;
}

.avatar img {
    width: 200px;
    height: 200px;
    border-radius: 10000px;
    object-fit: cover;
}

.avatar:hover .overlay {
    opacity: 1;
}

.avatar .overlay {
    background: #00000094;
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 200px;
    border-radius: 10000px;
    display: grid;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

.avatar .overlay span {
    margin-bottom: 0;
    color: #fff;
}

.avatar:after {
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 99;
    content: ' ';
    width: 41px;
    height: 40px;
    background: url(/public/web/imagenes/i-camara.svg);
}

.datoPerfil {
    position: relative;
    padding: 30px 20px;
    border-top: 1px solid #ccc;
}

.datoPerfil fieldset {
    margin-bottom: 0;
}

.datoPerfil input[type="text"],
.datoPerfil input[type="date"],
.datoPerfil textarea {
    max-width: 400px;
    font-family: 'Montserrat', sans-serif;
    resize: none;
}

.datoPerfil textarea {
    min-height: 20px;
    margin-top: 10px;
    width: 550px;
}

.datoPerfil input[type="text"]:disabled,
.datoPerfil input[type="date"]:disabled,
.datoPerfil textarea:disabled {
    border: 0;
    background: transparent;
    padding: 0;
    font-size: 1.2rem;
    font-weight: 500;
    height: 30px;
    font-family: 'Montserrat', sans-serif;
    resize: none;
    color: var(--colorNegro);
    overflow: hidden
}

.datoPerfil .enlacePerfil {
    position: absolute;
    right: 20px;
    top: 45px;
    font-weight: 500;
}

.enlacePass {
    display: flex;
    align-items: center;
    font-weight: 500;
    grid-column-gap: 10px;
    width: max-content;
    margin-top: 0px;
}

.actualizarPass fieldset {
    position: relative;
    margin-bottom: 20px;
}

.actualizarPass fieldset img {
    position: absolute;
    right: 20px;
    top: 42px;
    cursor: pointer;
}

.actualizarPass .btnPrimary {
    margin: 0 auto 30px;
}

.actualizarPass .contenido {
    padding: 30px 80px;
}

.actualizarPass p {
    margin-bottom: 0;
}

.actualizarPass .contenedor {
    max-width: 700px;
    margin: 100px auto;
}

.paginaExito {
    max-width: 700px;
    width: 80%;
    text-align: center;
    margin: 80px auto;
    min-height: 360px;
}

.paginaExito b {
    display: block;
    font-weight: 500;
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.paginaExito p {
    margin: 40px 0;
}

.paginaExito a {
    margin: 0 5px;
}

.paginaExito .botones {
    display: flex;
    justify-content: center;
    margin: 50px 0 0;
}

.paginaExito .imagen {
    margin: 0 auto;
    display: block;
}

.introAviso .texto {
    max-width: 450px;
    padding-top: 170px;
}

.introAviso .texto h1 {
    font-size: 2.5rem;
    line-height: 50px;
}

.introAviso .botones {
    display: flex;
    grid-column-gap: 20px;
}

.introRecomendacion {
    max-width: 800px;
    width: 100%;
    text-align: center;
    margin: 0 auto 100px;
}

.grillaContenido {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    align-items: center;
    max-width: 1100px;
    margin: 0 auto 100px;
}

.grillaContenido img {
    width: 500px;
    height: 400px;
    object-fit: cover;
}

.grillaContenido .texto {
    max-width: 400px;
}

.grillaContenido .texto h2 {
    line-height: 45px;
}

.grillaEsp .texto {
    grid-column-start: 2;
}

.grillaEsp .imagen {
    grid-column-start: 1;
    grid-row-start: 1;
}

.smallCenter {
    max-width: 1000px;
    width: 90%;
    margin: 40px auto;
    padding-top: 40px;
}

.tituloPasos {
    text-align: center;
    margin-bottom: 40px;
    line-height: 35px;
}

.tituloPasos b {
    display: block;
    font-weight: 500;
    font-size: 1.3rem;
}

.grillaPasoUno {
    display: grid;
    grid-template-columns: 400px 1fr;
    grid-column-gap: 50px;
    margin: 50px 0;
}

.grillaPasoUno fieldset {
    margin-top: 20px;
}

.grillaPasoUno fieldset input[type="text"].solo-lectura {
    outline: none;
    pointer-events: none;
}

.mapaPasoUno {
    margin-top: 30px;
    border-radius: 10px;
    height: 300px;
}

.inputSite {
    background: url(/public/web/imagenes/i-map-input.svg) no-repeat 15px;
    padding-left: 40px !important;
}

.pac-container {
    z-index: 10000;
}

.grillaPasoUno>div {
    position: relative;
}

.subirArchivo {
    height: 300px;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.inputStyle {
    /* background: #f1f1f1 url(/web/imagenes/i-upload-input.svg) no-repeat center center; */
    width: 100%;
    height: 290px;
    display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px;
    border: 1px dashed #ccc;
    cursor: pointer;
    object-fit: cover;
}

.messages_liveware_imagen {
    text-align: center;
    margin: 15px auto;
}

.messages-error {
    text-align: center;
    margin: 0 auto 20px;
    display: block;
}

.progressStatus {
    text-align: center;
    margin-bottom: 40px;
}

.progressStatus .circulo {
    width: 100px;
    height: 100px;
    border: 5px solid #e9e9e9;
    display: grid;
    align-content: center;
    justify-content: center;
    border-radius: 1000px;
    font-size: 2rem;
    font-weight: bold;
    margin: 0 auto 20px;
}

.botonesPasos {
    padding-top: 40px;
    border-top: 1px solid #ccc;
    display: flex;
    grid-column-gap: 20px;
    justify-content: center;
}

.botonesPasos .btnPrimary {
    width: 200px;
    justify-content: center;
}

.inputFileDoc {
    background: url(/public/web/imagenes/i-uploadF.svg) no-repeat 20px 15px;
}

.formPaso2 fieldset {
    margin-bottom: 25px;
}

.contenedorInputFile {
    position: relative;
}

.grillaDoble h3 {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    margin: 30px 0 50px;
}

.formPaso2 {
    max-width: 750px;
    width: 100%;
    margin: 0 auto 40px;
}

.formPaso2 .grillaDoble {
    margin-bottom: 40px;
}

.formPaso2 .inputStyle {
    height: 200px;
}

.formPaso2 .subirArchivo {
    height: 240px;
}

.grillaSeleccionPropiedad {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
    margin-bottom: 20px;
}

.grillaSeleccionPropiedad .propiedadCard {
    position: relative;
    opacity: .3;
    cursor: pointer;
}

.wp-check-wizard,
.check-wizard {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    color: #999;
    opacity: 0;
    cursor: pointer;
}

.wp-btn-add-property {
    display: block;
    margin: 25px auto;
    width: 212px;
}

.activeProperty {
    border: 1px solid #999 !important;
    opacity: 1 !important;
}

/* .grillaSeleccionPropiedad .propiedadCard:after{
        content: ' ';
        width: 20px;
        height: 20px;
        background: url(/public/web/imagenes/i-check-relleno.svg) no-repeat center center;
        position: absolute;
        right: 20px;
        top: 20px;
        opacity: 0;
    }  */

.grillaSeleccionPropiedad .propiedadCard:hover {
    opacity: 1;
}

.grillaSeleccionPropiedad .propiedadCard:hover:after {
    opacity: 1;
}

.grillaSeleccionPropiedad .propiedadCard.activePropiedad,
.grillaSeleccionPropiedad .propiedadCard.activePropiedad:after {
    opacity: 1;
}

.grillaCategorias {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 50px;
}

.itemCategoria {
    position: relative;
    display: grid;
    text-align: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 150px;
    border: 1px solid #ccc;
    border-radius: 10px;
    cursor: pointer;
    opacity: .3;
}

.itemCategoria:hover,
.activeCategoria {
    opacity: 1;
}

.itemCategoria .contenido,
.itemCategoria .contenido span {
    margin: 0;
}

.itemCategoria img {
    display: block;
    margin: 10px auto;
}

.notFoundCategorias {
    text-align: center;
    margin-bottom: 50px;
}

.wrapper-textarea {
    position: relative;
}

.buscarItem {
    grid-column-start: 1;
    grid-column-end: 5;
    max-width: 500px;
    margin: 0 auto 30px;
    background: url(/public/web/imagenes/i-lupa-gris.svg) no-repeat 20px;
    padding-left: 60px !important;

}

.contadorCaract {
    position: absolute;
    right: 20px;
    bottom: 15px;
    background: #fff;
}

.formPaso3 .infoBasica fieldset,
.formPaso5 .infoBasica fieldset {
    margin-bottom: 30px;
}

.formPaso3>div,
.formPaso5>div {
    padding: 40px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solod #ccc;
}

.d-none {
    display: none;
}

.centerAviso {
    max-width: 700px;
}

.inputUbicacion {
    background: #EDEDED url(/public/web/imagenes/i-map-input.svg) no-repeat 20px;
    padding-left: 50px !important;
}

.tituloUbicacion {
    display: flex;
    grid-column-gap: 10px;
    margin-bottom: 10px;
}

.tituloUbicacion h3 {
    margin-bottom: 0;
}

.datosFisicos .grilla {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    width: 370px;
}

.datosFisicos input[type="number"] {
    max-width: 150px;
}

.infoBasica fieldset:nth-child(4) input {
    max-width: 250px;
}

.infoBasica h3 {
    margin-bottom: 30px;
}

.infoBasica fieldset:nth-child(4) {
    margin-bottom: 0;
}

.popUpComodidades,
.popUpComodidadesWizard {
    z-index: 99999;
}

.popUpComodidades .tagGroup .tag,
.popUpComodidadesWizard .tagGroup .tag {
    display: inline-block;
    margin-bottom: 10px;
    padding: 10px 25px;
}

.popUpComodidades .tagGroup .tag::after,
.popUpComodidadesWizard .tagGroup .tag::after {
    display: none;
}

.popUpComodidades .contenido,
.popUpComodidadesWizard .contenido {
    padding: 20px 80px;
    text-align: center;
    max-height: 500px;
    overflow: auto;
}

.popUpComodidades .contenedor,
.popUpComodidadesWizard .contenedor {
    max-width: 700px;
    margin: 100px auto;
}

.popUpComodidades .footer,
.popUpComodidadesWizard .footer {
    display: grid;
    grid-template-columns: 150px 150px;
    padding: 20px;
    justify-content: center;
    grid-column-gap: 20px;
    border-top: 1px solid #ccc;
}

.popUpComodidades .items,
.popUpComodidadesWizard .items {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column-gap: 30px;
}

.popUpComodidades .items span {
    margin-bottom: 0;
}

.activeComodidad {
    border-color: var(--colorVerde);
    color: var(--colorVerde);
}

.reglasAdicionales {
    margin: 0 40px;
}

.cargarFotos {
    background-image: url(/public/web/imagenes/cargar-fotos.svg);
}

.cargarVideo {
    background-image: url(/public/web/imagenes/cargar-video.svg);
}

.grillaCargarImagenes {
    margin-bottom: 40px;
}

.galeriaImagenesUpload {
    padding-top: 50px;
}

.galeriaImagenesUpload h3 {
    text-align: center;
}

.grillaGaleria {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 40px;
}

.grillaGaleria img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
}

.grillaGaleria .item {
    position: relative;
    height: 200px;
}

.grillaGaleria .item .overlay {
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    z-index: 9;
    background-image: linear-gradient(#ffffff00, #0000007d);
}

.grillaGaleria .item .deleteItem img {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 20px;
    bottom: 0px;
    z-index: 99;
    cursor: pointer;
}

.galeriaImagenesUpload h3,
.contenedorVideo h3 {
    margin-bottom: 40px;
}

.contenedorVideo {
    padding: 40px 0;
    text-align: center;
}

.contenedorVideo .video {
    margin-bottom: 40px;
}

.contenedorVideo span {
    display: block;
}

.paddingTopNone {
    padding-top: 0;
}

.popUpReglas .contenedor {
    max-width: 700px;
    width: 90%;
    margin: 100px auto;
}

.popUpReglas .contenido {
    padding: 20px;
    text-align: center;
}

.reglasGroup .tag {
    display: block;
    text-align: left;
}

.reglasGroup .tag:after {
    display: none;
}

.reglasGroup {
    padding: 0 100px;
}

.popUpReglas .footer {
    display: flex;
    padding: 20px;
    justify-content: center;
    grid-column-gap: 20px;
    border-top: 1px solid #ccc;
}

.popUpReglas .items {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column-gap: 30px;
}

.popUpReglas .items span {
    margin: 0;
}


.popUpRegistro {
    max-width: 550px;
    width: 90%;
    margin: 50px auto;
}

.popUpRegistro .contenido {
    padding: 20px 50px;
    text-align: center;
}

.popUpRegistro .contenido input:last-child {
    margin-bottom: 0;
}

.popUpRegistro label {
    text-align: left;
}

.text-danger {
    color: red !important;
    font-size: 13px;
}

/* spinner */

.bannerInterna {
    margin-top: 90px;
    display: grid;
    height: 150px;
    position: relative;
}

.bannerInterna .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: .5;
}

.bannerInterna h1 {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 60px;
    color: #fff;
}

.bannerInterna img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    object-position: center;
}

.centerSmall {
    max-width: 800px;
    width: 90%;
    margin: 50px auto;
}

.imagenEditable {
    width: 100%;
    height: 300px;
    object-fit: cover;
    margin: 20px 0;
}

/* spinner */

.loading-buttons {
    position: relative;
    width: 200px;
    margin: auto;
}

.loading-buttons.auto-width {
    width: auto;
    margin: 0px;
}

.loading-buttons-small {
    position: relative;
    width: 100px;
}

.lds-dual-ring-avatar {
    position: absolute;
    top: 65px;
    left: 73px;
    width: 42px;
    height: 12px;
    display: none;
}

.lds-dual-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.lds-dual-ring-small {
    position: absolute;
    top: 11px;
    left: 42px;
    width: 12px;
    height: 12px;
    display: none;
}

.lds-dual-ring:after,
.lds-dual-ring-small:after {
    content: " ";
    display: block;
    width: 12px;
    height: 12px;
    margin: 5% auto;
    border-radius: 50%;
    border: 2px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}


.lds-dual-ring-avatar:after {
    content: " ";
    display: block;
    width: 50px;
    height: 50px;
    margin: 5% auto;
    border-radius: 50%;
    border: 2px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }

}

@keyframes lds-dual-ring-small {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }

}

.hidden {
    display: none;
}

.alertify-notifier,
.alertify {
    z-index: 999999 !important;
    color: white;
    text-align: center;
}

.saveInfo {
    display: block;
    margin-top: 5px;
    width: 100px;
}

.custom__form input {
    opacity: 0;
    height: 0;
    display: none;
}

.custom__image-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.custom__image-container label {
    background: #00000094;
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 200px;
    border-radius: 10000px;
    display: grid;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

#login {
    text-align: center;
    max-width: 400px;
    width: 92%;
    margin: 0 auto;
}

#login figure {
    margin-bottom: 24px;
}

#login label {
    display: none;
}

#login .form-group {
    margin-bottom: 20px;
}

input[readonly] {
    background-color: #f9f9f9;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #00D6B9;
    color: white;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #ffffff;
    margin: auto;
}



/* Estilos blog */

.cabeceraBlog {
    position: relative;
}

.cabeceraBlog img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.cabeceraBlog .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 400px;
    background: rgba(0, 0, 0, 0.276);
}

.cabeceraBlog .titulo {
    position: absolute;
    top: 150px;
    left: 0;
    width: 100%;
    text-align: center;
}

.cabeceraBlog h1,
.cabeceraBlog span {
    color: #fff;
}

.cabeceraBlog h1 {
    font-size: 4rem;
    font-weight: 800;
}

.cabeceraBlog span {
    position: relative;
    top: 5px;
    font-size: 1.5rem;
}

.cabeceraBlog .comeBack {
    position: absolute;
    padding: 7px 15px;
    border-radius: 100px;
    border: 1px solid #fff;
    color: #fff;
    z-index: 99;
    left: 50px;
    top: 40px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.cabeceraBlog .comeBack img {
    width: 24px;
    height: 24px;
}

.contenidoBlog {
    width: 80%;
    margin: 50px auto;
}

.contenidoBlog .txtIntro {
    text-align: center;
}

.applyMin {
    min-height: 350px;
}

.articulosDestacados {
    position: relative;
    margin-top: 70px;
}

.articulosDestacados .articulo {
    display: grid;
    grid-template-columns: 300px 1fr;
    grid-column-gap: 40px;
    align-items: center;
}

.articulosDestacados .articulo img {
    width: 300px;
    height: 340px;
    object-fit: cover;
    border-radius: 10px;
}

.articulosDestacados .articulo h3 {
    font-size: 2rem;
    line-height: 40px;
}

.articulosDestacados .articulo .categoria,
.grillaArticulos .articulo .categoria {
    display: block;
    margin-bottom: 10px;
}

.articulosDestacados .articulo .categoria a,
.grillaArticulos .articulo .categoria a {
    margin-right: 10px;
    border-right: 1px solid #ccc;
    padding-right: 10px;
}

.grillaArticulos {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 150px;
}

.grillaArticulos .articulo {
    border-radius: 10px;
}

.grillaArticulos .articulo img {
    height: 330px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.grillaArticulos .articulo .texto {
    padding: 20px;
}

.grillaArticulos .articulo h3 {
    font-size: 1.2rem;
    line-height: 27px;
}

.txtCenter {
    text-align: center;
}

.contenidoBlog .txtCenter {
    margin: 70px 0 50px;
}

.categoriasBlog {
    text-align: center;
}

.categoriaBlog a {
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 100px;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 10px;
}

.cabeceraBlogDetalle img,
.cabeceraBlogDetalle .overlay {
    height: 500px;
}

.cabeceraBlogDetalle h1 {
    font-size: 3rem;
}

.cabeceraBlogDetalle .titulo {
    top: auto;
    bottom: 50px;
    text-align: left;
    left: 130px;
    width: 80%;
}

.cabeceraBlogDetalle span {
    position: relative;
    top: -5px;
    font-size: 1.1rem;
}

.contenidoBlogDetalle {
    max-width: 1000px;
    width: 70%;
    margin: 50px auto;
    position: relative;
    min-height: 150px;
}

.contenidoBlogDetalle .editable img {
    width: 100%;
    margin: 30px 0;
    height: 500px;
    object-fit: cover;
    border-radius: 10px;
}

.contenidoBlogDetalle .redesSociales {
    position: absolute;
    left: -85px;
    top: 0;
}

.contenidoBlogDetalle .redesSociales ul li {
    margin-bottom: 10px;
}

.contenidoBlogDetalle .grillaArticulos {
    margin-top: 50px;
}

.contenidoBlogDetalle .redesSociales span {
    display: none;
}

/* Fin blog */

.formularioContacto .btnPrimary {
    margin: 0 auto;
    max-width: 200px;
    width: 100%;
    display: block
}

.formularioContacto fieldset {
    margin-bottom: 20px;
}

.grecaptcha-badge {
    z-index: 99999;
    display: block !important;
}


.divPlace {
    background-color: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
    margin: 10px;
    padding: 0 0.5em;
    font: 400 18px Roboto, Arial, sans-serif;
    overflow: hidden;
    padding: 1rem;
    font-size: medium;
}

.gm-ui-hover-effect {
    display: none !important;
}

.wp-map {
    position: relative;
}

.wp-place {
    position: absolute;
    top: 100px;
    left: 60px;
    width: 350px;
    height: 350px;
    background-color: white;
    overflow: hidden;
    border-radius: 10px;
    display: none;
}

.slideshow-container {
    max-width: 350px;
    position: relative;
    margin: auto;
}

.prev {
    left: 20px;
    padding-left: 7.5px;
}

.next {
    right: 20px;
    padding-left: 9px;
}

.prev,
.next {
    padding-top: 2px;
    cursor: pointer;
    position: absolute;
    top: 36%;
    border-radius: 50%;
    height: 22px;
    width: 23px;
    margin-top: -22px;
    color: black;
    font-weight: bold;
    font-size: 13px;
    transition: 0.6s ease;
    user-select: none;
    background-color: rgba(255, 255, 255, .9);
}

.prev:hover,
.next:hover {
    background-color: rgba(255, 255, 255, .8);
    text-decoration: none;
}

/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

.close-place {
    position: absolute;
    top: 9px;
    right: 10px;
    background-color: rgba(200, 200, 200, .2);
    color: white;
    border-radius: 50%;
    padding-left: 10px;
    padding-top: 5px;
    width: 28px;
    height: 28px;
    cursor: pointer;
}

/* Fading animation */
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {

    .prev,
    .next,
    .text {
        font-size: 11px
    }
}

.mySlides {
    display: none
}

.wp-region-mobile {
    display: none;
}

.infoUser {
    width: 160px;
}


.popUpFiltros .contenido {
    margin: 0;
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden !important;
    padding: 0 20px;
}


.disponibilidadPrecio .grilla {
    display: grid;
    grid-template-columns: 400px 200px;
    grid-column-gap: 20px;
}



.select2-container--default .select2-selection--multiple {
    border-radius: 30px;
    border: solid lightgrey 1px;
    min-height: 53px;
}

.select2-container .select2-search--inline .select2-search__field {
    position: relative;
    top: -10px;
    left: 10px;
    height: 20px;
    padding-left: 10px;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    height: 27px;
    border: 0;
    left: 4px;
    color: var(--colorVerde);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fff;
    border-radius: 30px;
    padding-right: 7px;
    margin-bottom: 10px;
    border: 1px solid var(--colorVerde);
    color: var(--colorVerde);
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    padding-left: 10px !important;
}

.select2-container .select2-selection--multiple {
    max-height: 112px;
}

/* Reportar espacio */
.center-reservar {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#frm-reservar {
    width: 100%;
}

.reportar-espacio {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 16px;
    cursor: pointer;
}

.reportar-espacio p {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 65px;
    margin-bottom: 0px !important;
}

.reportar-espacio img {
    width: 20px;
}

.flex-reportar-flotante {
    display: none;
    place-items: center;
    width: 100%;
    height: 100%;
    z-index: 10000;
    position: fixed;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.396);
}

.reportar-flotante {
    width: 500px;
    height: 600px;
    overflow-y: scroll;
    border-radius: 10px;
    box-shadow: 0px 0px 21px -5px rgb(189 192 204 / 48%);
    background-color: white;
}

.encabezado-reportar {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #eee;
}

.encabezado-reportar h2 {
    margin: 0px !important;
    font-size: 18px;
}

.cerrar-reportar {
    position: absolute;
    top: 26px;
    right: 25px;
    cursor: pointer;
}

.contenido-reportar {
    padding: 30px;
}

.contenido-anulacion {
    padding: 30px;
}

input[type="radio"] {
    accent-color: #54a56f;
}

.contenido-reporte-confirmacion {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    gap: 20px;
}

.contenido-reporte-confirmacion p {
    text-align: center;
}

.contenido-anulacion-confirmacion {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    gap: 20px;
}

.contenido-anulacion-confirmacion p {
    text-align: center;
}

.inputCupon {
    position: relative;
    margin-bottom: 20px;
}

.inputCupon .btnPrimary {
    width: 120px;
    padding: 8px;
    position: absolute;
    right: 11px;
    top: -12px;
}

.descuento {
    padding: 20px 0 0;
}

.descuento a {
    display: block;
    margin-bottom: 20px;
    font-weight: 700;
    color: var(--colorVerde);
    text-decoration: none !important;
}

.detalleAviso .total .precio,
.resumenReserva .footer .precio {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: end;
}

.detalleAviso .total .precio .oldPrice,
.resumenReserva .footer .precio .oldPrice {
    font-size: 1.5rem;
    color: #5a5a5a;
    font-weight: 400;
    text-decoration: line-through;
}

.descuentoAplicado {
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.descuentoAplicado div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.leyendaDescuento {
    display: block;
    margin: 20px 0 0 20px;
}

.disponibilidad .btnGroup {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    width: 160px;
}

.disponibilidadPrecio .titulo {
    display: flex;
    gap: 12px;
}

.disponibilidadPrecio {
    display: flex;
    gap: 120px;
}


.btnDisponibilidad {
    border: 1px solid #ccc;
    border-radius: 100px;
    width: 70px;
    height: 43px;
    line-height: 39px;
    background: transparent;
    font-family: 'Montserrat';
    cursor: pointer;
    font-weight: 400;
}

.btnDisponibilidad:hover {
    background-image: linear-gradient(to right, #33CC66, #00D6B9);
    color: #fff;
    border-color: #00D6B9;
}

.btnDisponibilidad.active {
    background-image: linear-gradient(to right, #33CC66, #00D6B9);
    color: #fff;
    border-color: #00D6B9;
}

.titulo .tooltip .tooltiptext {
    bottom: 53px;
}

.precioSeccion fieldset {
    max-width: 300px;
}

/* Zoom img */
.flex-active-slide {
    overflow: hidden;
    position: relative;
}

.flex-active-slide img {
    transition: transform 0.3s ease;
    width: 100%;
}

.flex-active-slide:hover img {
    transform: scale(1.1);
}

/* .galeriaImagenesDetalle .slick-slide{
    transition: all 200ms;
}
.galeriaImagenesDetalle .slick-slide:hover {
    transform: scale(1.05); 
} */


/* Responsivo */
@media screen and (max-width: 1650px) {

    /* .flexslider-home .flex-viewport {
            max-height: 750px !important;
        } */
    .botonesSlider {
        margin: 110px;
        padding-top: 200px;
    }
}

@media screen and (max-width: 1450px) {
    .botonesSlider {
        margin: 90px;
        padding-top: 100px;
    }

    .carruselImagenes {
        height: 260px;
    }
    .carruselImagenes img {
        height: 260px;
    }
}

@media screen and (max-width: 1300px) {
    .galeriaImagenes .slick-slide img {
        height: 350px;
    }
    .carruselImagenes {
        height: 250px;
    }
    .carruselImagenes img {
        height: 250px;
    }
}

@media screen and (max-width: 1200px) {
    .carruselImagenes {
        height: 270px;
    }
    .carruselImagenes img {
        height: 270px;
    }
    .botonesSlider {
        margin: 80px;
        padding-top: 120px;
    }

    .heroSection .vectores {
        display: none;
    }

    .buscador input[type="text"]::placeholder {
        opacity: 0;
    }

    .buscador {
        grid-template-columns: 100px 150px;
        justify-content: right;
    }

    .espaciosSugeridos .grilla {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 40px;
    }

    .grillaReserva {
        grid-template-columns: 1fr 450px;
    }

    .resumenReserva .contenedor {
        border: 0;
    }

    .grillaReserva .imagenApoyo {
        height: 1000px;
    }

    /* Header */
    header {
        grid-column-gap: 50px;
        grid-template-columns: 170px 1fr 385px;
    }


}

@media screen and (max-width: 992px) {
    .botonesSlider {
        margin: 70px;
        padding-top: 50px;
    }

    .mi-reserva-n {
        grid-template-columns: 1fr;
    }

    .buscador {
        grid-template-columns: 1fr 150px;
        justify-content: right;
        margin-right: 30px;
    }

    .aviso {
        grid-template-columns: 1fr;
    }

    .aviso .texto {
        grid-row-start: 2;
        padding: 50px;
    }

    .aviso img {
        height: 340px;
        object-fit: cover;
        object-position: top;
    }

    footer .center {
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 50px;
    }

    footer .center>div:nth-child(4) {
        grid-column-start: 1;
        grid-column-end: 4;
        margin-top: 70px;
    }

    footer .center>div:nth-child(4) div {
        display: inline-block;
        margin-right: 50px;
    }

    footer .rrss small {
        display: none;
    }

    .heroSection .contenido {
        left: 50px;
        width: 85%;
    }

    header .botones .btnPrimary {
        display: none;
    }

    header {
        grid-template-columns: 170px 1fr 180px;
    }

    .introAnfitrion {
        grid-template-columns: 1fr;
        overflow: hidden;
    }

    .introAnfitrion div:nth-child(2) {
        display: none;
    }

    .introAnfitrion .texto {
        max-width: 100%;
        width: 100%;
        padding: 70px 50px;
    }

    .seccionAnfitrion h2 {
        width: 100%;
    }

    .cabeceraAnuncio .shareButtons {
        position: relative;
        margin-top: 40px;
    }

    .cuerpoAviso {
        grid-template-columns: 1fr;
        grid-row-gap: 50px;
    }

    .logueado {
        grid-template-columns: 180px 1fr 180px;
    }

    .logueado .botones {
        grid-template-columns: 1fr;
    }

    .grillaPropiedades {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 40px;
    }

    .contenedorPerfil {
        margin-left: 0;
    }

    .contenedorPerfil .opiniones h2 {
        display: block;
    }

    .contenedorPerfil .opiniones .valoracion {
        margin: 0;
    }

    .infoAnfitrion .info .nombre {
        display: block;
    }

    .infoAnfitrion .valoracion {
        margin: 10px 0 20px 0;
    }

    .contenedorPerfil h2 {
        margin-bottom: 80px;
    }

    .contenedorPerfil .opiniones h2 {
        margin-bottom: 40px;
    }

    .grillaContenido {
        grid-template-columns: 1fr;
        margin-bottom: 60px;
    }

    .grillaContenido .texto {
        max-width: 400px;
        text-align: center;
        margin: 0 auto;
    }

    .grillaContenido img {
        width: 100%;
        display: block;
        margin: 40px auto 0;
    }

    .grillaEsp .texto {
        grid-column-start: 1;
        grid-row-start: 1;
    }

    .grillaEsp .imagen {
        grid-row-start: 2;
    }

    .introAviso {
        height: 500px;
    }

    .introAviso .vectores {
        transform: none;
        right: -40px;
        left: auto;
    }

    .grillaPasoUno {
        grid-template-columns: 1fr;
        grid-row-gap: 40px;
    }

    .formPaso2 .grillaDoble {
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
    }

    .grillaDoble h3 {
        grid-column-end: 2;
    }

    .grillaResultado {
        grid-template-columns: 1fr 1fr;
    }

    .grillaReserva {
        grid-template-columns: 1fr;
        padding-bottom: 100px;
    }

    .grillaReserva .imagenApoyo {
        display: none;
    }

    .grillaReserva .vectores {
        display: none;
    }

    .grillaArticulos {
        grid-template-columns: 1fr 1fr;
    }

    .articulosDestacados .articulo {
        grid-template-columns: 1fr;
    }

    .articulosDestacados .articulo img {
        margin-bottom: 20px;
        width: 100%;
    }


}

@media screen and (max-width: 768px) {
    .buscador {
        grid-template-columns: 100px 150px;
        justify-content: right;
        margin-right: 0px;
    }

    .wp-region-desktop {
        display: none;
    }

    .wp-region-mobile {
        display: block;
    }

    .wp-region-mobile .wp-content {
        position: relative;
    }

    .wp-region-mobile .titulo {
        margin-bottom: 75px;
    }

    .wp-region-mobile .wp-content img {
        width: 100%;
        height: 227px;
        object-fit: cover;
    }

    .wp-region-mobile .wp-content .wp-text {
        position: absolute;
        top: 100px;
        left: 20px;
    }

    .wp-region-mobile .wp-content .wp-text h3 {
        font-size: 2rem;
        margin-bottom: 5px;
        color: #fff;
    }

    .wp-region-mobile .wp-content .wp-text span {
        display: block;
        margin-bottom: 10px;
        color: #fff;
    }

    .wp-region-mobile .wp-content .wp-text a {
        color: var(--colorVerde);
    }

    .slick-list {
        /* width: 200px; */
        margin: auto;
    }

    .infoUser {
        width: 100%;
    }

    .infoUser span .triangle {
        display: none;
    }

    .introAviso .botones {
        flex-direction: column;
    }

    .grillaTriple {
        grid-template-columns: 1fr;
    }

    .introAviso {
        height: auto;
    }

    /* header .botones{
            grid-template-columns: 60px;
        } */

    footer .center {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 0;
    }

    footer .center>div:nth-child(4) {
        grid-column-end: 1;
    }

    .contenedorLogo {
        grid-column-start: 1;
        grid-column-end: 4;
    }

    footer .contenedorLogo a {
        display: none;
    }

    .aviso h2 {
        font-size: 2rem;
        line-height: 2.6rem;
    }

    section .titulo h2,
    section .titulo a {
        display: block;
    }

    section .titulo a {
        margin-top: 30px;
        width: max-content;
    }

    .heroSection .texto h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .buscador input[type="text"]::placeholder {
        opacity: 0;
    }

    .btnIniciarSesion span {
        display: none;
    }

    header {
        grid-template-columns: 170px 1fr auto;
        gap: 20px;
    }

    .introAnfitrion .vectores {
        right: -70px;
        left: auto;
        transform: none;
        width: 210px;
    }

    .seccionApp {
        grid-template-columns: 1fr;
        height: auto;
    }

    .seccionApp .texto {
        width: 100%;
        padding: 50px;
        max-width: 100%;
        text-align: center;
    }

    .seccionApp .imagenApoyo {
        height: 400px;
    }

    .espaciosSugeridos .grilla {
        grid-template-columns: 1fr;
        grid-row-gap: 40px;
    }

    .opiniones .grilla {
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
    }

    .cabeceraAnuncio h1 {
        font-size: 1.7rem;
    }

    .cabeceraAnuncio .valoracion {
        margin: 16px 0;
    }

    .infoAnfitrion .info {
        display: block;
    }

    .infoAnfitrion .info span {
        left: 0;
        position: relative;
        top: 0;
    }

    .infoAnfitrion .info .nombre h3 {
        margin-bottom: 0;
    }

    .infoAnfitrion .descripcion {
        padding-left: 0;
        margin-top: 40px !important;
        position: inherit;
        top: 0;
        width: 100%;
    }

    .cardOpinion .avatar {
        margin: 0px !important;
    }

    .avatar {
        margin-bottom: 20px;
    }

    .grillaInfoPersonal {
        grid-template-columns: 1fr;
    }

    .grillaInfoPersonal .avatar {
        width: 200px;
        margin-bottom: 40px;
    }

    .actualizarPass .contenedor {
        margin: 30px auto;
    }

    .grillaCuenta {
        grid-template-columns: 1fr 1fr;
    }

    .infoUser span span {
        display: none;
    }

    .logueado {
        grid-template-columns: 50px 1fr 80px;
    }

    .grillaSeleccionPropiedad {
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
    }

    .propiedadCard>img {
        height: 300px;
    }

    .botonesPasos {
        display: block;
    }

    .botonesPasos .btnPrimary {
        width: 100%;
        margin-bottom: 20px;
    }

    .grillaCategorias {
        grid-template-columns: 1fr 1fr;
    }

    .buscarItem {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .grillaResultado {
        grid-template-columns: 1fr;
    }

    .resultadoBusqueda .tagsGroup .tag {
        display: block;
        margin-bottom: 20px;
        width: max-content;
    }

    .resultadoBusqueda .tagsGroup div {
        width: 100%;
        padding: 0rem;
    }

    .resultadoBusqueda .tagsGroup div>.tag {
        display: inline-block;
    }

    .resultadoBusqueda .tagsGroup .categoria {
        display: block;
    }

    .resultadoBusqueda .tagsGroup {
        padding: 30px;
    }

    .contenedorDoble {
        grid-template-columns: 1fr;
    }


    .contenedorDoble .colDer {
        border-left: 0;
    }

    .popUp .contenedor .login,
    .popUpEliminarCuenta .contenedor .contenido {
        padding: 20px 40px;
    }

    .popUp .contenedor .btnGroupLogin {
        padding: 0 40px 30px;
    }

    .popIniciarSesion {
        margin: 20px auto;
    }

    .grillaArticulos {
        grid-template-columns: 1fr;
    }

    .cabeceraBlogDetalle .titulo {
        left: 50px;
    }

    .cabeceraBlogDetalle h1 {
        font-size: 2rem;
    }

    .contenidoBlogDetalle .redesSociales {
        position: relative;
        left: auto;
        top: auto;
    }

    .contenidoBlogDetalle .redesSociales {
        text-align: center;
        margin-top: 50px;
    }

    .contenidoBlogDetalle .redesSociales ul li {
        display: inline-block;
        margin-right: 10px;
    }

    .contenidoBlogDetalle .redesSociales span {
        display: block;
        margin-bottom: 20px;
    }

    .contenidoBlogDetalle {
        max-width: 1000px;
        width: 100%;
        padding: 0 50px;
    }

    .popUpComodidades .contenedor,
    .popUpComodidadesWizard .contenedor,
    .popUpEliminarCuenta .contenedor {
        width: 90%;
        margin: 20px auto;
    }

    .datos-reserva-n {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 24px;
        gap: 20px;
    }

    .disponibilidadPrecio {
        display: block;
    }

    .disponibilidad .btnGroup {
        grid-template-columns: 1fr 1fr 1fr;
        width: 100%;
        max-width: 250px;
    }

    .disponibilidad {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 576px) {
    .flexslider-home .flex-viewport {
        max-height: 950px !important;
    }

    .botonesSlider {
        margin: 40px;
        padding-top: 140px;
    }

    .slides__mostrarEscritorio {
        display: none;
    }

    .slides__mostrarMovil {
        display: block;
    }

    .tabs-reservas {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .tab-anfitrion-reserva,
    .tab-visitante-reserva {
        width: 100%;
    }

    .mi-reserva-n .btn {
        width: 100%;
    }

    .row-flex-detalle {
        gap: 10px;
    }

    .formPaso3 .ubicacion {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .datosFisicos .grilla {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 20px;
        width: 100%;
    }

    .disponibilidadPrecio .grilla {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .center {
        padding: 0 20px;
    }

    footer .center {
        display: block;
    }

    footer .center>div:nth-child(3) {
        margin-top: 50px;
    }
    .footer__divAbsolute{
        position: absolute;
        top: 113px;
        left: 200px;
    }
    footer .center > div:nth-child(4) {
        margin-top: 35px;
    }
    header h1 {
        width: 44px;
    }

    header {
        grid-template-columns: 44px auto auto;
        gap: 5px;
    }

    header .botones {
        gap: 5px;
    }

    .cardOpinion {
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
    }

    .grillaCuenta {
        grid-template-columns: 1fr;
    }

    .grillaPropiedades {
        grid-template-columns: 1fr;
        grid-row-gap: 40px;
    }

    .agrearNuevo {
        height: 250px;
    }

    .grillaCargarImagenes {
        grid-template-columns: 1fr;
    }

    .grillaGaleria {
        grid-template-columns: 1fr 1fr;
    }

    .contenedorVideo .video {
        width: 100%;
    }

    .popUpShare .datosEspacio .texto h3 {
        margin-bottom: 10px;
    }

    .popUpShare .datosEspacio .texto .ubicacion {
        position: relative;
        top: auto;
        bottom: 0;
        display: block;
        margin-bottom: 0;
    }

    .contenedorDoble .region .selectores {
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
    }

    .carruselCategorias .slick-next {
        right: 0;
    }

    .carruselCategorias .slick-prev {
        left: 0;
    }

    .popUpFiltros .footer {
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 10px;
    }

    .popUpFiltros .footer .btnPrimary,
    .loading-buttons {
        width: 100%;
    }

    .popUpFiltros .footer div:first-child {
        grid-row-start: 2;
    }

    .reportar-flotante {
        width: 90%;
    }

    /* Drop idioma */
    .drop-idioma {
        grid-template-columns: 1fr;
        width: 350px;
        height: 500px;
        padding: 24px;
        gap: 24px;
        overflow: auto;
    }

    .drop-idioma__separadora {
        width: 100%;
        height: 1px;
    }

    .btn--wspp {
        bottom: 12px;
        left: 12px;
    }

    .slick-slider {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 450px) {
    .botonesSlider {
        margin: 25px;
        padding-top: 170px;
    }

    .btnMapa span {
        display: none;
    }

    .buscador {
        grid-template-columns: 100px 60px;
    }

    .cabeceraAnuncio .shareButtons {
        display: block;
    }

    .cabeceraAnuncio .shareButtons .btn {
        margin-bottom: 20px;
    }

    /* Drop idioma */
    .drop-idioma {
        width: 300px;
    }
}


/* Galeria de fotos */
.gridGaleriaFotosDetalle {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: .5rem;
    background: #fdfdfd;
    padding-top: 20px;
    padding-bottom: 20px;
}

.gridGaleriaFotosDetalle a {
    height: 220px;
    overflow: hidden;
    position: relative;
    border-radius: 15px;
}

.gridGaleriaFotosDetalle a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.gridGaleriaFotosDetalle a video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.gridGaleriaFotosDetalle a:first-child {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: span 3;
    height: 675px;
    width: 100%;
}

.ultimaFoto {
    display: flex;
    align-items: center;
    justify-content: center;
}

.etiquetaMasFotos {
    position: absolute;
    background: linear-gradient(90deg, #33CC66 0%, #00D6B9 100%);
    padding: 10px 20px;
    border-radius: 3px;
    border-radius: 100px;
    box-shadow: 20px 0px 10px 200px rgba(0, 0, 0, 0.5);
}

.etiquetaMasFotos p {
    color: white;
    margin: 0px;
}

@media (max-width: 768px) {
    .gridGaleriaFotosDetalle {
        grid-template-columns: repeat(4, 1fr);
    }

    .gridGaleriaFotosDetalle a:first-child {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: span 2;
        height: 450px;
        width: 100%;
    }
}

@media (max-width: 580px) {
    .gridGaleriaFotosDetalle {
        grid-template-columns: repeat(2, 1fr);
    }

    .gridGaleriaFotosDetalle a:first-child {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: span 2;
        height: 450px;
        width: 100%;
    }
}