.banner-principal-productos {
    display: flex;
    align-items: center;
    background-color: #fafafa;
    border-bottom: 1px solid var(--gray3);
    flex-direction: column;
    /* Incrementa el algo de manera proporciona con el viewport */
    height: clamp(0px, 30vw, 406.7px); 
    justify-content: center;
}
#coleccioniPhone .titulo {
    font-size: 32px;
    line-height: 36px;
}

.flex-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 50px;
}

.min-height {
    min-height: 366px;
    margin-bottom: -30px;
}

.width-100 {
    width: 100%;
}

.banner-secundario-lob img {
    margin: auto;
    aspect-ratio: auto;
}

.info-banner h1 {
    color: var(--bblack);
    font-size: clamp(20px, 3vw, 38px);
    font-family: "Montserrat";     font-weight: 600;
    letter-spacing: -0.02em;
    margin-top: 0;
    margin-bottom: clamp(0px, calc(3vw - 23px), 15px);
    text-wrap: nowrap;
}

.info-banner .botton {
    height: 10px;
}

.lista-tags {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding-inline-start: 0px;
}

    .lista-tags li {
        list-style: none;
    }

    .lista-tags li p {
        margin: 0;
    }

.banner-secundario-lob {
    padding: 50px 0px 20px 0px;
}

.w-690 {
    min-width: 690px;
}

.seccion-principal-lob .titulo {
    color: var(--bblack);
    font-size: 48px;
    line-height: 48px;
    letter-spacing: -2px;
    margin-top: -25px;
    margin-bottom: 0px;
}

.seccion-items-lob h2 {
    margin-bottom: -10px;
}

.titulo-lob-h1 {
    font-size: 40px;
}

.seccion-principal-lob .desc1 {
  font-family: "Montserrat";     font-weight: 500;
    line-height: normal;
    margin: 0;
    margin-top: 15px;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: var(--bblack);
}

.seccion-principal-lob .desc2 {
  font-family: "Montserrat";     font-weight: 500;
    line-height: normal;
    margin: 0;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: var(--bblack);
}

.botones-seccion {
    margin-top: 16px;
    margin-bottom: 36px;
    display: inline-flex;
    gap: 15px;
    align-items: center;
}

.botones-seccion-banner {
    justify-content: center;
    width: 100%;
}

.items-lobs .seccion-items-lob .flex-banner {
    padding: 1rem;
}

.pl-60{
    padding-left:80px;
    padding-right:80px
}

.pt-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.pl-100 {
    padding-left: 100px;
    padding-right: 100px
}

.pt-59 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.items-lobs .lobs-border {
    border-top: solid 1px var(--gray3);
}

.items-lobs .seccion-items-lob .alinear-descripciones {
    display: block;
}

.items-lobs .seccion-items-lob h4 {
    line-height: normal;
    margin-top: -20px;
    margin-bottom: -10px;
}

.seccion-colecciones-header {
    border-bottom: solid 1px var(--gray3);
}

    .seccion-colecciones-header .container {
        max-width: 100%;
    }

    .seccion-colecciones-header h1 {
        color: var(--bblack);
        font-family: "Montserrat";     font-weight: 600;
        font-size: 48px;
        line-height: 32px;
        letter-spacing: -.02em;
        text-align: left;
        margin-left: -15px;
        margin-top: 49px;
        margin-bottom: 49px;
    }

.banner-principal-productos img {
    margin: auto;
}

.alinear-descripciones .lscolor {
    color: rgba(18, 18, 18, 0.75);
    font-family: 'sf-pro-text-regular';
}

.alinear-descripciones p {
    margin: 0;
}

.d-mdl-none {
    display: none
}

.d-mdl-block {
    display: block
}

.rowflex {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 16px;
}

.imagen-lob img {
    margin: 0 auto;
}

.lob-item-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.8rem;
    min-height: 366px;
}

.lob-description-container {
    height: fit-content;
    background-color: var(--wwhite);
    width: 50%;
    min-width: 410px;
}

.lob-description-container-padding {
    padding-left: 7rem;
}

    .lob-description-container  .titulo {
        margin: 0;
        color: var(--bblack);
        font-size: 32px;
    }

    .lob-description-container .lista-tags {
        margin: 0;
        margin-bottom: 5px;
    }

    .lob-description-container .lista-tags > li > p {
        margin: 0;
    }

.lob-image-container {
    display: flex;
    align-items: center;
    height: 270px;
}

    .lob-image-container img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 270px;
        object-fit: contain;
        margin-right: 5rem;
    }

.form-group {
    margin-bottom: 0;
}

.lobs-without-border {
    border-top: none !important;
}

/*ESTILOS DE LANDING*/
.pb-3 {
    padding-bottom: 15px !important;
}

/*.channel-html .w683DA0:first-of-type {
    border-radius: 18px 18px 0 0 !important;
}
*/
.channel-html-3lD13g0t3 .dC0950F-3lD13g0t3:first-of-type {
    border-radius: 18px 18px 0 0 !important;
}

.channel-html.channel-html-p63E163:first-of-type {
    border-radius: 18px 18px 0 0 !important;
}

.channel-html-3ld13g0 .iEA5A9F-3ld13g0, .channel-html-3ld13g0 .p267085-3ld13g0:first-of-type {
    border-radius: 18px 18px 0 0 !important;
}

/*.channel-html-3ld13g0, .channel-html-3ld13g0 button, .channel-html-3ld13g0 select:first-of-type {
    border-radius: 18px 18px 0 0 !important;
}*/

.channel-html .fa908b4 {
    border-radius: 18px 18px 0 0 !important;
}

.boton-primario:hover,
.boton-primario:focus {
    background-color: var(--button-primary-hover) !important;
    color: var(--wwhite);
}

.mt-11 {
    margin-top: 10px !important;
/*190423*/
}

.fz-10{
    font-size:9px;
}

.fz-11 {
    font-size: 11px;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.img-banner-p img {
    width: 400px;
    aspect-ratio: auto;
}

/* BANNER PDP: THIS IS THE START */
.pdp-banner {
    width: 100%;
}

.pdp-frequently {
    width: 100%;
}

.lob-image-container-mobile {
    display: none;
}

.lob-image-container-mobile picture {
    margin: 0 auto;
}

.container-lobs {
    padding-inline: 0;
}

.items-lobs {
    margin-bottom: 36px;
}

.items-lobs-all .container-fluid {
    padding-right: 5rem;
    padding-left: 5rem;
}

.items-lobs-all .botones-seccion {
    margin-bottom: 0;
}

.items-lobs-all .lob-item-container {
    padding: 0;
}

.items-lobs-all .lobs-description {
    flex-grow: 1;
}

.lobs-border-bottom {
    border-bottom: 1px solid var(--gray3);
}

.cm-container {
    border-top: none !important;
}

.lobs-padding {
    max-width: 100%;
    padding-inline: 5rem;
}

.lob-all {
    min-height: unset;
}

.gap-40 {
    gap: 40px;
}

.gallery__video {
    aspect-ratio: 16/9;
    width: 100%;
}

.info-banner .btn-banner {
    display: inline-flex !important;
    align-items: center;
    font-size: clamp(11px, 1vw, 14px) !important;
    height: clamp(32px, 4vw, 50px) !important;
    outline-width: 2px !important;
    padding: clamp(4px, 1vw, 15px) clamp(15px, 2vw, 30px) !important;
}

.all-mac-img {
    width: clamp(180px, 21vw, 280px) !important;
}

.all-ipad-img {
    width: clamp(250px, 28vw, 380px) !important;
}

.all-iphone-img {
    width: clamp(264px, 33vw, 450px) !important;
}

.all-watch-img {
    width: clamp(220px, 22vw, 300px) !important;
}

.all-music-img {
    width: clamp(160px, 19vw, 260px) !important;
}

@media screen and (max-width:1080px) {
    .w-690 {
        min-width: 60%;
    }
}

@media screen and (max-width: 1024px) {
    .seccion-colecciones-header h1 {
        text-align: center;
    }
}

@media screen and (max-width:800px) {
    .items-lobs .seccion-items-lob .alinear-descripciones {
        display: block;
    }

    .pl-60 {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (max-width:767px) {
    .img-banner-p img {
        width: 512px;
    }

    .banner-principal-productos {
        padding: 0 2rem;
    }

    .row.flex-banner {
        flex-direction: column-reverse;
        padding: 2rem;
        row-gap: 6px;
    }

    .botones-seccion {
        flex-direction: column;
        /*margin-bottom: 0;*/
    }

    .botones-seccion .boton-primario-lobs {
        width: 272px;
    }

    .items-lobs {
        padding: 0 10px;
    }

    .form-group {
        margin-bottom: 20px;
    }

    .lob-item-container {
        padding: 0;
        padding-top: 24px;
        padding-bottom: 24px !important;
    }

    .lob-description-container {
        width: 100%;
        padding-left: 0;
        text-align: center;
        min-width: unset;
    }

    .lob-all-description {
        text-align: left;
        /*padding-left: 10rem;*/
    }

    .lob-image-container {
        height: auto;
    }

    .lob-image-container-plp {
        display: none;
    }

    .lob-image-container-mobile {
        display: inline-block;
    }

    .lob-image-container img {
        margin-right: 0;
    }

    .w-md-100 {
        width: 100%;
    }

    .w-690 {
        min-width: 100%;
        max-width: 100%;
    }

    .d-mdl-none {
        display:block;
    }

    .d-mdl-block {
        display: none !important;
    }

    .rowflex {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 0;
    }

    .items-lobs .seccion-items-lob .section-descricion-lob {
        text-align: center;
    }

    .imagen-lg-lob {
        display: none;
    }

    .seccion-principal-lob .titulo {
        font-size: 36px;
        line-height: 42px;
    }

    .seccion-principal-lob .desc1, .seccion-principal-lob .desc2 {
      font-family: "Montserrat";     font-weight: 500;
        color: rgba(18, 18, 18, 0.75);
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -0.02em;
    }

    .seccion-principal-lob .desc1 {
        margin-top: 8px !important;
    }

    .seccion-principal-lob .desc2 {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .lobs-padding {
        padding-inline: 0 !important;
    }

    .gap-40 {
        gap: 32px !important;
    }

    .seccion-colecciones-header {
        border-bottom: none;
        padding-inline: 12px;
    }

        .seccion-colecciones-header .container {
            border-bottom: 1px solid var(--gray3);
        }

    .container-lobs {
        padding-inline: 5rem;
    }

    .banner-principal-productos {
        height: auto !important;
    }

    .info-banner h1 {
        font-size: clamp(18px, 5vw, 40px);
        line-height: normal;
        margin-bottom: clamp(0px, calc(3vw - 23px), 15px);
    }

    .info-banner .btn-banner {
        font-size: clamp(11px, 3vw, 14px) !important;
        height: clamp(32px, 9vw, 64px) !important;
        margin-top: clamp(5px, 5vw, 15px) !important;
        outline-width: 1px !important;
    }

    .all-mac-img {
        width: 100% !important;
    }

    .all-ipad-img {
        width: 75% !important;
        padding-top: clamp(3rem, 7vw, 6rem) !important;
    }

    .all-iphone-img {
        width: 80% !important;
        padding-top: clamp(3rem, 7vw, 6rem) !important;
    }

    .all-watch-img {
        width: 75% !important;
        padding-top: clamp(3rem, 7vw, 6rem) !important;
    }

    .all-music-img {
        width: 70% !important;
        padding-top: clamp(3rem, 7vw, 6rem) !important;
    }
}

@media screen and (max-width: 749px) {
    .seccion-colecciones-header h1 {
        font-size: 36px;
    }

    .lob-item-container {
        flex-direction: column-reverse;
        align-items: center;
        padding-bottom: 32px;
    }

    .lob-description-container {
        text-align: center;
    }

    .lob-image-container img {
        margin-right: 0;
    }

    .container-lobs {
        padding-inline: 1.5rem;
    }

    .items-lobs-all .container-fluid {
        padding: 0;
        padding-bottom: 42px;
        padding-top: 36px;
    }

    .lob-all-description {
        padding-left: 0;
    }

    .lob-all .boton-todo {
        min-width: 256px;
    }
}

@media screen and (min-width: 750px) {
    .todos-productos .lobs-padding {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }

    .todos-productos .lob-description-container {
        display: flex;
        justify-content: center;
        margin-left: -5rem;
    }

    .todos-productos .lobs-description {
        flex-grow: unset;
        min-width: 350px;
    }
}

@media screen and (max-width: 480px) {
    .container-lobs {
        padding-inline: 0 !important;
    }
}