/* ===========================
   GALERÍA
=========================== */

.hotel-galeria .view-content{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}


/* ===========================
   TARJETA
=========================== */

.hotel-galeria .views-row{
    position:relative;
    overflow:hidden;
    border-radius:8px;
    box-shadow:0 8px 24px rgba(0,0,0,.15);
    min-height:650px;
    transition:.3s;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.hotel-galeria .views-row:hover{
    transform:translateY(-5px);
}


/* Fondo blanco transparente */

.hotel-galeria .views-row::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.90);
    z-index:1;
}

/* Todo encima del fondo */

.hotel-galeria .views-row > *{
    position:relative;
    z-index:2;
}


/* ===========================
   IMAGEN
=========================== */

.hotel-galeria .views-field-field-fotografia{
    margin:0 !important;
    padding:0 !important;
}

.hotel-galeria .views-field-field-fotografia img{
    display:block;
    width:100%;
    height:300px;
    object-fit:cover;
}


/* ===========================
   CONTENIDO
=========================== */

/* Padding para TODOS menos la imagen */

.hotel-galeria .views-field:not(.views-field-field-fotografia){
    padding-left:30px;
    padding-right:30px;
    margin-bottom:16px;
}


/* TÍTULO */

.hotel-galeria .views-field-title{
    margin-top:25px;
    font-size:24px;
    font-weight:bold;
}


/* DIRECCIÓN */

.hotel-galeria .views-field-field-direccion{
    color:#666;
}


/* BOTÓN */

.hotel-galeria .views-field-view-node{
    display:none;
}


/* ===========================
   RESPONSIVE
=========================== */

@media (max-width:991px){

.hotel-galeria .view-content{
    grid-template-columns:repeat(2,1fr);
}

}

@media (max-width:576px){

.hotel-galeria .view-content{
    grid-template-columns:1fr;
}

}