/*!
Theme Name: APN
Theme URI: https://apn.works
Author: APN
Author URI: https://apn.works
Version: 1.0.0
*/
/*


GENERAL


*/
#preview-bar-iframe, #admin-bar-iframe{display: none !important;}
html{-webkit-text-size-adjust: 100%; padding-bottom: 0!important; background: #fff;}
body{font-family: 'EB Garamond'; font-size: 14px; margin: 0; line-height: 1.2; transition: opacity .3s ease; font-weight: 400; overflow-x: hidden; color: #000;}
body.noscroll,
body.show-filters,
body.show-menu{
  overflow: hidden;
}
body.fade-out{opacity: 0;}
* {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
h1, h2, h3, h4, h5, h6{font-family: inherit; margin:0; font-weight: 400; font-size: inherit;}
p{margin: 0;}
ul, ol{margin: 0; padding: 0; list-style: none;}
a {background-color: transparent; color: inherit; text-decoration: none;}
input, textarea{border: 0; padding: 0; font-family: inherit; font-size: inherit;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active  {-webkit-box-shadow: 0 0 0 30px white inset !important;}
.white-color input:-internal-autofill-selected {color: white!important;}
.white-color input:-webkit-autofill {-webkit-text-fill-color: white!important;}
.white-color input:-webkit-autofill, .white-color input:-webkit-autofill:hover, .white-color input:-webkit-autofill:focus, .white-color input:-webkit-autofill:active{color: white;}
.white-color input:-webkit-autofill, .white-color input:-webkit-autofill:hover, .white-color input:-webkit-autofill:focus, .white-color input:-webkit-autofill:active  {-webkit-box-shadow: 0 0 0 30px #818181 inset !important;}
:focus, :focus-visible{outline: -webkit-focus-ring-color auto 0px; -webkit-tap-highlight-color: rgba(0,0,0,0);}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-scrollbar{display: none; -webkit-appearance: none; width: 0!important;}
*:focus, *:focus-visible{outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
*::-moz-selection {background: transparent; color: #757575;}
*::selection {background: transparent; color: #757575;}
.uppercase{text-transform: uppercase;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
textarea{resize: none;}
.bellesa{font-family: 'Bellesa'; text-transform: uppercase;}
/*


NEWSLETTER


*/

.newsletter-close {
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 14px;
}

#success-message {
  background-color: #d0d0d0!important;
  font-size: 14px!important;
  font-family: 'EB Garamond'!important; 
  color: #000!important;
  border-radius: 0px!important;
  border-color: transparent!important;
  max-width: calc((100vw - 105px) / 2 + 35px)!important;
  padding: 7px !important;
}

.sib-icon.sib-notification__icon {
  display: none!important;
}

.sib-form-message-panel__text {
  padding: 7px!important;
}

.sib-form-block {
  font-family: 'EB Garamond'!important; 
  font-weight: normal!important;
  color: #000!important;
  font-size: 30px!important;
  line-height: .9!important;
  padding: 0!important;
}

.sib-input.sib-form-block {
  font-size: 14px!important;
}

.sib-form-block__button {
  font-family: 'EB Garamond'!important; 
}

.sib-form .input:not(textarea) {
  height: auto!important;
  padding: 7px!important;
  box-sizing: border-box!important;
  line-height: .7!important;
}

.sib-form-container {
  width: calc((100vw - 105px) / 2 + 35px)!important;
}

.sib-form * {
  padding: 0!important;
}

#sib-form {
  flex-direction: column;
  row-gap: 21px;
  display: flex
}

.sib-form {
  position: fixed;
  font-family: 'EB Garamond'!important;
  top: 50%;
  left: 50%;
  z-index: 1000;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0;
  background-color: transparent!important;
}

#sib-container {
  position: relative;
    background: #d0d0d0!important;
    width: calc((100vw - 105px) / 2 + 35px)!important;
    width: 100%!important;
    padding: 7px!important;
    box-sizing: border-box;
    max-width: calc((100vw - 105px) / 2 + 35px)!important;
    max-width: 100%!important;
    border-radius: 0px!important;
    border-width: 0px!important;
}

.sib-form .entry__field {
    border: none!important;
    border-radius: 0px!important;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin: 0!important;
    max-width: 100%;
} 

.sib-form-block__button {
  width: 100%!important;
  text-decoration: underline!important;
}

.sib-form-block__button {
  font-size: 14px!important;
  text-align: center!important;
  font-weight: 400!important;
  color: #000!important;
  background-color: transparent!important;
  border-radius: 0px!important;
  border-width: 0px!important;
}
/*


NAV


*/
#sticky-header{
  position: sticky;
  top: 0;
  z-index: 100;
}
footer{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 7px;
  padding: 14px;
  position: relative;
  margin-top: 210px;
}
#footer-logo-container{
  line-height: 0;
}
#footer-logo{
  height: 54px;
}
.footer-column a{
  display: block;
}
.footer-column a:not(:last-child){
  margin-bottom: 2px;
}
.footer-column:nth-child(8){
  grid-column: span 4;
}
.footer-column-logos {
  display: flex;
  gap: 14px;
  position: absolute;
  bottom: 14px;
  right: 14px;
}
.footer-column-logos img {
  height: 25px;
}
#menu,
#contact-bar{
  background: #d0d0d0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 7px;
  padding: 6px 14px 7px;
  line-height: .7;
}
#menu{
  background: #fff;
  border-bottom: 1px solid #d0d0d0;
  position: sticky;
  z-index: 10;
}
#contact-bar .contact-column:nth-child(1){
  grid-column: span 4;
}
#contact-bar .contact-column:nth-child(3){
  grid-column: span 3;
}
#menu .menu-row:nth-child(3),
#menu .menu-row:nth-child(6){
  grid-column: span 2;
}
.contact-close{
  width: fit-content;
  display: block;
  margin: 0 0 0 auto;
  cursor: pointer;
}
body.hide-contact-bar #contact-bar{
  display: none;
}
.zona{
  cursor: pointer;
}
#trata-trigger{
  cursor: pointer;
}
#trata-menu{
  display: none;
  grid-template-columns: repeat(12, 1fr);
  gap: 7px;
  padding: 18px 14px 14px;
  background: #fff;
  position: absolute;
  top: 40px;
  width: 100%;
  box-sizing: border-box;
  z-index: 9;
  border-bottom: 1px solid #d0d0d0;
}
body.hide-contact-bar #trata-menu{
  top: 20px;
}
.trata-column{
  height: fit-content;
  cursor: pointer;
}
#trata-zona{
  grid-column: span 4;
}
#latest-posts{
  grid-column: span 6;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 7px;
  padding-top: 3px;
}
#trata-parent{
  cursor: default;
}
#latest-posts .post{
  grid-column: span 2;
}
#latest-posts .post-image{
  aspect-ratio: 1;
  object-fit: cover;
}
.child-zona,
.zona-posts{
  display: none;
}
.child-zona.active,
.zona-posts.active{
  display: block;
}
/* .child-zona:has(.zona.active) .zona,
#trata-parent:has(.parent-zona.active) .parent-zona{
  color: #d0d0d0;
} */
.parent-zona.active{
  color: #d0d0d0!important;
  pointer-events: none;
}
.zona.active{
  color: #d0d0d0!important;
}
body.show-trata #trata-menu{
  display: grid;
}
#tratamientos-overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  cursor: pointer;
  display: none;
}
body.show-trata #tratamientos-overlay{
  display: block;
}
.parent-zona{
  width: fit-content;
}
.zona-posts a:hover{
  color: #d0d0d0!important;
}
/*


HOMEPAGE


*/
#zones-homepage-container{
  position: relative;
}
.background-container{
  height: 100dvh;
  height: auto;
  width: 100vw;
  position: relative;
  line-height: 0;
}
.background-image{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.zone-trigger{
  font-size: 45px;
  cursor: pointer;
  line-height: .7;
  color: #f8d752!important;
}
.zone-trigger::before{
  content: "+";
  display: block;
}
.homepage-zone.show .zone-trigger::before{
  content: "–";
  transform: translateY(-1px);
}
.homepage-zone{
  position: absolute;
  transform: none!important;
  top: calc(var(--y-desktop) * 1%);
  left: calc(var(--x-desktop) * 1%);
}
#intro-title{
  max-height: calc(100dvh - 41px);
  height: var(--first-height);
  height: fit-content;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  position: absolute;
  width: 100vw;
  z-index: 10;
  pointer-events: none;
  padding: 20px 0 25px;
  font-size: 60px;
  line-height: 1.2;
  position: sticky;
  top: 42px;
}
body.hide-contact-bar #intro-title{
  top: 21px;
  max-height: calc(100dvh - 20px);
}
#where-to-find{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
  padding: 7px;
}
#where-to-find h2{
  grid-column: span 2;
  font-size: 30px;
  line-height: .9;
  padding: 8px 0 11px;
}
.location-city{
  font-size: 30px;
  line-height: .7;
  padding-bottom: 20px;
}
.location-text p:not(:last-child){
  margin-bottom: 14px;
}
#where-map{
  line-height: 0;
}
#where-locations{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
}
.map-image{
  width: 100%;
}
.zone-text{
  line-height: 1.2;
}
.zone-text ul,
.zone-text ol,
.zone-text li{
  list-style: disc;
}
.zone-text ul,
.zone-text ol{
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.zone-image{
  width: calc( ((100vw - 105px) / 12) * 3 + 14px );
  height: calc( ((100vw - 105px) / 12) * 2 + 7px );
  object-fit: cover;
}
.zone-content{
  position: absolute;
  display: none;
  flex-direction: column;
  gap: 7px;
}
.homepage-zone.show{
  z-index: 20;
}
.homepage-zone.show .zone-content{
  display: flex;
}
.homepage-zone.bottom-left .zone-content{
  bottom: 0;
  left: 28px;
}
.homepage-zone.top-left .zone-content{
  top: 5px;
  left: 28px;
}
.homepage-zone.bottom-right .zone-content{
  bottom: 0;
  right: 28px;
  align-items: end;
}
.homepage-zone.top-right .zone-content{
  top: 5px;
  right: 28px;
  align-items: end;
}
.zone-text{
  width: calc( ((100vw - 105px) / 12) * 3 + 14px );
  background: #fff;
  box-sizing: border-box;
  padding: 4px 7px 12px;
  position: relative;
}
.zone-title{
  font-size: 30px;
  line-height: .7;
  padding: 2px 0 14px;
}
.zone-preocupaciones {
  font-size: 20px;
}
.zone-close{
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 7px;
  cursor: pointer;
}
.background-container:nth-child(2){
  margin-top: var(--intro-height);
}
/*


POST


*/
#post-container{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 7px;
    padding: 14px;
    box-sizing: border-box;
}
#post-imagery{
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 7px;
    grid-column: span 8;
    height: fit-content;
}
.imagery-block{
    line-height: 0;
    grid-column: span 2;
}
.imagery-block.big{
    grid-column: span 4;
}
.post-image{
    width: 100%;
}
#post-text-container{
    display: flex;
    flex-direction: column;
    grid-column: span 4;
    justify-content: space-between;
    gap: 21px;
}
.text-module-post h2,
#post-text h2{
    font-size: 30px;
    line-height: .9;
    margin: 14px 0;
}
#post-text-content h2:first-child{
    margin-top: 0;
}
.post-date,
#post-categories{
    margin-bottom: 1px;
}
#related-posts-container{
    grid-column: span 8;
    margin-top: 15px;
}
#related-posts-grid{
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 7px;
}
#related-posts-grid .post{
    grid-column: span 2;
}
.project-image{
    width: 100%;
}
#related-posts-title{
    font-size: 30px;
    line-height: .9;
    margin-bottom: 15px;
}
.post-image-container{
    line-height: 0;
    margin-bottom: 3px;
}
/*


BLOG


*/
#blog-container{
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(216,191,158,1) 32%, rgba(195,52,38,1) 50%, rgba(129,56,70,1) 68%, rgba(255,255,255,0) 100%);
}
#blog-grid{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 7px;
  padding: 14px;
}
#blog-grid .post{
  grid-column: span 2;
  height: fit-content;
}
#blog-grid .post:nth-child(11n + 1),
#blog-grid .post:nth-child(11n + 7),
#blog-grid .post:nth-child(11n + 10){
  grid-column: span 4;
}
#blog-grid .post:nth-child(11n + 6){
  grid-column-start: 5;
  grid-column-end: 7;
}
#blog-grid .post:nth-child(11n + 11){
  grid-column-start: 11;
  grid-column-end: 13;
}
#sort-form,
#blog-categories{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-columns: repeat(12, 1fr);
  gap: 7px;
  padding: 0 14px;
}
#blog-categories:has(.current-category) a{
  color: #d0d0d0;
}
#blog-categories:has(.current-category) a.current-category{
  color: #000;
}
#sort-form input{
  display: none;
}
#sort-form label{
  width: fit-content;
  cursor: pointer;
}
#sort-options{
  padding-top: 14px;
  margin-bottom: 1px;
}
/*


ZONA


*/
#zona-container{
  min-height: calc(100vh - 333px);
}
#zona-grid-container{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 7px;
  padding: 14px;
}
#zona-grid{
  display: grid;
  grid-column: span 8;
  grid-template-columns: repeat(8, 1fr);
  gap: 7px;
}
#zona-grid .post{
  grid-column: span 2;
}
#zona-info{
  grid-column: span 4;
}
#zona-grid .post-image{
  aspect-ratio: 4/5;
  object-fit: cover;
}
#reserva-title,
#zona-info h1{
  font-size: 30px;
  line-height: .9;
}
.zona-disclaimer,
.reserva-cita,
.zona-faq,
.zona-text{
  margin-top: 14px;
}
.question-icon .minus{
  display: none;
}
.question-icon{
  width: 6px;
  text-align: center;
}
.question{
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.answer{
  display: none;
}
.answer:not(:empty){
  padding-bottom: 14px;
}
.faq.open .question-icon .plus{
  display: none;
}
.faq.open .question-icon .minus{
  display: block;
}
.reserva-cita{
  text-align: center;
  background: #d0d0d0;
  padding: 3px 7px 4px;
  cursor: pointer;
}
.zona-disclaimer a{
  text-decoration: underline;
  text-decoration-thickness: .5px;
}
#reserva-pop-up-container{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 200;
  width: 100vw;
  height: 100dvh;
  justify-content: space-around;
  align-items: center;
  display: none;
}
#reserva-pop-up-container.show{
  display: flex;
}
#reserva-back{
  position: absolute;
  z-index: -1;
  background: #d0d0d0;
  opacity: .3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#reserva-pop-up{
  background: #d0d0d0;
  width: calc( ((100vw - 105px) / 12) * 6 + 35px );
  padding: 3px 7px 4px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 21px;
  position: relative;
}
#reserva-pop-up .text-input{
  width: 100%;
  display: block;
  padding: 3px 7px 4px;
  box-sizing: border-box;
}
#reserva-pop-up .text-input::placeholder{
  color: #000;
}
#reserva-pop-up textarea{
  height: 30vh;
}
#send{
  display: block;
  margin: 0 auto;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-thickness: .5px;
}
#reserva-close{
  position: absolute;
  top: 3px;
  right: 7px;
  cursor: pointer;
}
.checkbox-container {
  display: flex;
  align-items: center;
}
input[type="checkbox"] {
  display: none;
}
label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.checkbox-custom {
  width: 7px;
  height: 7px;
  border: .5px solid #000;
  background-color: transparent;
  margin-right: 5px;
  position: relative;
}
input[type="checkbox"]:checked + label .checkbox-custom::before,
input[type="checkbox"]:checked + label .checkbox-custom::after{
  content: "";
  width: 10px;
  height: .5px;
  background-color: #000;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
input[type="checkbox"]:checked + label .checkbox-custom::before{
  transform: translate(-50%, -50%) rotate(-45deg);
}
input[type="checkbox"]:checked + label .checkbox-custom::after{
  transform: translate(-50%, -50%) rotate(45deg);
}
/*


MODULES


*/
#modules-container{
  padding: 21px 14px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.images-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  padding: 0 0 14px;
}
.image-img{
  width: 100%;
}
.image-container{
  display: block;
  line-height: 0;
  position: relative;
}
.caption{
  margin-top: 6px;
}
.image-headline{
  display: flex;
  gap: 7px;
}
.image-headline-two-images .image-container,
.image-headline-two-images,
.image-headline-image,
.image-headline-headline{
  flex: 1;
}
.image-headline-headline{
  text-align: center;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 26px;
  line-height: 1;
}
.align-right{
  flex-direction: row-reverse;
}
.video-container{
  cursor: pointer;
}
.video-container::before{
  content: "Play";
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  position: absolute;
  z-index: 1;
  display: block;
  font-size: 30px;
  color: #fff;
  pointer-events: none;
  transition: opacity .2s ease;
}
.video-container.playing::before{
  opacity: 0;
}
.title-module{
  font-size: 30px;
  padding: 14px 0;
}
.text-module{
  padding: 14px 0;
}
.title-module.align-right .title-container,
.text-module.align-right .text-container{
  margin: 0 0 0 auto;
}
.text-container,
.title-container{
  width: calc( (100vw - 35px) / 2 );
}
.image-headline-two-images{
  display: flex;
  gap: 7px;
}
.caption{
  line-height: 1.2;
}
/*


TRATAMIENTO


*/
#tratamiento-grid-container{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
  padding: 14px;
}
#tratamiento-info h1{
  font-size: 30px;
  line-height: .9;
}
.tratamiento-beneficios{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
}
/*


LEGAL


*/
#legal-container,
#search-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
  padding: 15px 7px;
  min-height: calc(100dvh - 345px);
  box-sizing: border-box;
}
#legal-container > h1,
#search-container > h1 {
  font-size: 30px;
  line-height: .7;
  position: sticky;
  top: 59px;
  height: fit-content;
}
#legal-container p + h2,
#legal-container p + h3,
#legal-container p + h4,
#legal-container p + h5,
#legal-container p + h6 {
  margin-top: 14px;
}
#legal-container * {
  font-weight: normal;
}
/*


SEARCH


*/
.search-submit,
.search-trigger,
.newsletter-trigger {
  all: unset;
  cursor: pointer;
}
.search-form {
  height: 8.4px;
  gap: 7px;
}
.search-form,
body.template-search .search-trigger,
.menu-row-search.show-search .search-trigger {
  display: none;
}
body.template-search .search-form,
.menu-row-search.show-search .search-form {
  display: flex;
}
.search-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  height: fit-content;
}
.search-field,
.search-submit {
  line-height: .7;
}
.search-field {
  width: 100%;
}
.search-field::-webkit-search-cancel-button{
  display: none;
}
.search-grid .post {
  height: fit-content;
}
.search-form label {
  flex: 1;
}
/*


COOKIES


*/
li:has(.cookie-statement),
.cmplz-documents {
  display: none!important;
}
.cmplz-cookiebanner .cmplz-buttons {
  flex-direction: row-reverse;
}
.cmplz-cookiebanner.cmplz-show {
  box-shadow: none!important;
  border-radius: 0!important;
}
.cmplz-cookiebanner .cmplz-title {
  font-family: 'Bellesa';
  text-transform: uppercase;
  grid-column: 1 / span 2;
  grid-column-start: 1!important;
  text-align: left;
  justify-self: start!important;
}
#cmplz-manage-consent,
.cmplz-cookiebanner .cmplz-divider,
.cmplz-close svg,
.cmplz-logo {
  display: none!important;
}
.cmplz-close::before {
  content: "X";
  display: block;
  font-size: 14px;
  line-height: 1.2;
}
.cmplz-cookiebanner .cmplz-close {
  width: fit-content!important;
  height: fit-content!important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
  all: unset!important;
  flex: 1!important;
  width: 100%!important;
  display: flex!important;
  justify-content: space-around!important;
  align-items: center!important;
  padding: 5px 7px!important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
  padding-left: 0!important;
  justify-content: start!important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
  background: #d0d0d0!important;
}
.cmplz-cookiebanner .cmplz-header {
  align-items: start!important;
}
.cmplz-cookiebanner .cmplz-title {
  font-size: 20px!important;
}
.cmplz-cookiebanner {
  right: 14px!important;
  bottom: 14px!important;
  padding: 8px 14px 14px!important;
  box-shadow: none!important;
  border-radius: 0!important;
}
.cmplz-cookiebanner .cmplz-links.cmplz-information {
  display: none!important;
}
.cmplz-cookiebanner .cmplz-message {
  line-height: inherit!important;
}
@media screen and (max-width: 768px) {
.cmplz-cookiebanner {
  width: calc(100vw - 28px)!important;
}
.cmplz-cookiebanner .cmplz-buttons {
  flex-direction: row-reverse!important;
}
}
/*





DESKTOP - HIDDEN





*/
@media screen and (min-width: 820px) {
.gap-mobile,
#mobile-menu-trigger-container{
  display: none;
}
}
/*





MOBILE





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


NEWSLETTER


*/
.sib-form-container {
  width: calc(100vw - 28px)!important;
}
/*


NAV


*/
#contact-bar{
  grid-template-columns: repeat(6, 1fr);
  row-gap: 14px;
}
#contact-bar .contact-column,
#contact-bar .contact-column:nth-child(1),
#contact-bar .contact-column:nth-child(3){
  grid-column: span 2;
}
.contact-column:has(.contact-close){
  position: absolute;
  top: 0;
  right: 0;
}
.contact-close{
  padding: 6px 14px;
}
#menu{
  display: none;
}
#mobile-menu-trigger-container{
  padding: 6px 14px 7px;
  line-height: .7;
  border-bottom: 1px solid #d0d0d0;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 7px;
  background: #fff;
}
#mobile-menu-trigger{
  grid-column: span 4;
  cursor: pointer;
}
#mobile-menu-trigger,
#cart-trigger-mobile,
#close-menu{
  display: block;
  padding: 7px 0;
}
#close-menu{
  display: block;
  margin: 0 0 0 auto;
  opacity: 0;
  pointer-events: none;
}
body.show-menu #close-menu{
  opacity: 1;
  pointer-events: auto;
}
body.show-menu #menu{
  display: flex;
  flex-direction: column;
  border-bottom: 0;
  flex: 1;
  overflow-y: scroll;
}
#sticky-header{
  display: flex;
  flex-direction: column;
}
body.show-menu #sticky-header{
  height: 100dvh;
}
body.show-menu #cart-trigger-mobile{
  opacity: 0;
  pointer-events: none;
}
body.show-menu #cart-trigger-mobile{
  opacity: 0;
  pointer-events: none;
}
#trata-menu{
  position: relative;
  top: auto;
  padding: 0;
  border-bottom: 0;
  padding-bottom: 6px;
  grid-template-columns: repeat(6, 1fr);
  transform: translateY(-3.5px);
}
#latest-posts{
  display: none;
}
.trata-column{
  display: flex;
  flex-direction: column;
  gap: 0;
  line-height: 1.4;
}
.trata-column,
#trata-zona{
  grid-column: span 2;
}
.child-zona.active, .zona-posts.active{
  display: flex;
  flex-direction: column;
  gap: 0;
}
footer{
  grid-template-columns: repeat(6, 1fr);
  row-gap: 14px;
  margin-top: 60px;
}
#footer-logo-container{
  grid-column: span 6;
}
.footer-column,
.footer-column:nth-child(8){
  grid-column: span 2;
}
.footer-column-copyright{
  grid-column-start: 5;
  grid-column-end: 7;
  align-self: flex-end;
}
.footer-column-logos {
  position: relative;
  bottom: auto;
  right: auto;
  padding-top: 7px;
}
/*


ZONA


*/
#zona-grid-container{
  grid-template-columns: 1fr;
  padding: 0 14px;
  gap: 21px;
}
#zona-info,
#zona-grid{
  grid-column: span 1;
}
#zona-grid{
  grid-template-columns: repeat(6, 1fr);
}
#reserva-pop-up{
  width: calc(100vw - 28px);
  max-height: calc(100dvh - 28px);
  overflow-y: scroll;
}
/*


MODULES


*/
.image-headline{
  flex-direction: column-reverse;
}
.text-container, .title-container{
  width: calc(100vw - 28px);
}
.title-container{
  line-height: .9;
}
.images-grid{
  grid-template-columns: repeat(3, 1fr);
}
.image-headline-headline{
  min-height: 80vw;
  padding: 8px 0 13px;
}
.mobile-two-columns{
  grid-template-columns: repeat(2, 1fr);
}
.image-headline.mobile-align-top{
  flex-direction: column;
}
/*


TRATAMIENTO


*/
#tratamiento-grid-container{
  grid-template-columns: 1fr;
  padding-top: 21px;
}
#tratamiento-grid-container #tratamiento-grid{
  grid-row: 3;
}
/*


BLOG


*/
#blog-grid{
  grid-template-columns: repeat(6, 1fr);
  row-gap: 170px;
  grid-column: span 6;
  padding: 0;
}
#blog-container{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  column-gap: 7px;
  padding: 21px 14px 14px;
  row-gap: 21px;
}
#blog-grid .post:nth-child(11n + 1), #blog-grid .post:nth-child(11n + 7), #blog-grid .post:nth-child(11n + 10){
  grid-column: span 4;
}
#blog-grid .post:nth-child(11n + 6),
#blog-grid .post:nth-child(11n + 11){
  grid-column: span 2;
}
#blog-grid .post:nth-child(11n + 8){
  grid-column-start: 3;
  grid-column-end: 5;
}
#sort-options,
#sort-form,
#blog-categories{
  grid-template-columns: 1fr;
  grid-column: span 2;
  padding: 0;
  row-gap: 2px;
}
/*


POST


*/
#post-container{
  grid-template-columns: 1fr;
  padding-top: 21px;
}
#post-imagery{
  grid-row: 2;
  grid-column: span 1;
  grid-template-columns: repeat(6, 1fr);
  padding-top: 14px;
}
#post-text-container{
  grid-row: 1;
  grid-column: span 1;
}
#post-container{
  display: none;
}
#related-posts-container.related-posts-container-desktop{
  grid-column: span 1;
}
#related-posts-container.related-posts-container-mobile{
  grid-column: span 6;
  padding: 0 14px;
}
.imagery-block.gap.big,
.imagery-block{
  grid-column: span 3;
}
.imagery-block.big{
  grid-column: span 6;
}
#related-posts-grid{
  grid-template-columns: repeat(6, 1fr);
}
#post-text-content{
  padding-top: 14px;
}
#post-mobile-container{
  padding: 21px 14px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 7px;
}
.mobile-post-module.text-module-post{
  grid-column: span 6;
  padding-bottom: 14px;
}
#post-categories-date{
  grid-column: span 6;
}
#post-disclaimer{
  padding: 0 14px;
}
.gap-desktop{
  display: none;
}
/*


HOMEPAGE


*/
#intro-title {
  font-size: 8.75vw;
  padding: 1vw 0;
  top: 80px;
}
.background-container {
  height: 120vw;
}
.background-container:nth-child(2) .background-image {
  object-position: 70%;
}
#related-posts-grid .post:nth-child(4){
  display: none;
}
#where-to-find {
  display: flex;
  flex-direction: column;
  padding: 14px;
  gap: 14px;
}
#where-locations {
  display: flex;
  flex-direction: column;
  gap: 21px;
}
.homepage-zone{
  top: calc(var(--y-mobile) * 1%);
  left: calc(var(--x-mobile) * 1%);
}
.homepage-zone.top-left .zone-content {
  top: 16px;
  left: 1px;
}
.homepage-zone.top-right .zone-content {
  top: 16px;
  right: 1px;
}
.homepage-zone.bottom-right .zone-content {
  bottom: 18px;
  right: 1px;
}
.homepage-zone.bottom-left .zone-content {
  bottom: 18px;
  left: 1px;
}
.zone-text{
  width: 50vw;
}
.zone-title {
  font-size: 20px;
}
.zone-preocupaciones {
  font-size: 18px;
}
body.hide-contact-bar #intro-title {
  top: 36px;
}
/*


LEGAL


*/
#legal-container,
#search-container {
  gap: 14px;
  padding: 14px;
  min-height: 0;
  grid-template-columns: 1fr;
}
#legal-container > h1,
#search-container > h1 {
  position: relative;
  top: auto;
}
.search-grid {
  grid-template-columns: 1fr;
  gap: 14px;
}
}