@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Syne:wght@700;800&display=swap");
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

html { height: 100%; }

body { padding: 0px 0 0 0; margin: 0; font-size: 12px; color: #000; background-image: url(../construccion_img/fdo_relacionados.jpg); background-size: cover; background-repeat: no-repeat; background-color: #fff; font-family: "Roboto Condensed", sans-serif; overflow-x: hidden; }

.clear { clear: both; }

h1, h2, h3, h4, h5, p, ul, li { padding: 0; margin: 0; }

li { list-style: none; }

a, a:hover { text-decoration: none; outline: none; }

a { outline: none !important; }

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

.trans { -moz-transition: all 0.3s ease-in; -webkit-transition: 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.datos { width: 800px; padding-bottom: 45px; margin: 150px auto auto auto; }

.logo { padding-bottom: 0; margin-bottom: 31px; text-align: center; }

h1 { font-size: 52px; font-family: "Syne", sans-serif; font-weight: 800; color: #e6007e; line-height: 52px; text-align: center; margin-bottom: 31px; }

p { font-size: 22px; text-align: center; padding-bottom: 33px; font-family: "Roboto Condensed", sans-serif; }

.direccion li { display: inline-block; width: 49%; }

.direccion li h2 { font-size: 16px; color: #F05A28; margin-bottom: 5px; }

.direccion li p { font-size: 14px; }

.redes { text-align: center; }

.redes li { display: inline-block; }

.redes li img { filter: invert(1); }

.redes li img:hover { opacity: 0.8; }

.texto p { font-size: 18px; text-align: center; padding-bottom: 8px; border-top: solid 1px rgba(0, 0, 0, 0.2); padding-top: 12px; }

.texto ul { text-align: center; border-bottom: solid 1px rgba(0, 0, 0, 0.2); padding-bottom: 12px; margin-bottom: 33px; }

.texto ul li { display: inline-block; color: #e6007e; font-size: 18px; margin-right: 15px; }

.texto ul li a { color: #e6007e; }

.texto ul li a:hover { color: #000; }

@media (max-width: 560px) { .datos { width: 90%; margin: auto; }
  body { background-image: none; background-image: url(../img/fondomobile.jpg); height: 100%; background-size: cover; }
  h1 { font-size: 28px; } }