@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

@media screen and (min-width:0px){
    body{background:url("image/background.jpg") no-repeat 0 0; background-size:cover;}

    .construccion{display:flex; justify-content:center; align-items:center; height:100vh; /*background:#fff;*/}
    .construccion .container__row{position:relative;}
    .construccion .container__text h2{background: #c80000; width:max-content; margin: auto; padding:10px; color: #fff; font-size:25px;}
    .construccion .container_gif{display:block; margin:auto; width:max-content;}
    .construccion .container_gif img{max-width:300px;}
    .construccion .container-redes{background:#fff; display:flex; align-items:center; flex-direction:column; margin:auto; left:0; right:0; bottom:0px; width:max-content; padding:10px 20px;}
    .construccion .container-redes h2{font-family: 'DM Sans', sans-serif; font-weight:bold; font-size:1.6rem;}
    .construccion .container-redes ul.redes{gap:1rem; list-style:none; padding:0;}
    .construccion .container-redes ul.redes li {font-size:12px; text-align: center; word-break:break-all;}
    .construccion .container-redes ul.redes li span{font-weight:bold;}
}
@media screen and (min-width:768px){
    .construccion .container__text h2{font-size:50px;}
    .construccion .container_gif img{max-width:400px;}
    .construccion .container-redes ul.redes li {font-size:25px; text-align: center;}
}
@media screen and (min-width:980px){
    body{background:url("image/background.jpg") no-repeat center 0; background-size:cover;}

    .construccion .container_gif img{max-width:500px;}
    .construccion .container-redes{bottom:46px; padding-left:30px;}
}