/* =============================================
   Header 
   ============================================= */

/* Sticky y z-index */
header {
    top: 0;
    height: 220px;
    position: fixed;
    width: 100%;
    display: flex;
    background-color: #f3f1ee;
    z-index: 11
}
.site-header,
header.wp-block-template-part > .wp-block-group.alignfull {
    z-index: 1000;
}

header.wp-block-template-part > .wp-block-group .logo img {
    width:342px;height:80px;
}

/* Altura mínima */
header.wp-block-template-part > .wp-block-group.alignfull {

    width: 100% !important;
    top: 0;
    transition: box-shadow 0.5s ease, height 0.5s ease;
    box-shadow: none;
    overflow: hidden; 
}
header .wp-container-core-group-is-layout-431f4d13{
    margin-top: 60px;
}
@media (min-width:1023px){
    header.wp-block-template-part > .wp-block-group.alignfull.is-scrolled {
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
        height: 160px;
    }
}

/* Limitar ancho del contenido interior a 1140px y centrar */
.bn-header-wrap {
    width: 100% !important;
}
.bn-header-inner {
    max-width: 1140px;
    width: 100%;
    height: 220px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 40px 7px 40px;
    box-sizing: border-box;
    display: flex;
}
  header.wp-block-template-part .wp-block-navigation__container {
       gap:37px
    }

/* Logo */
header.wp-block-template-part > .wp-block-group .wp-block-image {
    margin: 0;
    flex-shrink: 0;
}

header.wp-block-template-part > .wp-block-group .wp-block-image.logo-mobile img {
    display: none;

}
header.wp-block-template-part > .wp-block-group .wp-block-image img {
    display: block;
    object-fit: contain;
}

/* Navegación: tipografía */
header.wp-block-template-part > .wp-block-group .wp-block-navigation a {
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    color: #1d1d1b !important;
    transition: opacity 0.2s ease;
}
header.wp-block-template-part > .wp-block-group .wp-block-navigation a[aria-current="page"] {
    opacity: 0.3;
}

header.wp-block-template-part > .wp-block-group .wp-block-navigation a:hover {
    opacity: 0.3;
}
header.wp-block-template-part .wp-block-page-list {
    gap:40px!important;
}

/* Separador vertical social */
.bn-header__divider {
    width: 1px !important;
    height: 38px !important;
    margin: 0 4px !important;
    border: none !important;
    align-self: center;
}

/* Iconos sociales */
.bn-header__social .wp-block-image {
    margin: 0;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

.bn-header__social .wp-block-image:hover {
    opacity: 0.4;
}

.bn-header__social .wp-block-image a {
    display: flex;
    align-items: center;
}

@media (max-width: 1023px) {
    .wp-block-navigation__responsive-container.is-menu-open {
        background-color: #f3f1ee!important;
        background-color: transparent!important;
        padding:0px 0px !important;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        align-items: center;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        overflow: visible;
        padding-top: 74px;
        align-content: center;
        justify-content: center;
        margin-top: 72px;
        gap:22px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
        /* margin-top: 48px; */
    }
    .wp-block-navigation__responsive-container-close {
background-color: #f2f1ee;
    right: 20px!important;
    margin-top: -44px!important;

}
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul {
        gap:0!important
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul li{
      height: 52px;
        justify-content: center;
        width: 136px;
        align-items: center!important;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul li:nth-child(2){
      border-top:1px solid #1a171b;
      border-bottom:1px solid #1a171b;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul li:last-child{
      margin-bottom: 14px!important;
    }
}
@media (max-width: 1023px) {
.wp-block-navigation__responsive-container-content {
    background: linear-gradient(
        to bottom,
  
        transparent 5px,
        transparent 52px,
        #f3f1ee 52px
    ) !important;
}
}

/* Mobile */
@media (max-width: 1023px) {
    header.wp-block-template-part > .wp-block-group .wp-block-navigation a img{
        width: 22px!important;
        height: 22px!important;
    }
    header.wp-block-template-part > .wp-block-group .logo {
        display: none;
        
    }
    header.wp-block-template-part > .wp-block-group .logo-mobile img {
        width:228px;
        height: auto;
    }
    header {
    
    height: 124px!important;
    position: fixed;
  
}
.bn-header-inner {
    width: 100%;
    height: 78px;
    padding: 0 20px ;

}
    header.wp-block-template-part > .wp-block-group.alignfull {
        padding-left: 0px !important;
        padding-right: 0px !important;
        height: 124px;
        justify-content: space-between;
        flex-direction: column;
        display: flex;
    }

    .bn-header__social {
        display: none !important;
    }

    header.wp-block-template-part > .wp-block-group {
        padding-left: 20px;
        padding-right: 20px;
        height: 72px;
    }

    header.wp-block-template-part .wp-block-group {
        margin-top: 0 !important;
    }

    header.wp-block-template-part .bn-header__social {
        display: none !important;
    }

    header.wp-block-template-part .wp-block-navigation__container {
        display: none;
    }

    header.wp-block-template-part .wp-block-navigation__responsive-container-open {
        display: flex !important;
        align-items: center;
    }

    header.wp-block-template-part > .wp-block-group > .wp-block-group {
        width: 100%;
        min-width: 100%;
        justify-content: space-between;
    }

    header.wp-block-template-part figure.wp-block-image {
        margin-right: auto;
    }
}
     @media (max-width: 1180px) {
            .bn-header__social {
                display: none !important;
            }

            .bn-mobile-social {
           display: flex;
            justify-content: center;
            gap: 33px;
            height: 46px;
            margin-top: auto;
            flex-direction: row;
            background: #e0d6c2;
            width: 100%;
            align-items: center;
            padding-left:6px

            }

            .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
                display: flex;
                flex-direction: column-reverse;
            }
        }
/* =============================================
   Footer
   ============================================= */

.bn-footer {
    background: linear-gradient(to top, #eae3d7 60%, #f3f1ee 100%) !important;
    display: flex;
    align-items: flex-end;
    padding-bottom: 38px;
    padding-top: 42px;
}
@media (min-width:1024px){
    .bn-footer {
        height: 272px;
    }
}
.bn-footer .wp-block-columns {
    width: 100%;
    max-width: 1140px;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
}

/* Botón encargo */
.bn-footer__btn .wp-block-button__link {
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.bn-footer__btn .wp-block-button__link:hover {
    background-color: #3a3a2e !important;
    color: #f0ece4 !important;
}

/* Enlaces legales */
.bn-footer .wp-block-column:last-child a {
    transition: opacity 0.2s ease;
}

.bn-footer .wp-block-column:last-child a:hover {
    opacity: 0.5;
}

/* Email */
.bn-footer .wp-block-column:first-child a:hover {
    opacity: 0.5;
}
footer a {
    text-decoration: none;
}

/* Mobile */
@media (max-width: 1023px) {
    .bn-footer .wp-block-columns {
        flex-direction: column;
        gap: 40px !important;
        padding: 0!important;
    }

    .bn-footer .wp-block-column {
        flex-basis: 100% !important;
     display: flex;
        flex-direction: column;
        align-items: center;
    }

    .bn-footer .wp-block-column:last-child p {
        text-align: left !important;
    }
    .bn-footer {
        padding-top: 40px!important;
    }
    .btn-footer {
        justify-content: flex-start!important;
    }
    
}

@media (min-width: 769px) {
    .wp-block-navigation .bn-nav-social {
        display: none;
    }
}

@media (max-width: 1023px) {
    .bn-header__social {
        display: none;
    }
}

/* Ocultar dentro del nav en escritorio */
@media (min-width: 782px) {
    .bn-nav__social {
        display: none !important;
    }
}

/* Ocultar los del header en móvil */
@media (max-width: 781px) {
    .bn-header__social {
        display: none !important;
    }
}

/* Estilo dentro del overlay móvil */
@media (max-width: 781px) {
    .wp-block-navigation__responsive-container.is-menu-open .bn-nav__social {
        justify-content: center;
        padding-top: 24px;
        margin-top: 16px;
        border-top: 1px solid rgba(0,0,0,0.1);
        width: 100%;
    }
    
}
@media (max-width: 767px) {
header.wp-block-template-part > .wp-block-group .wp-block-image.logo-mobile img {
    display: flex;
    object-fit: contain;
}
header.wp-block-template-part > .wp-block-group .wp-block-image.logo img {
    display:none;
}

}