/* General Styles ------------------------------- */
/* Fonts */
@font-face {
  font-family: "Perelada";
  src: url("../fonts/perelada_04-Regular.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ArponaSans Light";
  src: url("../fonts/arponasans-light.otf");
  font-weight: normal;
  font-style: normal;
}

/* Color */
:root {
    --Perelada-Pardo: #a39382;
    --Perelada-Hueso: #eeeee8;
    --Perelada-Negro: #2c2a29;
}
/* Background Color */
.bg-perelada-pardo {
    background-color: var(--Perelada-Pardo, #a39382);
}
.bg-perelada-hueso {
    background-color: var(--Perelada-Hueso, #eeeee8);
}
.bg-perelada-negro {
    background-color: var(--Perelada-Negro, #2c2a29);
}
/* Text Color */
.color-perelada-pardo {
    color: var(--Perelada-Pardo, #a39382);
}
.color-perelada-hueso {
    color: var(--Perelada-Hueso, #eeeee8);
}
.color-perelada-negro {
    color: var(--Perelada-Negro, #2c2a29);
}
/* Text Formats --------------------------------- */
h1 {
    font-family: "Perelada";
    color: var(--Perelada-Pardo, #a39382) !important;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 2.75rem;
}
h2 {
    font-family: "Perelada";
    color: var(--Perelada-Pardo, #a39382) !important;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 1.6rem;
}

/* Structure ------------------------------------ */
.flex-center {
    display: flex;
    justify-content: center;
}
.flex-centered {
    display: flex;
    justify-content: center;
    align-items: center;
}
.col-2 {
    display: flex;
    gap: 20px;
}
.col-2 > * {
    width: 50%;
}
/* Page Elements -------------------------------- */
/* Page Banner */
.page-banner {
    height: 300px;
    color: var(--Perelada-Hueso, #eeeee8) !important;
    background-repeat: no-repeat;
    background-size: cover;
}
.overlay-darken {
    position: relative;
    z-index: 0;
}
.overlay-darken::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(44 42 41 / 20%);
    z-index: -1;
}


/* Nuestra Historia */
.nuestra-historia {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.nuestra-historia .page-banner {
    background-image: url("/sites/default/files/2025/banner-historia.jpg");
    background-position: 0px 70%;
}
.nuestra-historia .page-banner h1 {
    color: var(--Perelada-Hueso, #eeeee8) !important;
}
.nuestra-historia .legado-centenario {
    background-image: url("/sites/default/files/2025/0019.jpg");
    background-position: 0px 50%;
    background-size: cover;
}
.nuestra-historia .origenes {
    background-image: url("/sites/default/files/2025/0077.jpg");
    background-position: 0px 50%;
    background-size: cover;
}
.nuestra-historia .generaciones {
    background-image: url("/sites/default/files/2025/0027.jpg");
    background-position: 0px 50%;
    background-size: cover;
}
.nuestra-historia--section {
    min-height: 400px;
    background-color: var(--Perelada-Negro, #2c2a29);
    color: var(--Perelada-Hueso, #eeeee8);
}
.nuestra-historia--section h2 {
    color: var(--Perelada-Hueso, #eeeee8) !important;
}
.nuestra-historia--section .section-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 80%;
}
.nuestra-historia--section .section-wrapper div:last-child {
    display: flex;
    justify-content: end;
}
.nuestra-historia--section .section-wrapper div:last-child > * {
    width: 80%;
}
/* Cultura y Arte */
.cultura-arte {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.cultura-arte .page-banner {
    background-image: url("/sites/default/files/2025/_A6A3621 retoc.jpg");
    background-position: 0px 45%;
}
.cultura-arte .museo-vidrio {
    background-image: url("/sites/default/files/2025/_A6A3405.jpg");
    background-position: 0px 50%;
    background-size: cover;
}
.cultura-arte .museo-vino {
    background-image: url("/sites/default/files/2025/_A6A3455.jpg");
    background-position: 0px 50%;
    background-size: cover;
}
.cultura-arte .sala-hispano-suiza {
    background-image: url("/sites/default/files/2025/_A6A3566.jpg");
    background-position: 0px 50%;
    background-size: cover;
}
.cultura-arte .biblioteca {
    background-image: url("/sites/default/files/2025/_A6A3670.jpg");
    background-position: 0px 50%;
    background-size: cover;
}
.cultura-arte .page-banner h1 {
    color: var(--Perelada-Hueso, #eeeee8) !important;
}
.cultura-arte .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.cultura-arte .content-wrapper > * {
    width: 80%;
}
.cultura-arte .content-wrapper .cultura-arte--section:not(:first-child) {
    background-color: var(--Perelada-Pardo, #a39382);
    min-height: 400px;
    display: flex;
}
.cultura-arte .content-wrapper .cultura-arte--section .section-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--Perelada-Hueso, #eeeee8);
    padding: 50px 30px 50px 80px;
}
.cultura-arte .content-wrapper .cultura-arte--section .section-wrapper h2 {
    color: var(--Perelada-Hueso, #eeeee8) !important;
}
.cultura-arte--section .section-wrapper div:last-child {
    display: flex;
    justify-content: end;
    text-align: right;
}
.cultura-arte--section .section-wrapper div:last-child > * {
    width: 80%;
}
/* Perelada, mas que una bodega */
.perelada-bodega {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.perelada-bodega .page-banner {
    background-image: url("/sites/default/files/2025/_A6A1819.jpg");
    background-position: 0px 80%;
}
.perelada-bodega .page-banner h1 {
    color: var(--Perelada-Hueso, #eeeee8) !important;
}
.perelada-bodega .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.perelada-bodega .content-wrapper > * {
    width: 80%;
}


/* Override 2025 */
header {
  margin: 0 !important;
  padding: 0 !important;
}
.column, .columns {
  padding: 0 !important;
}
.container {
    max-width: 100% !important;
}

/* Pagina Basica */
.page-node .main header,
.page-node .main .main-content .breadcrums,
.page-node .main .main-content > .columns,
.page-node .main .main-content .content-images,
.page-node .main .main-content .submenu-content,
.page-node .main .main-content .pane-node-title {
    display: none;
}
.page-node .main-content.main-content-done {
    top: 0 !important;
}
.page-node .main .main-content {
    padding: 0 !important;
}
.page-node .main .main-content .content,
.page-node .main .main-content .content > * {
    width: 100% !important;
}

/* Home */
.home-video .video-fullscreen video {
    height: calc(100vh - 79px);
}
.home-misio {
    margin: 50px 0 80px !important;
}
.front .main-content.main-content-done {
    top: 0 !important;
    padding: 0 !important;
}
.home-sobre-nosotros .pane-content > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: justify;
}
.home-sobre-nosotros .pane-content > div:last-child {
    width: 35%;
}
.main-content .content-area:not(:first-child),
.main-content .content-area:not(:last-child) {
    max-width: 1200px;
    margin: 0 auto;
}
.activitat_list .blog-list .view-content {
    display: flex;
    gap: 10px;
}
.activitat_list .blog-list .view-content .item-done {
    position: relative;
}
.activitat_list .blog-list .view-content .item-done .field-content a {
    display: block;
    z-index: 3;
}
.blog-list .info {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 0;
    color: var(--Perelada-Hueso, #eeeee8);
    background: rgb(44 42 41 / 50%);
}
.blog-list .info .views-field-title {
    text-align: center;   
}
.blog-list .info .views-field-title a {
    color: var(--Perelada-Hueso, #eeeee8);
}
.blog-list .info .views-field-body {
    display: flex;
    justify-content: right;
    text-align: right;
    font-size: 14px;
}
.blog-list .info .views-field-body > div {
    width: 80%;
}
.blog-list .info .views-field-title-1 {
    display: none;
}
.activitat_list .item-list,
.activitat_list .view-footer {
    display: none;
}
.pagines-relacionades {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.pagines-relacionades > div {
    display: flex;
}
.pagines-relacionades .perelada-resort > div:last-child,
.pagines-relacionades .celler-95 > div:last-child {
    width: 40%;
    padding: 0 20px;
}
.pagines-relacionades .celler-95 {
    flex-direction: row-reverse;
}