/*#cuerpoMac h1, h2, h3, h4, h5, h6, .btn {
    font-family: 'sf-pro-display-regular';
}


.head-txt {
    color: #000;
    font-weight: 200
}

.head-h2 {
    font-size: 26px;
    font-family: 'sf-pro-display-bold';*/
    /* line-height: 5.5rem; */
/*}

.head-h3 {
    font-size: 20px;
    font-family: 'sf-pro-display-bold';
}

.head-h4 {
    font-size: 18px;
    font-family: 'sf-pro-display-regular';
}

.head-h5 {
    font-size: 16px;
    font-family: 'sf-pro-display-regular';
}

.head-h6 {
    font-size: 18px;
    font-family: 'sf-pro-display-regular';
    margin-top: 20px;
}*/

.col-center-txt {
    padding-top: 5vw
}

.list-process {
    list-style: none
}

    .list-process li {
        font-size: 16px;
        font-weight: 200;
        margin-bottom: 10px
    }

        .list-process li .list-num {
            font-weight: 700
        }

.support-link {
    color: #000;
    text-decoration: underline !important;
    font-family: 'SF-Pro-Bold'
}

    .support-link:hover {
        color: #000;
        text-decoration: underline !important
    }

.col-process {
    padding-top: 4vw
}

.col-select-color {
    margin-bottom: 10px
}

.decimals {
    font-size: 2.2rem
}

.btn-black {
    width: 95px;
    color: #fff;
    padding: 10px 0;
    border-radius: 10px;
    border-width: 1pt;
    border-color: #000;
    background-color: #000
}

.fullpage-container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    font-family: "SF Pro Text"; font-weight: 400;
}

#intro-section {
    background-color: #fff
}

    #intro-section h3 {
        margin-top: 1vw
    }

    #intro-section .img-responsive {
        width: 50%;
        margin: 0 auto;
        margin-top: 50px;
        margin-bottom: 50px;
    }

#bonus-section {
    padding: 5vw 0;
    color: #fff;
    background-color: #000
}

    #bonus-section .head-h2 {
        color: #fff
    }

    #bonus-section .head-h5 {
        color: #fff;
        font-size: 2.1rem;
        line-height: 3.5rem
    }

    #bonus-section .link-collapse {
        color: #fff;
        text-decoration: underline
    }

    #bonus-section .img-responsive {
        width: 20vw;
        margin: 1vw auto 4vw
    }

#configurator-section {
    font-size: 16px;
    padding: 5vw 0;
    background-color: #F6F6F6
}

    #configurator-section .circle-exterior {
        width: 60px;
        height: 60px;
        border-radius: 100%;
        border: 1px solid #cecece;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }

    #configurator-section .circle-interior {
        width: 40px;
        height: 40px;
        border-radius: 100%
    }

    #configurator-section .button.btn-black {
        width: 90%;
        font-size: 16px;
        padding: 10px 0;
        border-radius: 10px;
        border-color: #000;
        border-width: 1pt;
        color: #000;
        background-color: transparent
    }

    #configurator-section .wrapper.active .button.btn-black {
        background-color: #000;
        border-color: #000;
        color: #fff
    }

    #configurator-section .button.btn-blue {
        width: 100%;
        font-size: 16px;
        padding: 20px 0;
        border-radius: 10px;
        border-color: #0062cc;
        border-width: 1pt;
        color: #0062cc;
        background-color: transparent
    }

    #configurator-section .wrapper.active .button.btn-blue {
        background-color: #0062cc;
        border-color: #0062cc;
        color: #fff
    }

    #configurator-section .container #collapse-prices {
        width: 45vw;
        margin: 0 auto;
        transform: translate(10px, -8vw);
        background-color: #fff;
        border-radius: 28px 28px 0 0;
        padding: 0vw 7vw
    }

        #configurator-section .container #collapse-prices .well {
            padding: 3vw 0 3vw 10px;
            border-top: 0 solid #ccc;
            border-bottom: 0 solid #ccc
        }

            #configurator-section .container #collapse-prices .well .table > thead > tr > th {
                font-size: 1.8rem;
                padding-bottom: 2vw;
                border-bottom: 0 solid #ddd
            }

            #configurator-section .container #collapse-prices .well .table > tbody > tr:first-child > td {
                border-top: 0 solid #ddd
            }

    #configurator-section .form-control.select {
        width: 21vw;
        padding: 15px 12px;
        border-radius: 12px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(https://www.macstoreonline.com.mx/img/LP/trade-in/2021/arrow-down.png) no-repeat right;
        background-size: 18px;
        background-position: 97% 55%
    }

    #configurator-section .circle-exterior {
        margin: 0 auto 10px;
        cursor: pointer
    }

    #configurator-section .col-select-color .title {
    }

    #configurator-section .title-want-to-pay {
        margin-top: 15px;
        margin-bottom: 15px
    }

        #configurator-section .title-want-to-pay .head-h6 {
            font-size: 1.5rem;
        }

    #configurator-section .col-process .tabs-want-to-pay {
        width: 100%;
        list-style: none;
        padding-inline-start: 0;
        border-bottom: 1px solid #707070
    }

        #configurator-section .col-process .tabs-want-to-pay li {
            width: 30.333333%;
            padding: 5px 0;
            text-align: center;
            display: inline-block;
            cursor: pointer
        }

            #configurator-section .col-process .tabs-want-to-pay li.active {
                border-bottom: 5px solid #000
            }

    #configurator-section .tab-panel.for-life {
        margin-top: 15px;
        padding: 0 2vw
    }

        #configurator-section .tab-panel.for-life .payments-title {
            font-size: 1.8rem;
        }

        #configurator-section .tab-panel.for-life .signe-plus {
            font-size: 4rem;
        }

        #configurator-section .tab-panel.for-life .payments-amount .head-h2 {
            margin-top: 0
        }

        #configurator-section .tab-panel.for-life .deadline-payment,
        #configurator-section .tab-panel.for-life .deadline-refund,
        #configurator-section .tab-panel.for-life .trade-in {
            font-size: 1.2rem
        }

        #configurator-section .tab-panel.for-life .deadline-amount .head-h3 {
            margin-top: 0
        }

        #configurator-section .tab-panel.for-life .payment-conditions {
            font-size: 1.2rem
        }

            #configurator-section .tab-panel.for-life .payment-conditions.payment-conditions-und {
                font-size: 1.5rem;
                text-align: center;
                text-decoration: underline;
                margin-top: 10px
            }

                #configurator-section .tab-panel.for-life .payment-conditions.payment-conditions-und a {
                    color: #000
                }

        #configurator-section .tab-panel.for-life .trade-in-amount .head-h3 {
            font-size: 2.5rem;
            margin-top: 5px
        }

    #configurator-section .col-process .tab-panel.msi {
        padding: 0 3vw
    }

        #configurator-section .col-process .tab-panel.msi .payments {
            padding-top: 1vw;
            list-style: none
        }

            #configurator-section .col-process .tab-panel.msi .payments li {
                color: #000;
                font-size: 1.6rem;
                text-decoration: underline;
                margin: 0 auto 10px;
                cursor: pointer;
                opacity: .4
            }

                #configurator-section .col-process .tab-panel.msi .payments li.active {
                    opacity: 1
                }

        #configurator-section .col-process .tab-panel.msi .participants {
            font-size: 1.2rem
        }

    #configurator-section .col-process .tab-panel.counted .amount {
        font-size: 3.5rem
    }

#info-section {
    padding: 5vw 0;
    color: #fff;
    background-color: #000
}

    #info-section .col-center-txt {
        padding-right: 8vw
    }

    #info-section .head-h2 {
        color: #fff;
        margin-bottom: 5rem
    }

.head-txt.head-h4 {
    letter-spacing: -0.02em;
}

    #info-section .head-h5 {
        color: #fff;
        /*font-weight: 200*/
        letter-spacing: -0.02em;
        font-family: "SF Pro Text" !important; font-weight: 400 !important;
    }

#icloud-section .container-info {
    width: 100%;
    padding: 3vw 22vw;
    background-color: #F6F6F6
}

#icloud-section .container-process {
    width: 100%;
    padding: 3vw 0vw;
    padding-right: 15vw;
    background-color: #fff
}

    #icloud-section .container-info .row,
    #icloud-section .container-process .row {
        margin-right: 0;
        margin-left: 0
    }

#icloud-section .img-responsive {
    width: 15vw;
    margin: 0 0 0 auto
}

#pc-section {
    padding: 5vw 0;
    background-color: #F6F6F6
}

    #pc-section .txt-list {
        font-size: 1.8rem;
        margin-top: 3vw;
        margin-left: 40px
    }

    #pc-section .container-process {
        width: 100%;
        padding-right: 15vw
    }

        #pc-section .container-process .row {
            margin-right: 0;
            margin-left: 0
        }

    #pc-section .img-responsive {
        width: 15vw;
        margin: 5vw 0 0 auto
    }

    #pc-section .panel-recomendations {
        margin: 3vw auto;
        padding: 2.5vw 0vw;
        border: 1px solid rgb(112 112 112 / 25%);
        border-radius: 18px;
        background-color: transparent
    }

        #pc-section .panel-recomendations .panel-body {
            color: #000;
            font-weight: 700;
            font-size: 1.8rem;
        }

    #pc-section .panel-legals {
        margin-top: 2vw;
        border-color: transparent;
        background-color: transparent;
        -webkit-box-shadow: 0 1px 1px transparent;
        box-shadow: 0 1px 1px transparent
    }

        #pc-section .panel-legals .panel-body {
            font-size: 1.2rem;
            padding: 0vw 10vw
        }

        #pc-section .panel-recomendations .panel-body,
        #pc-section .panel-legals .panel-body {
            border: 0 solid #cbcbcb8a
        }

    #pc-section .ico-collapse {
        content: '';
        width: 30px;
        height: 28px;
        display: inline-block;
        margin-left: 10px;
        background-image: url(https://www.macstoreonline.com.mx/img/LP/trade-in/2021/ico-more.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle
    }

    #pc-section .head-faq a {
        color: #000;
        font-size: 3rem;
        font-weight: 500
    }

        #pc-section .head-faq a:hover {
            color: #000
        }

        #pc-section .head-faq a.active .ico-collapse {
            background-image: url(https://www.macstoreonline.com.mx/img/LP/trade-in/2021/ico-less.svg)
        }

    #pc-section #collapse-faqs {
        width: 60vw;
        margin: 2vw auto 0vw
    }

        #pc-section #collapse-faqs .panel-default {
            background-color: transparent;
            border-color: transparent;
            -webkit-box-shadow: 0 1px 1px transparent;
            box-shadow: 0 1px 1px transparent
        }

        #pc-section #collapse-faqs .panel-heading {
            color: #000;
            background-color: transparent
        }

            #pc-section #collapse-faqs .panel-heading a {
                color: #000;
                font-size: 1.8rem;
                font-weight: 500
            }

        #pc-section #collapse-faqs .panel-default .panel-body {
            border: none;
            padding-top: 0;
            padding-left: 6vw;
            line-height: 2.3rem
        }

        #pc-section #collapse-faqs .panel-heading .panel-title .ico-collapse {
            float: left;
            margin-right: 2vw;
            margin-left: 0
        }

        #pc-section #collapse-faqs .panel-heading .link-faqs-info.active .ico-collapse {
            background-image: url(https://www.macstoreonline.com.mx/img/LP/trade-in/2021/ico-less.svg)
        }

.icloud {
    padding: 50px;
}
.informa-neg{
    margin-top:-30px;
}

@media (min-width:1280px) {
    #pc-section #collapse-faqs .panel-heading a {
        font-size: 1.6rem
    }
}

@media (min-width:1440px) {
    #pc-section #collapse-faqs .panel-heading a {
        font-size: 1.8rem
    }
}

@media (max-width:768px) {
    .list-process {
        padding-inline-start: 0
    }

        .list-process li {
            font-size: 1.3rem
        }

    .head-h2 {
        font-size: 2.1rem;
        line-height: 2.5rem;
        margin-bottom: 3rem
    }

    .head-h3 {
        font-size: 1.9rem
    }

    .head-h4 {
        font-size: 1.5rem
    }

    .head-h5 {
        font-size: 1.3rem;
        line-height: 2rem
    }

    .head-h6 {
        font-size: 1.3rem;
        line-height: 2.3rem
    }

    .decimals {
        font-size: 1.3rem
    }

    #bonus-section .head-h5 {
        font-size: 1.4rem;
        line-height: 2rem
    }

    #bonus-section .img-responsive {
        width: 30vw;
        margin: 5vw auto 5vw
    }

    #bonus-section .link-collapse {
        margin-top: 14px;
        display: block
    }

    #configurator-section .container #collapse-prices {
        width: 90vw;
        padding: 0vw 2vw;
        transform: translate(0, -8vw)
    }

        #configurator-section .container #collapse-prices .well .table > thead > tr > th {
            font-size: 1.2rem
        }

        #configurator-section .container #collapse-prices .well .table > tbody > tr > td {
            font-size: 1.2rem
        }

    #configurator-section .head-select {
        text-align: center
    }

    #configurator-section .head-iphone {
        font-size: 2.5rem;
        margin-top: 30px;
        margin-bottom: 0
    }

    #configurator-section .form-control.select {
        width: 80%;
        margin: 0 auto
    }

    #configurator-section .col-process .tabs-want-to-pay li {
        font-size: 1.4rem
    }

    #configurator-section .col-process .tab-panel.msi {
        padding: 0 0vw
    }

    #configurator-section .button.btn-black {
        width: 100%;
        padding: 5px 0
    }

    .col-process {
        padding-top: 0vw;
        padding-right: 5vw;
        padding-left: 5vw
    }

    #info-section .container {
        padding-right: 10vw;
        padding-left: 10vw
    }

    #icloud-section .container-info {
        width: 100%;
        padding: 3vw 10vw
    }

    #icloud-section .container-process {
        padding: 3vw 10vw
    }

    #icloud-section .head-h4 {
        font-size: 1.5rem
    }

    #icloud-section .container-process .head-h4 {
        font-size: 2rem
    }

    #icloud-section .img-responsive {
        width: 30vw;
        margin: 3vw auto
    }

    #pc-section .container-process {
        padding: 3vw 10vw
    }

    #pc-section .head-h4 {
        font-size: 2rem
    }

    #pc-section .img-responsive {
        width: 30vw;
        margin: 3vw auto
    }

    #pc-section .txt-list {
        font-size: 1.3rem;
        margin: 6vw auto
    }

    #pc-section .panel-recomendations {
        margin: 3vw auto 10vw
    }

        #pc-section .panel-recomendations .panel-body {
            font-size: 1.3rem;
            padding: 25px
        }

    #pc-section .panel-legals .panel-body {
        padding: 0vw 2vw
    }

    #pc-section #collapse-faqs {
        width: 100%
    }

    #pc-section .head-faq {
        margin-bottom: 5vw
    }

    #pc-section #collapse-faqs .panel-heading .panel-title .ico-collapse {
        float: none;
        margin-right: 1vw;
        margin-left: 0;
        display: inline-block
    }
  .by-trade-in  #intro-section .img-responsive {
        width: 100%;
    }
}

@media (max-width:412px) {
    .list-process li {
        font-size: 1.3rem
    }

    .head-h2 {
        font-size: 2.1rem;
        line-height: 2.5rem
    }

    .head-h3 {
        font-size: 1.9rem
    }

    .head-h4 {
        font-size: 1.5rem
    }

    .head-h5 {
        font-size: 1.3rem;
        line-height: 2rem
    }

    .head-h6 {
        font-size: 1.3rem;
        line-height: 2.3rem
    }

    #bonus-section .head-h5 {
        font-size: 1.4rem;
        line-height: 2rem
    }

    #bonus-section .img-responsive {
        width: 30vw;
        margin: 5vw auto 5vw
    }

    #configurator-section .container #collapse-prices {
        width: 90vw;
        padding: 0vw 2vw
    }

        #configurator-section .container #collapse-prices .well .table > thead > tr > th {
            font-size: 1.2rem
        }

        #configurator-section .container #collapse-prices .well .table > tbody > tr > td {
            font-size: 1.2rem
        }

    #configurator-section .col-process .tabs-want-to-pay li {
        font-size: 1.4rem
    }

    #configurator-section .button.btn-black {
        width: 100%;
        padding: 5px 0
    }

    .col-process {
        padding-top: 0vw;
        padding-right: 5vw;
        padding-left: 5vw
    }

    #info-section .container {
        padding-right: 10vw;
        padding-left: 10vw
    }

    #icloud-section .container-info {
        width: 100%;
        padding: 3vw 10vw
    }

    #icloud-section .container-process {
        padding: 3vw 10vw
    }

    #icloud-section .head-h4 {
        font-size: 1.5rem
    }

    #icloud-section .container-process .head-h4 {
        font-size: 2rem
    }

    #pc-section .container-process {
        padding: 3vw 10vw
    }

    #pc-section .head-h4 {
        font-size: 2rem
    }

    #pc-section .txt-list {
        font-size: 1.3rem;
        margin: 6vw auto
    }

    #pc-section .panel-recomendations .panel-body {
        font-size: 1.3rem;
        padding: 25px
    }
}

@media (max-width:360px) {
    #configurator-section .col-process .tabs-want-to-pay li {
        font-size: 1.3rem
    }
}
.by-trade-in th {
    font-size: 1.6rem !important;
}