/* SP POPUP */

.trigger_popup{
    cursor: pointer;
    display: inline-block;
}

.trigger_cerrar_popup {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 32px;
    height: 32px;
    margin: 8px 8px 0 0;
    border-radius: 100%;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sp_popup{
    color: #1f1f1f!important;
    visibility: hidden;
    position:fixed;
    z-index: 1000000;
    transition: visibility 0.5s;
}

.sp_popup.active{
    visibility: visible;
}

.sp_popup,
.sp_popup .overlay{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlay{
    background-color: #0006;
}

.sp_popup .contenido{
    max-width: 600px;
    width: calc(100% - 20px);    
    background-color: #f2f2f2;
    opacity: 0;
    transform: translateY(-100%);
    transition:opacity 0.5s, transform 0.5s;
    z-index: 100;
    padding: 24px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px #0003;

    max-height: calc(100dvh - 72px);
    max-height: calc(100dvh - 72px);
    overflow-y: scroll;
}

.sp_popup .contenido iframe.full{
    width: 100%;    
    min-height: calc(100vh - 200px);
    min-height: calc(100dvh - 200px);
}

.sp_popup .contenido::-webkit-scrollbar {
    display: none;
}
  
.sp_popup .contenido {
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

.sp_popup .overlay{
    opacity: 0;
    transition: opacity 0.5s;
    position:fixed;
    z-index: 10;
}

.sp_popup.active .overlay{
    opacity: 1;
}

.sp_popup.active .contenido{
    opacity: 1;
    transform: translateY(0%);
}

.sp_popup h4{
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 16px;
}




.sp_popup {
    .row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}[class*=col-]{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;box-sizing:border-box}.col{flex:1 0 0%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 8.333%;max-width:8.333%}.col-2{flex:0 0 16.667%;max-width:16.667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333%;max-width:33.333%}.col-5{flex:0 0 41.667%;max-width:41.667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333%;max-width:58.333%}.col-8{flex:0 0 66.667%;max-width:66.667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333%;max-width:83.333%}.col-11{flex:0 0 91.667%;max-width:91.667%}.col-12{flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm{flex:1 0 0%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 8.333%;max-width:8.333%}.col-sm-2{flex:0 0 16.667%;max-width:16.667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333%;max-width:33.333%}.col-sm-5{flex:0 0 41.667%;max-width:41.667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333%;max-width:58.333%}.col-sm-8{flex:0 0 66.667%;max-width:66.667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333%;max-width:83.333%}.col-sm-11{flex:0 0 91.667%;max-width:91.667%}.col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md{flex:1 0 0%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 8.333%;max-width:8.333%}.col-md-2{flex:0 0 16.667%;max-width:16.667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333%;max-width:33.333%}.col-md-5{flex:0 0 41.667%;max-width:41.667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333%;max-width:58.333%}.col-md-8{flex:0 0 66.667%;max-width:66.667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333%;max-width:83.333%}.col-md-11{flex:0 0 91.667%;max-width:91.667%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg{flex:1 0 0%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 8.333%;max-width:8.333%}.col-lg-2{flex:0 0 16.667%;max-width:16.667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333%;max-width:33.333%}.col-lg-5{flex:0 0 41.667%;max-width:41.667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333%;max-width:58.333%}.col-lg-8{flex:0 0 66.667%;max-width:66.667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333%;max-width:83.333%}.col-lg-11{flex:0 0 91.667%;max-width:91.667%}.col-lg-12{flex:0 0 100%;max-width:100%}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 8.333%;max-width:8.333%}.col-xl-2{flex:0 0 16.667%;max-width:16.667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333%;max-width:33.333%}.col-xl-5{flex:0 0 41.667%;max-width:41.667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333%;max-width:58.333%}.col-xl-8{flex:0 0 66.667%;max-width:66.667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333%;max-width:83.333%}.col-xl-11{flex:0 0 91.667%;max-width:91.667%}.col-xl-12{flex:0 0 100%;max-width:100%}}
}