*{text-align: center; padding: 0; margin: 0; font-family: "Arial";}

body{padding: 30px;}
body div:not(body div div){margin: 20px 0;}
body div div{margin: 20px 0 0 0; user-select: none;}
body p{margin: 20px 0 0 0;}

.esquinaImg{position: absolute; top: 0; left: 0; z-index: -999; width: 50%; transform: rotate(210deg);}

h1, a, h2{word-break: break-all; hyphens: auto;}
br{user-select: none;}
h1 span{color: blue;}
.PrimerP{margin-bottom: 30px;}

img{width: 70%; margin-top: 30px; user-select: none;}

a:not(.NuestraVPS a){border: 1px solid blue; padding: 5px; text-decoration: none; position: relative; display: inline-block; padding: 5px 20px; font-size: 15px; font-weight: bold; color: black; border: 2px solid black; text-align: center; overflow: hidden; cursor: pointer; transition: color 0.4s ease;}
a:not(.NuestraVPS a)::before{content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: rgba(0, 0, 255, 30%); transition: left 0.4s ease;}
a:not(.NuestraVPS a):hover::before{left: 0;}

div.QueEs{background-color: rgb(233, 226, 226); padding: 20px; margin: 30px 10%; border-radius: 20px; box-shadow: 3px 3px 15px rgb(179, 172, 172)}
.seleccionar{user-select: all;}
.MovilEnlace{display: none;}

div.NuestraVPS{background-color: rgb(233, 226, 226); box-shadow: 3px 3px 15px rgb(179, 172, 172); width: fit-content; border-radius: 20px; margin: 0 auto; padding: 20px;}
div.NuestraVPS p{text-align: left;}
.NuestraVPS a{text-decoration: none; transition: all .5s;}
.NuestraVPS a:hover{color: white; background-color: black;}
.NuestraVPS table{margin-top: 20px; height: 100%;}
.NuestraVPS table td{text-align: left;}
.NuestraVPS table #z2{padding-left: 20px; word-break: break-all;}
.NuestraVPS table #separación{height: 5px;}
.SeleccionarAll{user-select: all;}

.pie p b{color: blue;}

@media (max-width: 768px){
    div.NuestraVPS, div.QueEs{box-shadow: .5px .5px 15px rgb(179, 172, 172);}
    
    div.NuestraVPS p{text-align: center;}
    div.QueEs{margin: 20px 0;}
    div.NuestraVPS{width: auto; padding: 20px; margin: 20px 0%; border-radius: 20px; justify-content: center; align-items: center;}
    div.NuestraVPS table{width: 100%;}
    div.NuestraVPS td{width: 50%;}
    .NuestraVPS table td:not(#z2){text-align: center;}

    .MovilEnlace{display: block;}
    img{display: none;}
}

@media (max-width: 350px){
    div.NuestraVPS td{width: 100% !important; display: inline-block;}
    .NuestraVPS table td{text-align: left !important;}
    .NuestraVPS table #z2{padding-left: 0px;}
    .NuestraVPS table #separación{height: 0px;}
}