/* -------------------- BOTONES -------------------- */





/* ----------- BTN V1 -------------*/



* {

    box-sizing: border-box;

}



*::before,

*::after {

    box-sizing: border-box;

}



.btn-norm {

    position: relative;

    /* display: inline-block; */

    cursor: pointer;

    outline: none;

    border: 0;

    vertical-align: middle;

    text-decoration: none;

    background: transparent;

    padding: 0;

    font-size: inherit;

    font-family: inherit;

    max-width: 28em;

    height: auto;

    display: block;

}



.btn-norm.bnt-peq {

    max-width: 28em;

}



.btn-norm .circle {

    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);

    position: relative;

    display: block;

    margin: 0;

    width: 3rem;

    height: 3rem;

    background: #282936;

    border-radius: 1.625rem;

}



.btn-norm .circle .icon {

    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    background: #fff;

}



.btn-norm .circle .icon.arrow {

    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);

    left: 0.625rem;

    width: 1.125rem;

    height: 0.125rem;

    background: none;

}



.btn-norm .circle .icon.arrow::before {

    position: absolute;

    content: "";

    top: -0.25rem;

    right: 0.0625rem;

    width: 0.625rem;

    height: 0.625rem;

    border-top: 0.125rem solid #fff;

    border-right: 0.125rem solid #fff;

    transform: rotate(45deg);

}



.btn-norm .button-text {

    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 0.75rem 0;

    margin: 0 0 0 1.85rem;

    color: #282936;

    font-weight: 700;

    line-height: 1.6;

    text-align: center;

    text-transform: uppercase;

}



.btn-norm:hover .circle {

    width: 100%;

}



.btn-norm:hover .circle .icon.arrow {

    background: #fff;

    transform: translate(1rem, 0);

}



.btn-norm:hover .button-text {

    color: #fff;

}





/* ----------- BTN V2 OK -------------*/



.btn-line .elementor-button-wrapper {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

    -webkit-transition: opacity 2.1s cubic-bezier(.23, 1, .38, 1) 1.2s, -webkit-transform 2.1s cubic-bezier(.23, 1, .38, 1) 1.2s;

    -o-transition: transform 2.1s cubic-bezier(.23, 1, .38, 1) 1.2s, opacity 2.1s cubic-bezier(.23, 1, .38, 1) 1.2s;

    transition: transform 2.1s cubic-bezier(.23, 1, .38, 1) 1.2s, opacity 2.1s cubic-bezier(.23, 1, .38, 1) 1.2s;

    transition: transform 2.1s cubic-bezier(.23, 1, .38, 1) 1.2s, opacity 2.1s cubic-bezier(.23, 1, .38, 1) 1.2s, -webkit-transform 2.1s cubic-bezier(.23, 1, .38, 1) 1.2s;

    display: inline-block;

    vertical-align: bottom;

    text-align: center;

    cursor: pointer;

    font-size: 1em;

    line-height: 1em;

    padding: 2px;

    overflow: hidden;

    letter-spacing: .5px;

    color: #515151!important;

    background-color: transparent;

}



.btn-line .elementor-button-wrapper:after,

.btn-line .elementor-button-wrapper:before {

    position: absolute;

    top: 2px;

    left: 0;

    width: 3px;

    height: 0;

    background: var(--primary-color);

    -webkit-transition: height .3s ease-out 150ms;

    -o-transition: height .3s ease-out 150ms;

    transition: height .3s ease-out 150ms;

    content: '';

}



.btn-line.btn-white .elementor-button-wrapper:after,

.btn-line.btn-white .elementor-button-wrapper:before {

    background: #fff;

}



.btn-line .elementor-button {

    color: #515151!important;

    background-color: transparent;

    display: block;

    padding: 20px 35px;

    border-top: 1px solid #dfdfdf;

    border-bottom: 1px solid #dfdfdf;

    cursor: pointer;

    text-decoration: none;

    text-transform: uppercase;

    transition: all 0.4s ease-in-out;

    font-size: 0.8em;

    line-height: 1.3em;

}



.btn-line.btn-white .elementor-button {

    color: #cfcfcf!important;

    line-height: 1.3em;

}



.btn-line .elementor-button:hover {

    color: #000;

    transition: all 0.4s ease-in-out;

}



.btn-line.btn-white .elementor-button:hover {

    color: #fff!important;

}



.btn-line .elementor-button:after,

.btn-line .elementor-button:before {

    position: absolute;

    top: 1px;

    left: 40px;

    width: 30px;

    height: 3px;

    background: var(--second-color);

    -webkit-transition: left .3s ease-out .3s, right .3s ease-out .3s, background .3s linear;

    -o-transition: left .3s ease-out .3s, right .3s ease-out .3s, background .3s linear;

    transition: left .3s ease-out .3s, right .3s ease-out .3s, ba ckground .3s linear;

    content: '';

}



.btn-line .elementor-button-wrapper:after {

    top: auto;

    left: auto;

    bottom: 2px;

    width: 3px;

    right: 0;

}



.btn-line .elementor-button:after {

    top: auto;

    left: auto;

    bottom: 1px;

    right: 40px;

}



.btn-line:hover .elementor-button:before {

    left: -30px;

    -webkit-transition: left .3s ease-out, right .3s ease-out;

    -o-transition: left .3s ease-out, right .3s ease-out;

    transition: left .3s ease-out, right .3s ease-out;

}



.btn-line:hover .elementor-button:after {

    right: -40px;

    -webkit-transition: left .3s ease-out, right .3s ease-out;

    -o-transition: left .3s ease-out, right .3s ease-out;

    transition: left .3s ease-out, right .3s ease-out;

}



.btn-line:hover .elementor-button-wrapper:before,

.btn-line:hover .elementor-button-wrapper:after {

    height: -webkit-calc(100% - 4px);

    height: calc(100% - 4px);

}



.btn-line .elementor-button-text {

    font-weight: 700;

}



.botonera-grande .elementor-container {

    flex-wrap: wrap;

    gap:10px;

}



.botonera-grande .elementor-column {

    width: 30%!important;

    min-width: 300px;



}



.doble-linea .elementor-button {

    min-height: 80px;

    display: flex;

    align-items: center;

    width: 100% !important;

    min-width: 300px;

    justify-content: center;

}