.dbsclose {
float: right;
font-size: 28px;
font-weight: bold;
line-height: 30px;
color: #090909;
position: absolute;
right: 20px;
top: 0;
}
.dbsclose:hover,
.dbsclose:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
#sombrapopup {
display: none;
position: fixed;
z-index: 999999999;
top:0;
left:0;
width:100%;
height:100%;
background:#00000080;
}
#dbspopup img {
max-width: 100%;
}
#dbspopup{
display: flex;
justify-content: center;
align-content: center;
align-items: center;
flex-direction: column;
flex-wrap: nowrap;
padding: 2em;
width: 100%;
max-width: 500px; min-height: 300px;
position: absolute;
top: 50%;
left: 50%;
z-index: 99999999;
max-height: 100vh;
transform: translate(-50%, -50%);
overflow: hidden;
background: #fff;
}
.fondo_popup{
max-width: 800px !important;
background: none !important;
}
.imagen_fondo_movil{
display: none;
}
.dbsclose_fondo{
right: 50px !important;
top: 50px !important;
}
.imagen_fondo_escritorio, .imagen_fondo_movil {
height: auto !important;
}
#dbspopup .h1{
font-size: 40px;
font-weight: bold;
margin-bottom: 0.8em;
line-height: 1.5em;
text-align: center;
}
#dbspopup .h2{
font-size: 30px;
font-weight: bold;
margin-bottom: 0.8em;
line-height: 1.5em;
text-align: center;
}
#dbspopup .h3{
font-size: 20px;
font-weight: normal;
margin-bottom: 0.8em;
line-height: 1.5em;
text-align: center;
}
#dbspopup img.aligncenter{
clear: none;
margin-top: 0;
margin-bottom:0;
}
#dbspopup .aligncenter{
margin-right: none;
margin-left: none;
}
@media only screen and (max-width: 550px) {
#dbspopup {
max-width: 450px;
}
#dbspopup img.aligncenter {
}
}
@media only screen and (max-width: 490px) {
#dbspopup {
max-width: 350px; }
#dbspopup img.aligncenter{
height: auto !important;
}
.imagen_fondo_escritorio{
display: none;
}
.imagen_fondo_movil{
display: block;
}
}
@media only screen and (max-width: 350px) {
#dbspopup{
max-width: 300px;
}
#dbspopup img.aligncenter{
height: auto !important;
}
}