/* Admin layout paragraphs */
.layout__region {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0;
}

.layout .paragraph .field {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/** Title */
.paragraph--type--lp-title.paragraph--view-mode--preview .field--name-title-html {
  font-size: 1.25rem;
  font-weight: bold;
}

/** Accordion */
.paragraph--type--lp-accordion.paragraph--view-mode--preview .field--name-title {
  border: 1px solid black;
  display: flex;
  justify-content: space-between;
  padding-inline: 0.5rem;
}

.paragraph--type--lp-accordion.paragraph--view-mode--preview .field--name-title::after {
  content: '\25BC';
}

.paragraph--type--lp-accordion.paragraph--view-mode--preview .field--name-body {
  display: none;
}

/** Map */
.paragraph--type--lp-map.paragraph--view-mode--preview .field--name-title {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.paragraph--type--lp-map.paragraph--view-mode--preview .field--name-title::before {
  content: '🗺';
  font-size: 2rem;
}

/** Block */
.paragraph--type--lp-block.paragraph--view-mode--preview .field--name-block {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.paragraph--type--lp-block.paragraph--view-mode--preview .field--name-block::before {
  content: '🧩';
  font-size: 2rem;
}

/** Multimedia */
.paragraph--type--lp-multimedia.paragraph--view-mode--preview .field--type-image .field__item {
  text-align: center;
}

/** Card */
.paragraph--type--lp-card.paragraph--view-mode--preview {
  border: 1px solid gray;
  border-radius: 5px;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.paragraph--type--lp-card.paragraph--view-mode--preview .field--name-title {
  font-size: 1.25rem;
  font-weight: bold;
}

/** Details home */
.paragraph--type--lp-home-details.paragraph--view-mode--preview {
  border: 1px solid black;
  padding: 1rem;
}

.paragraph--type--lp-home-details.paragraph--view-mode--preview .field--name-title {
  font-size: 1.25rem;
  font-weight: bold;
}

/** Divider */
.paragraph--type--lp-divider.paragraph--view-mode--preview .divider__inner {
  height: 4px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  margin-block: 1rem;
}

/** Text with icon */
.paragraph--type--lp-text-with-icon.paragraph--view-mode--preview {
  display: flex;
  gap: 1rem;
  align-items: end;
}

.paragraph--type--lp-text-with-icon.paragraph--view-mode--preview .field--name-title {
  font-weight: bold;
}

.paragraph a {
  overflow-wrap: anywhere;
}

.paragraph .field {
  /*pointer-events: none;*/
}

.layout [date-region] > :not([hidden]) ~ :not([hidden]) {
  margin-top: 2rem;
  margin-bottom: 0;
}

.justify-left {
  justify-content: start;
}

.justify-center {
  justify-content: center;
}

.justify-right {
  justify-content: end;
}

@media screen and (min-width: 991px) {
  .layout--twocol.layout--twocol--66x33 > .layout__region--first {
    flex: 0 1 66%;
  }
  .layout--twocol.layout--twocol--66x33 > .layout__region--second {
    flex: 0 1 33%;
  }

  .layout--twocol.layout--twocol--33x66 > .layout__region--first {
    flex: 0 1 33%;
  }
  .layout--twocol.layout--twocol--33x66 > .layout__region--second {
    flex: 0 1 66%;
  }

  .layout--twocol.layout--twocol--25x75 > .layout__region--first {
    flex: 0 1 25%;
  }
  .layout--twocol.layout--twocol--25x75 > .layout__region--second {
    flex: 0 1 75%;
  }

  .layout--twocol.layout--twocol--75x25 > .layout__region--first {
    flex: 0 1 75%;
  }
  .layout--twocol.layout--twocol--75x25 > .layout__region--second {
    flex: 0 1 25%;
  }

  .layout--twocol, .layout--threecol {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.5vw;
  }

  .layout--twocol > .layout__region--first, .layout--twocol > .layout__region--second {
    flex: 0 1 50%;
    max-width: 50%;
    /*min-width: 50%;*/
  }

  .layout--threecol > .layout__region--first {
    flex: 0 1 33%;
    /*min-width: 33%;*/
    max-width: 33%;
  }
  .layout--threecol > .layout__region--second {
    flex: 0 1 34%;
    /*min-width: 34%;*/
    max-width: 34%;
  }
  .layout--threecol > .layout__region--third {
    flex: 0 1 33%;
    /*min-width: 33%;*/
    max-width: 33%
  }

  .layout--threecol.layout--threecol--25x50x25 > .layout__region--first {
    flex: 0 1 25%;
  }
  .layout--threecol.layout--threecol--25x50x25 > .layout__region--second {
    flex: 0 1 50%;
  }
  .layout--threecol.layout--threecol--25x50x25 > .layout__region--third {
    flex: 0 1 25%;
  }
}

@media screen and (max-width: 991px) {
  .layout--twocol, .layout--threecol {
    gap: 5vw;
  }

}

/** View */
.viewsreference--view-title {
  display: none;
}

.ui-dialog.lpb-dialog {
  max-height: 90%;
}


.flex{
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.items-center {
    align-items: center;
}



@media (min-width: 640px) {
    .sm\:block {
        display:block;
    }

    .sm\:hidden {
        display: none;
    }

    .sm\:flex-row {
        flex-direction: row;
    }
}

@media (min-width: 768px) {
    .md\:relative {
        position:relative;
    }

    .md\:col-span-12 {
        grid-column: span 12 / span 12;
    }

    .md\:col-span-6 {
        grid-column: span 6 / span 6;
    }

    .md\:m-auto {
        margin: auto;
    }

    .md\:mx-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .md\:mb-0 {
        margin-bottom: 0px;
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem;
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem;
    }

    .md\:mt-0 {
        margin-top: 0px;
    }

    .md\:block {
        display: block;
    }

    .md\:flex {
        display: flex;
    }

    .md\:table {
        display: table;
    }

    .md\:table-row-group {
        display: table-row-group;
    }

    .md\:table-row {
        display: table-row;
    }

    .md\:grid {
        display: grid;
    }

    .md\:hidden {
        display: none;
    }

    .md\:h-\[300px\] {
        height: 300px;
    }

    .md\:h-\[350px\] {
        height: 350px;
    }

    .md\:h-\[800px\] {
        height: 800px;
    }

    .md\:h-fit {
        height: -moz-fit-content;
        height: fit-content;
    }

    .md\:w-1\/2 {
        width: 50%;
    }

    .md\:w-3\/12 {
        width: 25%;
    }

    .md\:w-48 {
        width: 12rem;
    }

    .md\:w-5\/12 {
        width: 41.666667%;
    }

    .md\:w-6\/12 {
        width: 50%;
    }

    .md\:w-fit {
        width: -moz-fit-content;
        width: fit-content;
    }

    .md\:min-w-64 {
        min-width: 16rem;
    }

    .md\:min-w-min {
        min-width: -moz-min-content;
        min-width: min-content;
    }

    .md\:max-w-none {
        max-width: none;
    }

    .md\:flex-none {
        flex: none;
    }

    .md\:grid-cols-12 {
        grid-template-columns: repeat(12,minmax(0,1fr));
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .md\:grid-cols-4\/5\/3 {
        grid-template-columns: minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);
    }

    .md\:grid-cols-40\/20\/40 {
        grid-template-columns: minmax(0,2fr) minmax(0,1fr) minmax(0,2fr);
    }

    .md\:grid-cols-64\/12\/12\/12 {
        grid-template-columns: minmax(0,9fr) minmax(0,3fr) minmax(0,2fr) minmax(0,2fr);
    }

    .md\:flex-row {
        flex-direction: row;
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap;
    }

    .md\:items-start {
        align-items: flex-start;
    }

    .md\:justify-start {
        justify-content: flex-start;
    }

    .md\:justify-end {
        justify-content: flex-end;
    }

    .md\:justify-between {
        justify-content: space-between;
    }

    .md\:gap-5 {
        gap: 1.25rem;
    }

    .md\:gap-y-4 {
        row-gap: 1rem;
    }

    .md\:border {
        border-width: 1px;
    }

    .md\:border-0 {
        border-width: 0px;
    }

    .md\:border-y {
        border-top-width: 1px;
        border-bottom-width: 1px;
    }

    .md\:border-b-4 {
        border-bottom-width: 4px;
    }

    .md\:border-primary {
        --tw-border-opacity: 1;
        border-color: rgb(var(--color-primary) / var(--tw-border-opacity));
    }

    .md\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .md\:pb-0 {
        padding-bottom: 0px;
    }

    .md\:pb-2 {
        padding-bottom: 0.5rem;
    }

    .md\:pb-20 {
        padding-bottom: 5rem;
    }

    .md\:pb-24 {
        padding-bottom: 6rem;
    }

    .md\:pl-2 {
        padding-left: 0.5rem;
    }

    .md\:pl-20 {
        padding-left: 5rem;
    }

    .md\:pl-6 {
        padding-left: 1.5rem;
    }

    .md\:pr-16 {
        padding-right: 4rem;
    }

    .md\:pr-4 {
        padding-right: 1rem;
    }

    .md\:pt-2 {
        padding-top: 0.5rem;
    }

    .md\:pt-20 {
        padding-top: 5rem;
    }

    .md\:pt-24 {
        padding-top: 6rem;
    }

    .md\:text-left {
        text-align: left;
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .md\:font-normal {
        font-weight: 400;
    }
}

@media (min-width: 1024px) {
    .lg\:absolute {
        position:absolute;
    }

    .lg\:left-full {
        left: 100%;
    }

    .lg\:top-0 {
        top: 0px;
    }

    .lg\:top-full {
        top: 100%;
    }

    .lg\:order-2 {
        order: 2;
    }

    .lg\:order-3 {
        order: 3;
    }

    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .lg\:col-span-4 {
        grid-column: span 4 / span 4;
    }

    .lg\:row-start-auto {
        grid-row-start: auto;
    }

    .lg\:-my-16 {
        margin-top: -4rem;
        margin-bottom: -4rem;
    }

    .lg\:my-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .lg\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .lg\:mr-6 {
        margin-right: 1.5rem;
    }

    .lg\:block {
        display: block;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:h-\[660px\] {
        height: 660px;
    }

    .lg\:h-auto {
        height: auto;
    }

    .lg\:w-2\/12 {
        width: 16.666667%;
    }

    .lg\:w-2\/5 {
        width: 40%;
    }

    .lg\:w-20 {
        width: 5rem;
    }

    .lg\:w-3\/12 {
        width: 25%;
    }

    .lg\:w-3\/5 {
        width: 60%;
    }

    .lg\:w-36 {
        width: 9rem;
    }

    .lg\:w-9\/12 {
        width: 75%;
    }

    .lg\:w-auto {
        width: auto;
    }

    .lg\:w-fit {
        width: -moz-fit-content;
        width: fit-content;
    }

    .lg\:w-full {
        width: 100%;
    }

    .lg\:max-w-64 {
        max-width: 16rem;
    }

    .lg\:max-w-7xl {
        max-width: 100rem;
    }

    .lg\:max-w-lg {
        max-width: 32rem;
    }

    .lg\:flex-grow {
        flex-grow: 1;
    }

    .lg\:\!rotate-0 {
        --tw-rotate: 0deg !important;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    }

    .lg\:-rotate-90 {
        --tw-rotate: -90deg;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .lg\:grid-cols-25\/25\/50 {
        grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);
    }

    .lg\:grid-cols-25\/50\/25 {
        grid-template-columns: minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);
    }

    .lg\:grid-cols-25\/75 {
        grid-template-columns: minmax(0,1fr) minmax(0,3fr);
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    .lg\:grid-cols-33\/66 {
        grid-template-columns: minmax(0,1fr) minmax(0,2fr);
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }

    .lg\:grid-cols-40\/60 {
        grid-template-columns: minmax(0,3fr) minmax(0,4fr);
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr));
    }

    .lg\:grid-cols-60\/40 {
        grid-template-columns: minmax(0,4fr) minmax(0,3fr);
    }

    .lg\:grid-cols-66\/33 {
        grid-template-columns: minmax(0,2fr) minmax(0,1fr);
    }

    .lg\:grid-cols-75\/25 {
        grid-template-columns: minmax(0,3fr) minmax(0,1fr);
    }

    .lg\:flex-row {
        flex-direction: row;
    }

    .lg\:flex-col {
        flex-direction: column;
    }

    .lg\:items-center {
        align-items: center;
    }

    .lg\:justify-end {
        justify-content: flex-end;
    }

    .lg\:justify-between {
        justify-content: space-between;
    }

    .lg\:justify-around {
        justify-content: space-around;
    }

    .lg\:gap-0 {
        gap: 0px;
    }

    .lg\:gap-6 {
        gap: 1.5rem;
    }

    .lg\:gap-7 {
        gap: 1.75rem;
    }

    .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
    }

    .lg\:border-0 {
        border-width: 0px;
    }

    .lg\:border-l {
        border-left-width: 1px;
    }

    .lg\:border-r {
        border-right-width: 1px;
    }

    .lg\:border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgb(229 231 235 / var(--tw-border-opacity));
    }

    .lg\:border-white {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity));
    }

    .lg\:bg-transparent {
        background-color: transparent;
    }

    .lg\:bg-white\/60 {
        background-color: rgb(255 255 255 / 0.6);
    }

    .lg\:p-0 {
        padding: 0px;
    }

    .lg\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .lg\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }

    .lg\:py-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    .lg\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .lg\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .lg\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .lg\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .lg\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .lg\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .lg\:pl-20 {
        padding-left: 5rem;
    }

    .lg\:pl-4 {
        padding-left: 1rem;
    }

    .lg\:pr-24 {
        padding-right: 6rem;
    }

    .lg\:pr-4 {
        padding-right: 1rem;
    }

    .lg\:pr-6 {
        padding-right: 1.5rem;
    }

    .lg\:pr-7 {
        padding-right: 1.75rem;
    }

    .lg\:pr-8 {
        padding-right: 2rem;
    }

    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .lg\:text-\[22px\] {
        font-size: 22px;
    }

    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .lg\:text-xs {
        font-size: 0.75rem;
        line-height: 1rem;
    }

    .lg\:text-current {
        color: currentColor;
    }

    .lg\:text-text {
        --tw-text-opacity: 1;
        color: rgb(var(--color-text) / var(--tw-text-opacity));
    }

    .lg\:shadow {
        --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    }
}

@media (min-width: 1280px) {
    .xl\:block {
        display:block;
    }

    .xl\:hidden {
        display: none;
    }

    .xl\:w-48 {
        width: 12rem;
    }

    .xl\:w-auto {
        width: auto;
    }

    .xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .xl\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }

    .xl\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

.field--name-lp-sections > .field__item > .paragraph > div > .layout {
  margin-left: 0;
  margin-right: 0;
  padding: 2.5vw 5vw;
}

@media (max-width: 991px) {
  .field--name-lp-sections > .field__item > .paragraph > div > .layout {
    padding: 5vw;
  }
}

.paragraph .field--name-field-fondo-gris {
  display: none!important;
}

.paragraph .field--name-field-borde {
  display: none!important;
}

.lp-builder .field--name-field-fondo-gris {
  display: none!important;
}