:root {
    --bg-rojo-benve: #a01127;
    --bg-grey-benve: #87868a;
    --bg-grey-black-benve: #444242;
    --bg-grey-black-benve-transparencia: #4d4d4d70;
    --bg-rojo-benve-transparencia: #a01127cc;
    --bg-rojo-benve-oscuro: #670211;
    --bg-blanco-text-rojo-benve: #fff;
    --bg-blanco-text-negro-benve: #000;
    --bg-box-shadow-grey: #c3c3c3;
    --bg-box-shadow-grey-clear: #f0f0f0;
}
.btn-benve{ background: var(--bg-rojo-benve); color: var(--bg-box-shadow-grey);}
.btn-benve:hover{ background: var(--bg-rojo-benve-oscuro); color: var(--bg-blanco-text-rojo-benve);}

.gap-1{gap: 10px;}
.gap-2{gap: 20px;}
.gap-3{gap: 30px;}
.gap-4{gap: 40px;}
.gap-5{gap: 50px;}

.br1{border-radius: 0.5em;}
.br2{border-radius: 1em;}
.br3{border-radius: 1.5em;}
.br4{border-radius: 2em;}
.br5{border-radius: 2.5em;}

#wrapper #content-wrapper{background: #f7f7f7;}
.login-externo{ position: relative; height: 100vh;}
.login-interno{
    position: absolute; top: 50%; left: 50%; width: 60%; transform: translate(-50%, -50%);border:2px solid #87868a; background: white; border-radius:12px
}

.fondo-login{ background:var(--bg-grey-black-benve); object-fit: cover; background-size: 100% 100%;}

.seccion-test{height: 550px; border-radius:12px}
.owl-login .owl-nav{display: flex;justify-content: space-between;position: absolute;width: 100%;top: 50%;left: 0;transform: translate(0, -50%);}
.owl-login.owl-carousel .owl-nav button.owl-prev, .owl-login.owl-carousel .owl-nav button.owl-next{font-size: 2.5rem;color: var(--bg-rojo-benve);}
.owl-login .owl-dots{position: absolute;width: 100%;display: flex;justify-content: center;gap: 10px;padding: 10px;bottom: 0;}
.owl-login .owl-dots .owl-dot{width: 12px;height: 12px;background-color: var(--bg-grey-benve);border-radius: 50%;}
.owl-login .owl-dots .owl-dot.active{background-color: var(--bg-rojo-benve);}
.seccion-text{position:absolute; z-index: 10;top: 0;left: 0;height: 100%;width: 100%; background: #00000098; border-radius:12px}
.seccion-text-content{position: absolute; top: 50%; left: 10%; right: 10%; color:white}

.nav-benve{background: var(--bg-rojo-benve);}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0 !important; }
figure{ margin: 0 !important;}
.text-justify{ text-align: justify;}
.separador-benve{ display: block; height: 1px; width: 100%; background: var(--bg-rojo-benve-transparencia); margin: 10px 0;}
.show-img{ width: 100%; background: white; padding: 1rem; border-radius: 1em;}
.show-img img{ border-radius: 1em;}
.sd{justify-content: space-;}
.text-justify{ text-align: justify; }
.td-webkit{display: -webkit-box;-webkit-line-clamp: 8;text-overflow: ellipsis;height: auto;-webkit-box-orient: vertical;overflow: auto; }

.ser-titulo{ padding: 0.75rem; background: var(--bg-rojo-benve); color: var(--bg-blanco-text-rojo-benve);}
.ser-resumen{ display: -webkit-box;-webkit-line-clamp: 5;text-overflow: ellipsis;height: auto;-webkit-box-orient: vertical;overflow: hidden;}

@media screen and (max-width: 650px){
    .d-flex{flex-direction: column;}
    .login-interno{ width: 85%;}
    .seccion-test{height: 250px;}
    .seccion-text-content{ top:35%; left: 5%; right: 5%;}
}