/*
    BASES
    El contenidor principal te un padding horitzontal var(--wp--custom--gap--horizontal)
    Si volem contingut 100% hem de fer el contingut + 2 cops el gap horitzontal;
*/

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

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

strong {
    /* only needed if value is different than bold */
    /* font-weight: var(--wp--custom--font-weight--extrabold); */
}


#container {
    width: 100%;
    padding-left: var(--wp--style--block-gap);
    padding-right: var(--wp--style--block-gap);
}

.wp-block-cover__inner-container>*,
.entry-content>* {
    margin: 0 auto;
}

.wp-block-cover__inner-container>*+*,
.entry-content>*+* {
    margin-top: var(--wp--style--block-gap);
    margin-bottom: 0;
}

.entry-content>*:not(.alignfull):not(.alignwide) {
    max-width: var(--wp--style--global--content-size);
}

.wp-block-cover,
.alignwide,
.alignfull {
    margin-top: var(--wp--style--block-gap);
    margin-bottom: var(--wp--style--block-gap);
}

.wp-block-image {
    margin-bottom: var(--wp--style--block-gap);
}

.alignwide {
    max-width: var(--wp--style--global--wide-size);
}

.entry-content>.alignfull {
    margin-left: calc(-1 * var(--wp--style--block-gap));
    margin-right: calc(-1 * var(--wp--style--block-gap));
    width: calc(100% + 2 * var(--wp--style--block-gap));
}

.alignfull.has-background>.alignfull {
    margin-left: calc(-1 * var(--wp--style--block-gap));
    margin-right: calc(-1 * var(--wp--style--block-gap));
}

.wp-block-cover,
.has-background:not(.wp-block-button__link, .wp-block-separator, .wp-block-media-text) {
    padding: var(--wp--style--block-gap);
}


.has-background.wp-block-separator,
.has-background.wp-block-media-text {
    padding: 0;
}

h1.alignfull:not(.has-background),
h2.alignfull:not(.has-background),
h3.alignfull:not(.has-background),
h4.alignfull:not(.has-background),
h5.alignfull:not(.has-background),
h5.alignfull:not(.has-background) {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h5.has-background {
    padding-left: var(--wp--style--block-gap);
    padding-right: var(--wp--style--block-gap);
}
h1 {
    font-weight: 600 !important;
}
h2 {
    font-weight: 400 !important;
    font-size: 42px !important;
}
h2.h2-500 {
    font-weight: 600 !important;
    font-size: 42px !important;
}
h1 sup,
h1 sub {
    font-size: 24px;
}
h1 sup {
    margin-bottom: -100px !important;
    display: block;
}
h2 sup {
    font-size: 20px !important;
    font-weight: 500;
    margin-bottom: -50px !important;
    display: block;

}
.slide-entorno-home h2,
h2.heading-same-line sup {
    font-weight: 600 !important;
}
.slide-entorno-home h2 {
    font-size: 42px !important;
}
.slide-entorno-home .button-500 {
    font-size: 15px !important;
}
h2 sub {
    font-style: normal;
    font-weight: 600 !important;
    font-size: var(--wp--preset--font-size--h-2);
    display: block;
}
h2 sup {
    font-size: 18px;
}
h2.heading-same-line sub {
    display: contents !important;
}
h3 {
    font-weight: 600 !important;
}
h3 sub {
    font-size: var(--wp--preset--font-size--text);
}
.columns-3 .wp-block-cover__inner-container h3 {
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 36px !important;
    letter-spacing: 0.72px !important;
}
h4 {
    font-size: 24px;
}
.is-style-list-columns-2,
.is-style-list-columns-3 {
    break-inside: avoid;
    page-break-inside: avoid;
}

.is-style-list-columns-2 {
    columns: auto 2;
    column-gap: calc(2 * var(--wp--style--block-gap));
}

.is-style-list-columns-3 {
    columns: auto 3;
    column-gap: calc(2 * var(--wp--style--block-gap));
}
.banner-title-container p {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 30px; 
}
p.p-400 {
    font-weight: 400 !important;
}
p.p-margin-top {
    margin-top: 20px !important;
} 
/*
.top {
    background-color: var(--wp--preset--color--theme-blue-light)
}

.top a {
    color: var(--wp--preset--color--theme-white)
}*/
/* images */

figure[class*="is-style-aspect-ratio"] img {
    object-fit: cover;
}

.is-style-aspect-ratio-1_1 img {
    aspect-ratio: 1/1;
}

.is-style-aspect-ratio-4_3 img {
    aspect-ratio: 4/3;
}

.is-style-aspect-ratio-3_4 img {
    aspect-ratio: 3/4;
}

.is-style-aspect-ratio-3_2 img {
    aspect-ratio: 3/2;
}

.is-style-aspect-ratio-2_3 img {
    aspect-ratio: 2/3;
}

.is-style-aspect-ratio-16_9 img {
    aspect-ratio: 16/9;
}

.is-style-aspect-ratio-9_16 img {
    aspect-ratio: 9/16;
}


.is-style-aspect-ratio-21_9 img {
    aspect-ratio: 21/9;
}

.is-style-aspect-ratio-9_21 img {
    aspect-ratio: 9/21;
}
.is-style-aspect-ratio-1_1 img {
    aspect-ratio: 1/1;
}

/* CONTENT */
.instalaciones-home.background-color {
    background-color: var(--wp--preset--color--theme-green-light);
}
.instalaciones-servicios-home .wp-block-image,
.instalaciones-servicios-interior .wp-block-image {
    position: relative;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.instalaciones-servicios-home img,
.instalaciones-servicios-interior img {
    position: relative;
    z-index: 1;
}
.instalaciones-servicios-home .wp-block-image:before,
.instalaciones-servicios-interior .wp-block-image:before {
    content: '';
    position: absolute;
    width: 125px;
    height: 125px;
    background: var(--wp--preset--color--theme-white);
    z-index: 0;
    border-radius: 50%;
    transition: all 0.1s;  
}
.instalaciones-servicios-home .wp-block-image:after,
.instalaciones-servicios-interior .wp-block-image:after {
    content: '';
    position: absolute;
    background: transparent;
    border: 1px solid var(--wp--preset--color--theme-blue-light);
    z-index: 0;
    border-radius: 50%;
    transition: all 0.1s;  
}
.instalaciones-servicios-home .wp-block-image:before {
    width: 100px;
    height: 100px; 
}
.instalaciones-servicios-interior .wp-block-image:before {
    width: 125px;
    height: 125px;
}
.instalaciones-servicios-home .wp-block-image:after {
    width: 120px;
    height: 120px;
}
.instalaciones-servicios-interior .wp-block-image:after {
    width: 150px;
    height: 150px;
}
.instalaciones-servicios-home p,
.instalaciones-servicios-interior p {
    color: white !important;
    margin-top: 50px;
}
.instalaciones-servicios-home .wp-block-group {
    margin-bottom: 50px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.image-camping-container {
    text-align: center;
    position: relative;
    z-index: 1
}
.image-camping.wp-block-image.alignwide img {
    width: 100% !important;
    max-width: 995px !important;
    height: 560px;
}
.mapa-home-content h2 {
    line-height: 1.5rem;
}
.wp-block-button__link.has-theme-orange-background-color,
.wp-block-button__link.has-theme-blue-light-background-color {
    transition: all 0.3s ease-in-out;
}
.wp-block-button__link.has-theme-blue-light-background-color:hover {
    background-color: var(--wp--preset--color--theme-orange) !important;
}
.wp-block-button__link.has-theme-orange-background-color:hover {
    background-color: var(--wp--preset--color--theme-blue-light) !important;
}
.button-servicios .wp-block-button__link {
    width: 256px !important;
    height: 56px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slide-lateral-general-wrapper .wp-block-button__link {
    /*max-width: 185px !important;*/
    width: 100%;
    height: 56px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-size: 15px !important;
}
.parcelas-home .wp-block-button__link {
    width: 152px;
    height: 56px; 
    display: flex;
    align-items: center;
    justify-content: center;
}
.mapa-home-content .wp-block-button__link {
    width: 132px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.parcelas-home h3 {
    font-family: var(--wp--preset--font-family--jost) !important;
    font-size: 42px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 42px; /* 100% */
}
.intro-home .img-1 img,
.intro-home .img-2 img {
    width: 200px !important;
    height: 200px !important;
}
.intro-home .img-1 img {
    margin-top: 0;
}
.intro-home .img-2 img {
   margin-top: 0;
}
.banner-interior {
    position: relative;
    z-index: 2;
}
.instalaciones-servicios-interior p {
    margin-top: 10px !important;
}
.parcelas-container .wp-block-button__link {
    width: 196px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.button-500 {
    font-weight: 500;
}
/* NOTICIAS */

.news h5 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.news .date {
    font-size: 14px; 
    margin-top: 30px;
    gap: 10px; 
}
.news .date ul{
    padding-left: 0
}
.news .date li{
    list-style: none;
}
.news .date li a{
    color: var(--wp--preset--color--theme-blue-light);
    transition: all 0.3s ease-in-out;
}
.news .date li a:hover{
    color: var(--wp--preset--color--theme-blue)
}
.news .wp-block-button__link {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news a.wp-block-read-more,
.otras-noticias span {
    color: var(--wp--preset--color--theme-white) !important;
    background-color: var(--wp--preset--color--theme-orange) !important;
    padding: 10px 20px;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    text-align: center;
}
.news a.wp-block-read-more:hover,
.otras-noticias span:hover {
    color: var(--wp--preset--color--theme-white) !important;
    background-color: var(--wp--preset--color--theme-blue-light) !important;
}
.otras-noticias .wp-block-latest-posts__post-title h3 {
    color: var(--wp--preset--color--theme-blue-light) !important;
}
.otras-noticias a:hover h3,
.otras-noticias a:hover .wp-block-latest-posts__post-excerpt,
.otras-noticias a:hover .wp-block-latest-posts__post-date {
    color: var(--wp--preset--color--theme-blue) !important;
}
.otras-noticias .wp-block-latest-posts__post-date {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.otras-noticias .wp-block-latest-posts__post-category {
    color: var(--wp--preset--color--theme-blue-light) !important;
}
.otras-noticias .wp-block-latest-posts__post-button {
    margin-top: 50px;
    margin-bottom: 50px;
}
.news h2,
.news h2 sub  {
    font-size: 42px !important;
    line-height: 48px !important;
}
/* OFERTAS */

.news .wp-block-columns,
.news .wp-block-columns .col-1 .wp-block-image {
    height: 550px;
    position: relative;
}
.news .wp-block-columns .col-1 .wp-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news p {
    margin-top: 12px !important;
}
.news h3 {
    line-height: 0.7 !important;
}
.news .wp-block-buttons {
    margin-top: 50px;
}
/* Instalaciones */

p.num-sup {
    color: var(--wp--preset--color--theme-blue-light);
    font-family: Prompt;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 65px; /* 108.333% */
    letter-spacing: 1.2px;
    opacity: 0.2;
}
ul.list-blue-check {
    padding-left: 0 !important;
}
.list-blue-check li {
    list-style: none;
    font-size: 17px !important;
    /*line-height: 4rem !important;*/
    display: flex;
    flex-direction: row;
    font-weight: 300;
    margin-top: 50px;
    position: relative;
}
.list-blue-check li:before {
    content: '';
    background-image: url('../images/check.svg');
    background-repeat: no-repeat;
    background-size: auto;
    display: inline-block;
    min-width: 30px;
    height: auto;
    color: var(--wp--preset--color--theme-blue-light);
    font-size: 20px;
    margin-right: 10px;
    margin-top: 0;
}
.list-blue-check li:after {
    content: '';
    border-bottom: 1px solid var(--wp--preset--color--theme-green-light);
    display: block;
    clear: both;
    width: 100%;
    position: absolute;
    bottom: -25px;
}
.ventajas-wrapper h2 {
    font-weight: 500 !important;
}
.p-20 p {
    font-size: 20px !important;
    font-weight: 600;
}
.p-20 p.p-20-no-bold {
    font-weight: 300 !important;
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
    max-width: 100%!important;
}
#cmplz-document h2 {
    font-size: 25px !important;
    margin: 40px 0 5px;
}

.site-header .wpml-ls-legacy-dropdown-click {
    width: 70px;
}
.site-header .wpml-ls-legacy-dropdown-click a {
    border: none !important;
    background-color: transparent;
}
.site-header .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    background-color: var(--wp--preset--color--theme-green-light);
}
.site-header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    top: 8px;
}