:root {
    --azteca-green: #066A44;
}


#fisica {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: opacity 0.3s, max-height 0.3s, padding 0.3s;
}
    #fisica.mostrarFisica {
        opacity: 1;
        max-height: 1200px; /* Ajusta según el contenido */
        padding: 70px 0px 70px 0px;
        pointer-events: auto;
    }

.rellenabtn {
    background-color: var(--bblue) !important;
    color: #ffff !important;
    transition: all .5s !important;
}
ul.lista-btn li a {
    background-color: transparent;
    color: var(--bblue);
    border: solid 1px var(--bblue);
    padding: 20px 15px;
    border-radius: 50px;
    list-style: none;
    text-decoration: none;
    cursor: pointer;
}

.bblue:hover {
    text-decoration: underline !important;
    text-underline-offset: .3rem !important;
    text-decoration-thickness: .1rem !important;
    background-color: var(--button-primary-hover) !important;
    transition: text-decoration-thickness ease .1s !important;
    cursor: pointer;
}

ul.lista-btn li .full-azul:hover {
    text-decoration: underline !important;
    text-underline-offset: .3rem !important;
    text-decoration-thickness: .1rem !important;
    background-color: var(--button-primary-hover) !important;
    transition: text-decoration-thickness ease .1s !important;
}

ul.lista-btn li .no-azul:hover {
    text-decoration: underline !important;
    text-underline-offset: .3rem !important;
    text-decoration-thickness: .1rem !important;
    transition: text-decoration-thickness ease .1s !important;
}





.silverx {
    border-top: solid 1px var(--gray3);
    border-bottom: solid 1px var(--gray3);
    padding: 70px 0px 70px 0px;
}
.pagac {
    border-bottom: solid 1px var(--gray3);
    padding: 30px 0px 30px 0px;
}

.pagac h4 {
 margin-top: 0px;
}

.pagac img {
    margin: auto;
    margin-bottom: 30px;
}
.pagac ul  {
padding-inline-start: 0px;
}

.pagac ul li {
 list-style: none;
 margin-bottom: 15px;
font-size: 18px;
}

ul.lista-btn {
    display: inline-flex;
    gap: 70px;
}

ul.lista-btn {
    display: inline-flex;
    gap: 40px;
    margin-top:40px;
}

    ul.lista-btn li a {
        background-color: transparent;
        color: var(--bblue);
        border: solid 1px var(--bblue);
        padding: 20px 15px;
        border-radius: 50px;
        list-style: none;
        text-decoration: none;
        cursor: pointer;
    }
.silverx1 {
    border-top: none;
    border-bottom: solid 1px var(--gray3);
    padding: 70px 0px 70px 0px;
}

ul.lista-btn  {
    padding-inline-start: 0px;
}
ul.lista-btn li {
    list-style: none;
}
.azteca-container {
    padding-inline: 24px;
    margin-inline: auto;
    max-width: 1220px;
    width: 100%;
}

.azteca-logo-header {
    display: block;
    max-width: 100%;
    margin-inline: auto;
    margin-block: 40px;
}

.azteca-title {
    color: var(--bblack);
    font-family: "SF Pro Text"; font-weight: 700;
    font-size: 50px;
    line-height: 50px;
    letter-spacing: -0.02em;
    margin: 0;
    margin-bottom: 24px;
    text-align: center;
}

.azteca-subtitle {
    color: var(--gray1);
    font-family: "SF Pro Text"; font-weight: 400;
    font-size: 25px;
    line-height: 25px;
    letter-spacing: -0.06rem;
    margin: 0;
    margin-block: 16px;
    text-align: center;
}

.azteca-main-banner {
    margin-block: 48px;
    margin-inline: auto;
    max-width: 80%;
    width: 100%;
    text-align: center;
}

.azteca-main-banner-description {
    color: var(--bblack);
    font-family: "SF Pro Text"; font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: -0.06rem;
    margin: 0;
    margin-block: 32px;
    text-align: center;
}

.azteca-main-banner-button {
    display: block;
    background-color: var(--bblue);
    border-radius: 50px;
    color: var(--wwhite);
    font-size: 20px;
    letter-spacing: -0.06rem;
    margin-inline: auto;
    max-width: 418px;
    padding-block: 16px;
    padding-inline: 24px;
    width: 100%;
}

.azteca-steps-container {
    width: 100%;
    text-align: center;
}

.azteca-steps-title {
    color: var(--bblack);
    font-family: "SF Pro Text"; font-weight: 700;
    font-size: 35px;
    letter-spacing: -0.02em;
    margin: 0;
    margin-bottom: 30px;
}

.azteca-steps {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 24px;
    justify-content: center;
    width: 100%;
}

.azteca-steps-item-container {
    /*height: 250px;*/
    width: calc(100% / 3);
}

.azteca-steps-item {
    height: 100%;
    margin-inline: auto;
    max-width: 250px;
    width: 100%;
}

.azteca-steps-item-badge {
    color: var(--bblack);
    font-size: 16px;
    font-family: "SF Pro Text"; font-weight: 600;
}

.azteca-steps-item-text {
    color: var(--gray1);
    font-size: 18px;
    font-family: "SF Pro Text"; font-weight: 400;
    min-height: 120px;
    letter-spacing: -0.02em;
    line-height: 20px;
    text-align: center;
    margin: 0;
    margin-top: 16px;
}

.azteca-steps-item-icon {
    height: 64px;
    min-height: 64px;
    min-width: 64px;
    width: 64px;
}

.azteca-products-container {
    text-align: center;
    width: 100%;
}

.azteca-products-title {
    color: var(--bblack);
    font-size: 35px;
    font-family: "SF Pro Text"; font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0;
    margin-top: 50px;
    margin-bottom: 50px;
}

.azteca-products-wraper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}

.azteca-product {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    max-width: 370px;
    width: 100%;
}

.azteca-product-description {
    text-align: left;
    flex-grow: 1;
}

.azteca-product-name {
    color: var(--bblack);
    font-family: "SF Pro Text"; font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: normal;
    margin: 0;
}

.azteca-product-size {
    color: var(--gray2);
    font-family: "SF Pro Text"; font-weight: 400;
    line-height: 16px;
    font-size: 16px;
    text-wrap: nowrap;
}

.azteca-product-price {
    margin-top: 8px;
}

.azteca-product-sufix {
    color: var(--gray1);
    font-family: "SF Pro Text"; font-weight: 400;
    letter-spacing: -0.06rem;
    font-size: 13px;
  
}

.azteca-product-button {
    display: flex;
    align-items: center;
    background-color: var(--wwhite);
    color: var(--azteca-green);
    font-size: 24px;
    flex-direction: row;
    padding-inline: 25px;
    margin: 0;
    margin-top: 4px;
    width: fit-content;
}
.azteca-product-price .azteca-product-price-button {
    color: var(--azteca-green);
}
.azteca-product-price-button,
.azteca-product-weeks-button {
    font-size: 16px;
    font-family: "SF Pro Text"; font-weight: 600;
    line-height: 16px;
}

.azteca-product-weeks-container {
    display: flex;
    flex-direction: column;
    font-size: 28px;
    line-height: 10px;
    margin: 0;
    margin-left: 4px;
}

.azteca-product-weeks {
    font-size: 12px;
    margin: 0;
}

.azteca-request-container {
    width: 100%;
    text-align: center;
    margin-top: 80px;
}

.azteca-request-title {
    color: var(--bblack);
    font-size: 40px;
    font-family: "SF Pro Text"; font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0;
    margin-top: 48px;
    margin-bottom: 36px;
}
.azteca-request-button {
    display: block;
    background-color: var(--bblue);
    border-radius: 50px;
    color: var(--wwhite);
    font-size: 16px;
    letter-spacing: -0.06rem;
    margin-inline: auto;
    max-width: 320px;
    padding-block: 16px;
    padding-inline: 24px;
    width: 100%;
}

.azteca-legals-container {
    margin-top: 200px;
}

.azteca-legal {
    text-align: justify;
}

.azteca-steps-item-text-image {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    column-gap: 8px;
}

modalazteca-2, modalazteca-1, .modal-dialog {
    width: 70%;

}

modalazteca-2, modalazteca-1 {
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 15px;

}

.np {
min-height: auto;
}

.circlev {
    background-color: #066a44;
    color: white;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    text-align: center;
    margin: auto;
    margin-top: 15px;
}
.container.btn-suc p {
    text-align: center;
}

.container.btn-suc a {
    max-width: fit-content;
    font-size:15px;
}

.container.btn-suc .mod-az {
    background-color: transparent;
    color: var(--bblue);
    text-decoration: underline;
    cursor: pointer;
}
.container.btn-suc {
    width: auto;
}

div#modalazteca-2 img {
    margin: auto;
}
div#modalazteca-2 img {
    margin: auto;
}

@media only screen and (max-width: 767px) {
    .azteca-title {
        font-size: 36px;
        line-height: 36px;
    }

    .azteca-subtitle {
        font-size: 28px;
        line-height: 28px;
    }

    .azteca-main-banner-description {
        font-size: 22px;
        line-height: 22px;
    }

    .azteca-steps-title,
    .azteca-products-title,
    .azteca-request-title {
        font-size: 28px;
        line-height: 28px;
    }
    modalazteca-2, modalazteca-1, .modal-dialog {
        width: 90%;
        margin: auto;
        top: 50px;
    }

    ul.lista-btn {
        flex-direction: column;
        gap: 70px;
    }
}

@media only screen and (max-width: 699px) {
    .azteca-steps-item-container {
        width: 100%;
        height: auto;
    }

    .azteca-steps {
        flex-direction: column;
        align-items: center;
    }

    .azteca-steps-item {
        max-width: 100%;
        width: 100%;
    }

    .azteca-steps-item-text {
        height: auto;
        min-height: unset;
        max-width: 320px;
        margin-inline: auto;
    }

    .azteca-steps-item-icon {
        margin-top: 16px;
    }

    .azteca-logo-header {

        max-width: 50%;
   
    }
    .azteca-title {
        font-size: 28px;
        line-height: 30px;
    }
    .azteca-subtitle {
        font-size: 20px;
        line-height: 20px;
    }
    .azteca-logo-header {
        margin-block: 20px;
    }
    .azteca-main-banner {
        max-width: 100%;
        width: 100%;
    
    }

    .full-azul1 {
    display: block;
    
    }
 

    ul.lista-btn li {
        order: 2;
    }

        ul.lista-btn li.full-azul1 {
            order: 1;
        }

        ul.lista-btn li:last-child {
            order: 3;
        }

}



.solo16e {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    border: solid 1px #f2f2f2;
    border-radius: 15px;
}

    .solo16e .azteca-logo-header {
    margin-block: 0px;
    }

    .item16e {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.solo16e .azteca-product {
border: none;

}

div#modalazteca-3 .modal-body {
    padding: 70px 0px 0px 0px;
    text-align: center;
}

div#modalazteca-3 .modal-azt .bbluee {
background-color: var(--bblue);
color: #ffffff;

}
div#modalazteca-3  ul.lista-btn li a {

    padding: 10px 20px;

}


div#modalazteca-3 .modal-body .texto-azteca {
    font-size: 17px;
}

@media only screen and (max-width: 768px) {
    .solo16e {
        grid-template-columns: 1fr;
    }
}