/* =============================================
  CARETA
   ============================================= */
#careta {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    background-image: url(http://dedisplay.es/atelier/wp-content/uploads/2026/03/img-careta-desktop.webp);
    background-size: cover;
}

#careta>.wp-block-group {
    width: 458px;
    height: 458px;
    padding-top: 58px;
}

#careta a {
    color: #1a171b;
    text-decoration: none;
    width: 20px;
    height: 20px;
}

#careta hr {
    width: 15px;
    color: #1a171b;
}

#careta>.wp-block-group figure {
    width: 280px;
}

#careta .rrss {
    margin-top: 20px;
}

#careta .rrss figure {
    max-width: 20px;
    height: 20px;
}

#careta .rrss figure.tiktok img {
    max-height: 20px !important;
}

#careta .copyright {
    color: #857d82 !important;
    font-size: 15px;
    text-align: left;
    margin: 14px 0 0 0;
    width: 458px;
}

@media (max-width: 767px) {
    #careta {
        padding: 0 32px;
        height: calc(var(--vh, 1vh) * 100) !important;
        background-image: url(http://dedisplay.es/atelier/wp-content/uploads/2026/03/img-careta-movil.webp);
    }

    #careta hr {
        width: 12px;
        height: 1px;
        color: #1a171b;
        margin-top: 22px !important;
        margin-bottom: 17px !important;
    }

    #careta>.wp-block-group {
        width: 304px;
        height: 304px;
        padding-top: 38px;
    }

    #careta>.wp-block-group figure {
        width: 186px;
    }

    #careta a {
        width: 14px;
        height: 14px;
    }

    #careta .rrss figure.tiktok img {
        max-height: 14px !important;
    }

    #careta .rrss figure {
        width: 14px;
        display: flex;
    }

    #careta p {
        line-height: 1.2;
        font-size: 15px !important;
    }

    #careta .rrss {
        margin-top: 17px;
        gap: 17px;
    }

    #careta .copyright {
        font-size: 11px;
        position: absolute;
        bottom: 40px;
        color: #1a171b !important;
        text-align: center;
    }
}

/* =============================================
   Editorial Grid - 3 Columns
   bn-saas/editorial-grid
   ============================================= */

.col-relative {
    position: relative;
}

/* Sin gap entre columnas y ancho completo */
.wp-block-columns.alignfull {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Overflow hidden en cada cover para contener el zoom */
.bn-editorial-col {
    overflow: hidden;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 !important;
}

/* Imagen: transición de zoom */
.bn-editorial-col .wp-block-cover__image-background {
    transition: transform 0.6s ease;
    transform: scale(1);
}

.cursor-default,
.cursor-default * {
    cursor: default !important;
}

.bn-editorial-col.no-zoom:hover .wp-block-cover__image-background {

    transform: none !important;
    cursor: default;
}

.bn-editorial-col:hover .wp-block-cover__image-background {
    transform: scale(1.06);
}

/* Overlay: se oscurece ligeramente en hover */
.bn-editorial-col .wp-block-cover__background {
    transition: opacity 0.4s ease;
}

.bn-editorial-col:hover .wp-block-cover__background {
    opacity: 0.25 !important;
}

/* Etiqueta: siempre arriba a la izquierda ocupando todo el cover */
.bn-editorial-col .wp-block-cover__inner-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    padding: 20px 0 0 22px;
    width: 100%;
}

.bn-editorial-col .wp-block-cover__inner-container p {
    margin: 0;
    line-height: 1;
}

.bn-editorial-col .wp-block-cover__inner-container p {
    color: #ffffff !important;
}

/* Desktop */
@media (min-width: 782px) {
    .bn-editorial-col {
        min-height: 531px !important;
    }
}

/* Mobile */
@media (max-width: 781px) {
    .bn-editorial-col {
        min-height: 608px !important;
    }

    .bn-editorial-col .wp-block-cover__inner-container {
        padding: 18px 0 0 24px;
    }
}

.btn-mobile {
    display: none;
    position: absolute;
    bottom: 64px;
    left: 0;
    z-index: 2;
    padding: 28px 0;
    width: 100%;

}

.btn-mobile .wp-block-button .wp-block-button__link {
    border: 1px solid white;
    font-size: 15px;
    background: transparent;
    border-radius: 0;
    text-transform: uppercase;
    width: 186px;
}


/* =============================================
   Home Fila 2
   ============================================= */
.first {
    align-items: flex-start;
}

.first.bn-editorial-col .wp-block-cover__inner-container {
    padding: 55px 60px 0 46px !important;
}

/* =============================================
   Home Fila fullwidth
   ============================================= */
.home-fila-2 {
    padding: 80px 105px 0 0 !important;
    align-items: flex-start;
}

.home-fila-2 p {
    line-height: 1;
}

@media (max-width: 1024px) {

    .home-fila-2,
    .first.bn-editorial-col .wp-block-cover__inner-container {
        padding: 60px 40px 0 !important;
    }

    .home-fila-3-title {
        font-size: 30px !important;
    }

    .home-fila-2 .wp-block-cover__inner-container {
        display: flex;
        justify-content: flex-end;
    }

    .home-fila-2 p {
        text-align: right !important;
        max-width: 200px;
        font-size: 30px !important;
    }
}

@media (min-width: 820px) and (max-width: 1023px) {

    .home-fila-2,
    .first.bn-editorial-col .wp-block-cover__inner-container {
        padding: 40px 40px 0 40px !important;
    }
}

@media (max-width: 767px) {

    .home-fila-2,
    .first.bn-editorial-col .wp-block-cover__inner-container {
        padding: 30px 24px 0 44px !important;
    }

    .first.bn-editorial-col.pad-24 .wp-block-cover__inner-container {
        padding: 54px 24px 0 44px !important;
    }

    .home-fila-2 p {
        text-align: left;
    }
}

/* =============================================
   Home Final Pattern
   ============================================= */

.bn-home-final {
    position: relative;
    background-image: url("http://dedisplay.es/atelier/wp-content/uploads/2026/02/back_mt_home.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center 84px !important;
    background-size: 316px !important;
}

.bn-home-final a {
    text-underline-offset: 6px;
}

.bn-home-final__content {
    position: relative;
    z-index: 1;
    max-width: 900px !important;
}

@media (max-width: 767px) {
    .bn-home-final__bg img {
        height: 180px;
    }

    .bn-home-final {
        background-position: center center !important;
        background-size: 276px !important;
        padding: 64px 40px !important;
        display: flex;
        align-items: center;
    }

    .underline-offset {
        line-height: 1.6 !important;
    }
}

/* =============================================
   Atelier
   ============================================= */

@media (min-width: 1160px) {
    .atelier_container {
        max-height: 847px;
    }

    .atelier_container .wp-block-column:nth-child(1) {
        position: relative;
    }

}

.atelier_container {
    margin-bottom: 122px !important;
    margin-top: 0;
}

.atelier_cols-intro {
    padding: 33px 40px 69px 39px;
    gap: 40px;
}

.atelier_cols-end {
    padding: 0px 64px 69px 94px;
    margin-top: 0;
    ;
    gap: 16px;
}

.atelier_cols-intro .wp-block-column {
    flex-basis: 1;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 16px
}

.atelier_cols-intro .wp-block-column:nth-child(2) {
    padding-right: 0px;
}

.atelier_col_title-1 {
    display: flex;
    justify-content: flex-end;
    padding-right: 76px;
}

.img-marta img {
    object-fit: cover;
    width: 100% !important;
    height: 320px;
    object-position: center 40%;
}

.img-atelier {
    height: 100% !important;
    width: 100% !important;
}

.img-atelier img {
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
}

.atelier_logos-container {
    max-width: 488px;
    margin-top: 30px;

    gap: 25px
}

.atelier_container-text {
    padding: 52px 40px 40px 66px;
}


@media (min-width: 768px) {
    .atelier_cols-intro {
        flex-direction: column;
    }

    .atelier_col_title-1 {
        justify-content: flex-start;
        width: 100%!important;
    }

}

@media (min-width: 768px) and (max-width: 781px) {
    .wp-block-columns.atelier_container:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 50% !important;
    }
}

@media (min-width: 768px) and (max-width: 820px) {

    .atelier_container-text {
        padding: 52px 40px 40px;
    }
}

@media (min-width: 821px) and (max-width: 1160px) {

    .atelier_container-text {
        padding: 52px 60px 40px;
    }
}

@media (max-width:1024px) {
    .atelier_cols-intro {
        padding: 3px 64px 69px 94px;
        gap: 20px;
    }


}

@media (max-width: 767px) {
    .atelier_container {
        margin-bottom: 32px !important;
    }

    .atelier_cols-intro {
        padding: 40px 32px 56px;
    }

    .atelier_cols-end {
        padding: 0px 32px 56px;
    }


    .img-marta img {
        height: 320px !important;
    }

    .img-atelier img {
        height: auto !important;
    }

    .atelier_container-text {
        padding: 56px 32px 0px 32px;
    }

    .atelier_logos-container {
        margin-top: 32px;
    }

    .atelier_logos-container {
        flex-direction: row;
    }

    .atelier_logos-container .wp-block-column {
        max-width: 46% !important;
    }

    .atelier_cols-intro .wp-block-column:nth-child(2) {
        padding-right: 0px;
    }
}

/* =============================================
   encargos
   ============================================= */



/* full-width images wrapper */
.proyecto-images {
    display: grid;
    width: 100%;
    grid-template-columns: 38.6% 61.4%;
    box-sizing: border-box;
    height: 358px;
    overflow-x: hidden;
    align-items: stretch;
    margin-top: 0;
}


/* asegurar que las imágenes ocupen su celda y se recorten si hace falta */
.proyecto-images>.wp-block-image,
.proyecto-images>figure {
    margin: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
}

/* img comportamiento */
.proyecto-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: center 20%;
}

/* @media (min-width: 768px) and (max-width: 1023px) {
  .proyecto-intro .wp-block-columns > .wp-block-column:first-child {
    padding-right: 40px;
  }

  .proyecto-intro .wp-block-columns > .wp-block-column:last-child {
    padding-left: 40px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1060px) {
  .proyecto-intro .wp-block-columns > .wp-block-column:last-child {
    padding-left: 40px !important;
  }
} */

/*----------FAQS-----------------------*/
/*-----------------------------------*/
.faqs {
    margin-top: 60px;
}

#faqs {
    scroll-margin-top: 220px;
}

/* wrapper */
.wp-block-details {
    padding: 17px 0 22px;
    margin-block-start: 0px;
}

.wp-block-details {
    border-bottom: 1px solid #1a171b;
}

.wp-block-details:last-of-type {
    border-bottom: none;
}

/* summary (pregunta) */
.wp-block-details>summary {
    list-style: none;
    cursor: pointer;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    padding-left: 24px;
}

/* quitar marker nativo */
.wp-block-details>summary::-webkit-details-marker {
    display: none;
}

/* icono + / - */
.wp-block-details>summary::after {
    content: "+";
    font-size: 32px;
    line-height: 1;
    font-weight: 300;
    margin-right: 44px;
}

/* abierto */
.wp-block-details[open]>summary::after {
    content: "−";
}

/* contenido */
.faqs p {
    padding: 13px 148px 9px 106px;
    font-size: 16px;
    line-height: 1.6;
}

.faqs p.p-top-0 {
    padding-top: 8px;
}

.faqs ul {
    margin-left: 143px;
    list-style-type: "– ";
    line-height: 1.5;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .faqs {
        padding: 0 32px;
    }
}

/*-----------FORM--------------------*/
/*-----------FORM--------------------*/
.formulario {
    margin-top: 66px;
    padding-bottom: 45px;
}

.formulario h2 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 7px;
}

.formulario form {
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.formulario form label {
    color: var !important;
    margin-bottom: 15px;
    margin-left: 8px;
    display: block;
    font-size: 17px;
}

.formulario form label.range-label {
    margin-bottom: 8px;
}

.formulario .wpcf7.js {
    padding: 40px 60px;
    background-color: #eae7de;
}

.formulario fieldset {
    border: none;
}

.formulario fieldset.tipo-uso,
.formulario fieldset.budget,
.formulario fieldset.estilo,
.formulario fieldset.politica {
    margin-top: 12px;
}

.politica {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
}

.obligatorios {
    margin-left: auto;
    white-space: nowrap;
    color: #e2001a;
    font-size: 15px;
    margin-right: 13px;
}

.mark {
    color: #e2001a;
}

.formulario .importe {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
}

.formulario input,
.formulario textarea {
    border: 1px solid #1a171b;
    background-color: #eae7de;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}

.wpcf7-form ::placeholder {
    color: rgba(0, 0, 0, 0.45);
    font-weight: 400;
    font-family: "Quicksand", sans-serif;
    font-size: 17px;
}

.formulario input {
    height: 48px;
}

.formulario textarea {
    height: 125px;
    padding: 12px 20px;
}

.formulario input[type="submit"] {
    width: fit-content;
}

.form-row--2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

/* base */
input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 1px;
    background: #1a171b;
    outline: none;
    margin: 16px 0;
    cursor: pointer;
    border: none;
}

/* TRACK – Chrome / Safari */
input[type="range"]::-webkit-slider-runnable-track {
    height: 1px;
    background: #1a171b;
}

/* THUMB – Chrome / Safari */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 22px;
    height: 22px;
    background: #1a171b;
    border-radius: 50%;
    margin-top: -11px;
    /* centra el círculo en la línea */
    cursor: pointer;
}

/* TRACK – Firefox */
input[type="range"]::-moz-range-track {
    height: 1px;
    background: #1a171b;
}

/* THUMB – Firefox */
input[type="range"]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #1a171b;
    border: none;
    border-radius: 50%;
    cursor: pointer;
}

/* ocultar checkbox nativo */
.wpcf7-form input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* wrapper del acceptance */
.wpcf7-form .wpcf7-acceptance {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

/* label clickable */
.wpcf7-form .wpcf7-acceptance label {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

/* caja custom 26x26 */
.wpcf7-form .wpcf7-acceptance label::before {
    content: "";
    width: 26px;
    height: 26px;
    border: 1px solid #1a171b;
    display: inline-block;
    flex-shrink: 0;
}

/* estado checked */
.wpcf7-form input[type="checkbox"]:checked+span::before {
    background: #1a171b;
}

/* check interno (opcional, minimal) */
.wpcf7-form input[type="checkbox"]:checked+span::after {
    content: "";
    position: absolute;
    left: 9px;
    top: 9px;
    width: 10px;
    height: 10px;
    background: #1a171b;
}

/* texto */

.wpcf7-form .wpcf7-list-item {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.wpcf7-form .wpcf7-list-item-label {
    margin-left: 12px;
    font-size: 17px;
    line-height: 1.5;
}

.wpcf7-form .wpcf7-list-item-label a,
.wpcf7-form .wpcf7-list-item-label span {

    font-weight: 600;
    color: #1a171b;
}

.wpcf7-form .wpcf7-list-item-label a {
    text-decoration: underline;
    text-underline-offset: 4px;

}

.wpcf7-spinner {
    display: none;
}

#confirma_envio {
    background-size: 310px !important;
    background-repeat: no-repeat;
    background-position: center;
    height: 218px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    display: none;
    margin-top: 160px;
}

#confirma_envio_boton {
    margin-bottom: 160px;
    display: none;
}

#confirma_envio .title {
    font-size: 23px;

}

#confirma_envio .subtitle {
    font-size: 20px;
    margin-block-start: 0px;

}

/* móvil: stack y volver a flujo normal */
@media (max-width: 767px) {
    .proyecto-intro {
        padding: 40px 32px 60px;
    }

    .proyecto-images {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: block;
        height: fit-content;
    }

    .proyecto-images>.wp-block-image,
    .proyecto-images>figure {
        height: auto;
    }

    .proyecto-images>figure:nth-child(2) img {
        object-position: 30% 0% !important;
    }

    .proyecto-images img {
        object-fit: cover;
        width: 100%;
        height: 320px !important;
    }

    /*para dos cols en mobile*/

    .proyecto-images {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .proyecto-images figure {
        margin: 0;
    }

    .proyecto-images img {
        width: 100%;
        height: auto;
        display: block;
    }

    .form-row--2 {
        grid-template-columns: 1fr;
    }

    .faqs {
        margin-top: 0;
        padding: 56px 32px 0px 32px;
    }

    .wp-block-details>summary {
        padding-left: 12px;
    }

    .faqs p {
        padding: 16px 54px 24px 24px;
    }

    .wp-block-details {
        padding: 9px 0 16px;
    }

    .formulario {
        padding-bottom: 60px;
        margin-top: 56px;
    }

    .formulario .wpcf7.js {
        padding: 60px 32px 44px;
        background-color: #eae7de;
    }

    .wpcf7-form input[type="submit"] {
        max-width: 100%;
        width: 100%;
        white-space: normal;
        word-break: break-word;
        text-align: center;
        box-sizing: border-box;
        line-height: 1.6;
        padding: 12px;
        height: fit-content;
    }

    .wpcf7-form .wpcf7-list-item-label {
        line-height: 1;
    }

    .wp-block-details>summary::after {
        margin-right: 12px;
    }

    .politica {
        align-items: flex-start;
        border: none;
        flex-direction: column;
    }

    .info_obligatorio {
        width: 100%;
        text-align: right;
    }

    .obligatorios {

        margin-right: 0px;
    }
}

/* =============================================
   contacto
   ============================================= */
.contacto-intro {
    max-width: 1140px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 8px 21px 0px;
}

.contacto-images {
    width: 100%;
    /* max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw); */
    display: grid;
    grid-template-columns: 61.4% 38.6%;
    box-sizing: border-box;
    margin-top: 0px;
}

.contacto-images>.wp-block-image,
.contacto-images>figure {
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.contacto-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.datos-contacto {
    display: flex;
    align-items: center;
    padding: 53px 46px 72px 39px;
}

.datos-contacto .wp-block-columns {
    width: 100%;
    justify-content: space-between;
    gap: 0;
    max-width: 100%!important;
}

.datos-contacto .wp-block-columns p {
    margin-block-start: 0;
}

.datos-contacto .wp-block-columns .wp-block-column {
    display: flex;
    flex-direction: column;
    min-height: 75px;
    justify-content: center;
    gap: 8px;
}

.datos-contacto .wp-block-columns .wp-block-column .wp-block-group {
    display: flex;
    flex-direction: column;
    min-height: 75px;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
}

.datos-contacto .wp-block-columns .wp-block-column .wp-block-group h3 {
    text-align: left;
    margin-left: 0 !important;
}

.datos-contacto .wp-block-columns .wp-block-column:nth-of-type(2) {
    align-items: center;
    border-left: 1px solid #1a171b;
    border-right: 1px solid #1a171b;
}

.datos-contacto .wp-block-columns .wp-block-column:nth-of-type(3) {
    align-items: flex-end;
    padding-right: 0px;
}

.mapa {
    padding: 0 39px 0px 38px;
    max-width: 1140px;
    margin: 0 auto;
    height: 467px;
}

.map-embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    max-height: 467px;
}

.map-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    max-height: 467px;
}

@media (min-width: 768px) and (max-width:1066px) {
    .datos-contacto .wp-block-columns {

        gap: 24px;
        align-items: flex-start !important;
    }

    .datos-contacto .wp-block-columns .wp-block-column:nth-of-type(1) {
        flex-basis: 36% !important;
    }

    .datos-contacto .wp-block-columns .wp-block-column:nth-of-type(2) {
        flex-basis: 30% !important;
    }

    .datos-contacto .wp-block-columns .wp-block-column:nth-of-type(3) {
        flex-basis: 32% !important;
    }
}

@media (min-width: 1024px) and (max-width:1066px) {

    .datos-contacto .wp-block-columns .wp-block-column:nth-of-type(1) {
        flex-basis: 43% !important;
    }

    .datos-contacto .wp-block-columns .wp-block-column:nth-of-type(2) {
        flex-basis: 28% !important;
    }

    .datos-contacto .wp-block-columns .wp-block-column:nth-of-type(3) {
        flex-basis: 29% !important;
    }
}

@media (max-width: 767px) {
    .contacto-images {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: block;
        height: fit-content;
    }

    .contacto-images img {
        object-fit: cover;
        width: 100%;
        height: 320px !important;
    }

    /*para dos cols en mobile*/

    .contacto-images {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .contacto-images figure {
        margin: 0;
    }

    .contacto-images figure:nth-child(1) img {
        object-position: 26% 0 !important;

    }

    .contacto-images img {
        width: 100%;
        height: auto;
        display: block;
        object-position: 30%;
    }

    .datos-contacto {
        padding: 60px 32px;
        margin-top: 0;
    }

    .datos-contacto .wp-block-columns {
        gap: 20px;
    }

    .datos-contacto .wp-block-columns .wp-block-column:nth-of-type(1),
    .datos-contacto .wp-block-columns .wp-block-column:nth-of-type(2),
    .datos-contacto .wp-block-columns .wp-block-column:nth-of-type(3) {
        align-items: flex-start;
        border-left: none;
        border-right: none;
    }

    .mapa {
        padding: 0 0 60px;
        max-width: 1140px;
        margin: 0 auto;
        height: fit-content;
    }
}

/* =============================================
  VESTIDOS
   ============================================= */
.play {
    position: relative;
}

.play:before {
    content: "";
    background-image: url('http://dedisplay.es/atelier/wp-content/uploads/2026/04/btn_play.svg');
    background-size: 120px;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
}

#bn-video-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}

#bn-video-overlay.active {
    display: flex;
}

#bn-video-inner {
    position: relative;
    max-height: 90vh;
    aspect-ratio: 9/16;
}

#bn-video-player {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

#bn-video-close {
    position: absolute;
    top: -36px;
    right: 0;
    background: none;
    border: none;
    color: white;
    font-size: 24px;
    cursor: pointer;
}

@media (min-width: 768px) and (max-width: 820px) {
    .play:before {
        width: 100%;
        height: 100%;
    }

}

@media (max-width: 767px) {
    .play:before {
        background-size: 120px;
        /* height: 320px; */

    }

}

@media (min-width: 782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        /* flex-basis: unset;
        flex-grow: unset; */
    }
}


.detalle_container {
    max-height: 672px;
}

.detalle-intro {
    max-width: 1140px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 30px 48px 50px 0;
}

.detalle-intro h2 {
    margin-bottom: 20px;
    padding-top: 4px;
}


.detalle-intro .wp-block-columns>.detalle_intro-col-left {
    padding-left: 39px;
    min-width: fit-content;
    flex: 0 0 374px !important;
    width: 374px !important;
    max-width: 374px !important;
}

.detalle_parrafos p {
    line-height: 1.3;
}

.detalle_parrafos p:nth-child(1) {
    margin-bottom: 10px;
}

/* 1.PROVENZA */
/*-------------------------------*/
#provenza .detalle_col-left img,
#provenza .detalle_col-right img {
    object-fit: cover;
    min-height: 672px;
    max-height: 672px;
}

#provenza .detalle_col-fila-1,
#provenza .detalle_col-fila-2 {
    max-height: 336px;
}

#provenza .detalle_col-fila-1 img,
#provenza .detalle_col-fila-2 img {
    min-height: 336px;
    max-height: 336px;
}

@media (max-width:767px) {

    #provenza .detalle_col-left img,
    #provenza .detalle_col-right img {
        min-height: 722px;
        max-height: 722px;
    }

    #provenza .wp-block-column {
        position: relative;
    }

    #provenza .detalle_col-fila-1,
    #provenza .detalle_col-fila-2 {
        max-height: none;
    }
}

/* 2.COLECCIÓN 1923*/
/*-------------------------------*/


#c1923 .detalle_col-right img {
    object-fit: cover;
    min-height: 672px;
    max-height: 672px;
}

#c1923 .detalle_col-fila-1 {
    max-height: 336px;
}

#c1923 .detalle_col-fila-1 img {
    max-height: 336px;
    min-height: 336px;
    object-fit: cover;
}

#c1923 .detalle_col-fila-2 {
    height: 336px;
}

#c1923 .detalle_col-fila-2 img {
    max-height: 336px;
    min-height: 336px;
    object-fit: cover;
}

@media(max-width:767px) {
    #c1923 .detalle_col-fila-1 {
        max-height: fit-content;
        gap: 0
    }

    #c1923 .detalle_col-fila-1 img {
        max-height: 356px;
        min-height: 356px;
        object-fit: cover;
    }
}



/* 4.COVADONGA */
/*-------------------------------*/

.detalle_intro-col-left.covadonga {
    margin-right: 42px;
}

.detalle_col-fila-1 {
    max-height: 354px;
}

#covadonga .detalle_col-left img,
#covadonga .detalle_col-right img {
    object-fit: cover;
    min-height: 672px;
    max-height: 672px;
}

#covadonga .detalle_col-fila-1,
#covadonga .detalle_col-fila-2 {
    max-height: 336px;
}

#covadonga .detalle_col-fila-1 img,
#covadonga .detalle_col-fila-2 img {
    min-height: 336px;
    max-height: 336px;
    object-fit: cover;
}

@media (max-width:767px) {
    #covadonga .wp-block-column {
        position: relative;
    }

    #covadonga .detalle_col-left img,
    #covadonga .detalle_col-right img {
        height: fit-content;
        max-height: none;
    }

    #covadonga .detalle_col-fila-1,
    #covadonga .detalle_col-fila-2 {
        max-height: none;
    }
}

/* 5.MARINA*/
/*-------------------------------*/


#marina .detalle_col-left img,
#marina .detalle_col-right img,
#marina .detalle_col-middle img {
    object-fit: cover;
    min-height: 672px;
    max-height: 672px;
}

/* 6.JEREZ */
/*-------------------------------*/

#jerez .detalle_col-left img,
#jerez .detalle_col-right img {
    object-fit: cover;
    min-height: 672px;
    max-height: 672px;
}

#jerez .detalle_col-fila-1,
#jerez .detalle_col-fila-2 {
    max-height: 336px;
}

#jerez .detalle_col-fila-1 img,
#jerez .detalle_col-fila-2 img {
    min-height: 336px;
    max-height: 336px;
    object-fit: cover;
}

@media(max-width:767px) {
    #jerez .detalle_col-fila-1 {
        max-height: fit-content;
        gap: 0
    }
}



/* 7.SET DE SEDA*/
/*-------------------------------*/


#seda .detalle_col-left img,
#seda .detalle_col-right img,
#seda .detalle_col-middle img {
    object-fit: cover;
    min-height: 672px;
    max-height: 672px;
}

/* 8.MOARE */
/*-------------------------------*/

#moare .detalle_col-left img,
#moare .detalle_col-right img {
    object-fit: cover;
    min-height: 672px;
    max-height: 672px;
}

#moare .detalle_col-fila-1,
#moare .detalle_col-fila-2 {
    max-height: 336px;
}

#moare .detalle_col-fila-1 img,
#moare .detalle_col-fila-2 img {
    min-height: 336px;
    max-height: 336px;
    object-fit: cover;
}

@media(max-width:767px) {

    #moare .detalle_col-fila-1,
    #moare .detalle_col-fila-2 {
        max-height: none;
    }
}

.navegacion_detalle {
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: 1140px;
    margin: 0 auto;
    padding: 77px 84px 50px;
}

.navegacion_detalle .wp-block-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 120px;
    margin: 0 !important;
    padding: 0;
    gap: 34px;
}

.navegacion_detalle figure {
    width: 50px;
    height: 213x;
    margin-block-start: 0px;
}

.navegacion_detalle img {
    width: 50px;
    height: 23px;
}



@media (min-width: 768px) and (max-width: 782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile) {
        flex-wrap: nowrap !important;
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: auto !important;
        width: fit-content;
    }


    /*-----------ajustes grid vestidos---------*/
    /*-----------ajustes grid vestidos---------*/

    /*****1923*****/
    #c1923 .detalle_col-left {
        flex-basis: 62% !important;
    }

    #c1923 .detalle_col-right {
        flex-basis: 38% !important;
    }

    /*****COVADONGA*****/
    #covadonga .detalle_col-left {
        flex-basis: 34.6% !important;
    }

    #covadonga .detalle_col-right {
        flex-basis: 34.4% !important;
    }

    #covadonga .detalle_col-middle {
        flex-basis: 31% !important;
    }

    /*****MARINA*****/
    #marina .detalle_col-left {
        flex-basis: 30.4% !important;
    }

    #marina .detalle_col-right {
        flex-basis: 38.3% !important;
    }

    #marina .detalle_col-middle {
        flex-basis: 31.3% !important;
    }

    /*****JEREZ*****/
    #jerez .detalle_col-left {
        flex-basis: 60% !important;
    }

    #jerez .detalle_col-right {
        flex-basis: 40% !important;
    }

    /*****SEDA*****/
    #seda .detalle_col-left {
        flex-basis: 30.88% !important;
    }

    #seda .detalle_col-right {
        flex-basis: 38.25% !important;
    }

    #seda .detalle_col-middle {
        flex-basis: 31.87% !important;
    }

    /*****MOARE*****/
    #moare .detalle_col-left {
        flex-basis: 33% !important;
    }

    #moare .detalle_col-right {
        flex-basis: 5.9% !important;
    }

    #moare .detalle_col-middle {
        flex-basis: 31.1% !important;
    }

}


@media (min-width: 768px)and (max-width:1023px) {
    .detalle-intro {
        padding: 30px 40px 50px;

    }

    .detalle-intro .wp-block-columns>.detalle_intro-col-left {
        padding-left: 0;
        min-width: fit-content;
        flex: 0 0 374px !important;
        width: 200px !important;
        max-width: 200px !important;
    }

    .detalle-intro .wp-block-columns {
        gap: 32px
    }

}

@media (max-width: 767px) {
    .detalle_container {
        max-height: 100%;
        margin-top: 0;
    }

    .detalle-intro {
        max-width: 1140px;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 40px 32px 56px;
    }

    .detalle_col-fila-1 {
        max-height: 100%;
    }

    .detalle_container img {
        height: fit-content;
        max-height: none !important;
        width: 100%;
        /* height: 320px;
    min-height: 320px; */
    }

    .detalle-intro .wp-block-columns>.detalle_intro-col-left {
        padding-left: 0px;
        max-width: 100% !important;

    }

    .detalle_intro-col-left h2 {
        padding-bottom: 0px;
        margin-bottom: 8px;
    }

    .navegacion_detalle {
        padding: 40px 24px;
    }

    .btn-mobile {
        display: flex;
    }
}


/*----POLITICAS----------------------*/
/*----POLITICAS----------------------*/
.politicas_container {
    padding: 0 32px 88px;
}

.politicas_container hr {
    margin: 40px 0;
}

.page-id-630 .wp-site-blocks h1,
.page-id-634 .wp-site-blocks h1 {
    margin-bottom: 32px;
    padding-left: 32px;
}

.politicas_container ul {
    padding-left: 32px;
}

.page-id-712 #cmplz-document {
    padding: 0 32px !important;
    max-width: 1140px !important;
}

.page-id-712 h1 {
    padding-left: 32px !important
}

.page-id-712 h2 {
    font-size: 1.5em !important
}

#cmplz-document,
.editor-styles-wrapper .cmplz-unlinked-mode {
    font-size: 16px;
    margin-top: 0;
    max-width: 800px;
    text-justify: inter-word;
}

#cmplz-document p {
    font-size: 16px;
}