.wp-block-acf-price,
.wp-block-acf-rooms {
    font-family: var(--wp--preset--font-family--header);
} 

/*.singlewhite {
  --top: calc(var(--menuFull) + (var(--topHeader)*4) );
  margin-top:var(--top);
  padding-block:var(--wp--preset--spacing--xl);
}*/

.singleheader  {
  --height:    50vh;
  --back:var(--wp--preset--color--contrast);
  width:  var(--wp--style--global--content-size);
  height: var(--height);
 
  margin-inline:auto;
  overflow: clip;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  border-radius:var(--radiusBase);
  background:var(--back)
}

.singleheader > *:not(video, img) {
  z-index: 2;
}
 
.singleheader > img {
  position: sticky;
  position: absolute;
  inset:0;
  object-fit: cover;
  height: 100%;
  width:  100%;
  filter: brightness(0.75);
/*  -webkit-mask: linear-gradient(180deg, rgb(0 0 0 / .85) 20%, rgb(0 0 0 / .55) 100%);*/
  pointer-events: none;
} 

.estado-promocion {

  --color:var(--wp--preset--color--grey);
  list-style: none;
  display: flex;
  gap:2px;
  overflow: hidden;
  border-radius: 4px;
  width: 100%;
}

.estado-promocion li {
  height: 6px;
  width:  25%;
  background: var(--color);
}

.estado-promocion li.estado-activo { 
  --color:var(--wp--preset--color--contrast); 
}


.estado-promocion span {
    display: inline-flex;
    border:2px solid var(--color);
    color: var(--color);  
    padding: 20px 10px;
}

 

.wideheader .estado-promocion                { --color:rgb(255 255 255 / .35); }
.wideheader .estado-promocion .estado-activo { --color:var(--wp--preset--color--light); }
:root {
  --wp-admin--admin-bar--height:var(--mainTop);
}
.single-data {
 
  width:min(1050px, 100%);
  display: flex;  
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--s-m);
}

.single-data-item {
 
  padding-top: var(--wp--preset--spacing--xs);
  color:var(--wp--preset--color--contrast);
  display: flex;
  flex-direction: column;
  gap:var(--wp--preset--spacing--xxs);
  justify-content: space-between;
/*  flex:1;*/
/*  min-width: 20%;*/

  border:1px solid var(--wp--preset--color--grey);
  padding: var(--wp--preset--spacing--s-m);
  border-radius: var(--radiusBase);
}
 
.single-data-item small {
  text-transform: uppercase;
  color:var(--wp--preset--color--darkgrey);
  font-size:var(--wp--preset--font-size--xs);
  font-weight: 500;
}
.single-data-item span { line-height: 1;}

 

@media only screen and (max-width:820px) {
  .single-data-item:first-child {
    border:none;
    flex:0 0 100%;
  }
}

 
 

.singleblog {
  --blogWidth: 80vw;
  --blogGrid: 1fr 2fr;
  --singlePadd: var(--menuFull);
  --top: calc(var(--menuFull) + (var(--topHeader)*2) );
  --topSticky: var(--mainTop);
  --secHeight: calc(100vh - (var(--mainTop)*2));
  --back:var(--wp--preset--color--contrast);
  --sticky: sticky;
}



.image-wide  {
  max-width: var(--wide);
  margin-inline:auto;

  margin-top:var(--mainTop);
  overflow: clip;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  height: var(--secHeight);
  border-radius:var(--radiusBase);
  
  background: var(--wp--preset--color--contrast);
}

.image-wide > *:not(video, img) {
  z-index: 2;
}
 
.image-wide > img {
  position: sticky;
  position: absolute;
  inset:0;
  object-fit: cover;
  height: 100%;
  width:  100%;
  filter: brightness(0.5);
/*  -webkit-mask: linear-gradient(180deg, rgb(0 0 0 / .85) 20%, rgb(0 0 0 / .55) 100%);*/
    pointer-events: none;
}  

 
  

.blog-sticky {
  position: var(--sticky);
  top: var(--topSticky);

  display: flex;
  flex-direction: column;
  gap:var(--wp--preset--spacing--s);
  align-items: start;
}

.author {
  display: flex;
  align-items: center;
}

@media only screen and (max-width:1024px) {
  .singleblog { 
    --singlePadd: var(--menuHeight);
  }
}

@media only screen and (max-width:820px) {
  .singleblog { 
    --topSticky:0;
    --singlePadd: var(--menuHeight);
    --sticky: relative;
  }
  .blog-sticky {
    padding-bottom: calc(var(--singlePadd) / 2);
    margin-bottom:  calc(var(--singlePadd) / 2);
    border-bottom:1px solid var(--wp--preset--color--contrast);
  }
}


.back {
  display: flex;
  align-items: center;
  color:var(--wp--preset--color--light);
  gap:var(--wp--preset--spacing--xxs);
  font-weight: 600;
}

.back:hover {
  color:var(--wp--preset--color--light);
  gap:var(--wp--preset--spacing--s);
}

.card-time      { 
  --space:var(--wp--preset--spacing--xs);
  display:     inline-flex; 
  align-items: self-start; 
  gap:4px;
}

.card-share,
.card-latest {
  --space:var(--wp--preset--spacing--s);
  border-top:1px solid var(--wp--preset--color--lightgrey);
  margin-top:  var(--space);
  padding-top: var(--space)
}


.avatar,
.avatar-text { 
    width:  32px;
    height: 32px;
    border-radius: 100vmin;
}

.avatar-text {
  background: blue;
  font-weight: 900;
  color: white;
  display: grid;
  place-content: center;
  font-size: var(--wp--preset--font-size--s);
}

.blog-last {
  display: flex;
  flex-direction: column;
  gap:var(--wp--preset--spacing--s);
}

.blog-last-card {
/*  border:1px solid black;*/
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--xs);
}

.blog-last-card .last-img {
  --size:60px;
  height: var(--size);
  width: var(--size);
  border-radius: 4px;
  overflow: hidden;
  transition: all 350ms ease;
}

.blog-last-card .last-img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.blog-last-card:hover .last-img {
  box-shadow: var(--shadow-6);
}

.sidebar {
  --header:70px;
}

.sidebar > *:not(:first-child) {
  --space:var(--wp--preset--spacing--m);
  border-top:1px solid var(--wp--preset--color--lightgrey);
  margin-top:  var(--space);
  padding-top: var(--space);
}

.share-ul {
  display: flex;
  align-items: center;
}

.share-ul a { 
  display: grid;
  place-content: center;
  gap:var(--wp--preset--spacing--xxs);
  padding: var(--wp--preset--spacing--xs);
  color:var(--wp--preset--color--contrast);
} 

.share-ul a:hover {
  color:var(--wp--preset--color--accent);
}

 
.section-nextprev {
  border-top:1px solid var(--wp--preset--color--contrast);
  margin-top:var(--wp--preset--spacing--xl);
  padding-top:var(--wp--preset--spacing--xl);
}








/* -------------------------------- 
----
---- PAGINATION
----
-------------------------------- */

.wp-block-image :where(figcaption) {
  font-size: var(--wp--preset--font-size--s);
  color:var(--wp--preset--color--contrast);
}
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.aligncenter, .wp-block-image.alignleft, .wp-block-image.alignright {
    display: block;
}
.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image.alignright>figcaption {
    display: block;
}

.nextprev,
.nextprev div {
  transition: all 350ms;
}

.nextprev div {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--xxs);
  font-size: var(--wp--preset--font-size--xs);
  text-transform: uppercase;
  font-weight: 600;
  color: var(--wp--preset--color--contrast);
}

.blog-next div {
  justify-content: flex-end;
}
 

.nextprev p {
  color:var(--wp--preset--color--body);
  transition: all 350ms;
}

 

.blog-next:hover div,
.blog-prev:hover div { color:var(--wp--preset--color--grey); gap: var(--wp--preset--spacing--xs); }