@charset “UTF-8”; @import url(fonts.googleapis.com/css?family=Exo:300,400,700|Kanit:400,500,600,700); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

display: block; }

body {

line-height: 1;
}

ol, ul {

list-style: none; }

blockquote, q {

quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {

content: '';
content: none; }

table {

border-collapse: collapse;
border-spacing: 0; }

:root {

--color-1: #2a3425;
--color-2: #d4695c;
--color-3: #86a27b;
--background: #F9F9F9;
--fondo: rgba(235, 235, 235, 0.4) ; }

/*otros colores f2ecff ccc faf8ff faf8ff #8d8d8d */ html {

font-size: 12px; }

a {

text-decoration: none;
outline: none;
color: var(--color-1); }

.blog-post a, a.morel, footer a {

color: var(--color-1);
font-weight: 500;
transition: all 1s ease; }

.ficha-metadata a {

color: var(--color-1);
font-weight: 700;
transition: all 1s ease; }

a.metadata-input, footer a {

color: var(--color-1);
transition: all 1s ease;
text-decoration: none; }

a.morel:hover, a.metadata-input:hover, footer a:hover {

color: var(--color-2);
cursor: pointer; }

footer {

background-color: var(--background);
min-width: 100%;
box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.16), 0 -2px 10px 0 rgba(0, 0, 0, 0.12);
padding-bottom: 0px; }

footer .main-container {

background-color: var(--background); }

footer a.morel {

font-weight: 300; }

body, iframe > body {

 background-color: var(--background);
 color: var(--color-1);
 font-family: 'Kanit', "Lucida Console", Monaco, monospace;
 line-height: 2em;
 font-size: 1em;
 background-image: url("../img/trama.png");
 background-size: 1100px;
 object-fit: cover;
}

h1 {

font-size: 1.688rem;
font-weight: 500;
/*border-left: 0px;
border-top: 0px;
border-right: 0.185em;
border-bottom: 0.185em;
border-style: solid;
display: inline;
padding: 0px 0.750rem;
letter-spacing: -0.063rem;*/
text-transform: uppercase;
margin: 3.5rem 0px 1rem;
text-align: center; }

h1.book {

display: none;

}

h2 {

font-size: 2rem;
font-weight: 600;
line-height: 2rem; }

h3 {

font-size: 1.5rem;
font-weight: 600;
line-height: 2rem;
margin-top: 1.5rem; }

/*hash link workaround*/ h3::before, h2::before, h1::before {

display: block;
content: " ";
margin-top: -3em;
height: 3em;
visibility: hidden;
pointer-events: none; }

/*end of hlw*/ p {

font-size: 1.2rem;
font-weight: 300;
line-height: 1.5em;
margin-top: 1rem; }

label {

cursor: pointer; }

p.morel:first-of-type::first-letter {

font-size: 2rem;
font-weight: 500; }

label.button, button {

font-size: 1.4rem;
font-family: 'Kanit', "Lucida Console", Monaco, monospace;
color: var(--color-1);
background: none;
font-weight: 500;
border-left: 0px;
border-top: 0px;
border-right: 0.185em;
border-bottom: 0.185em;
border-style: solid;
display: inline;
padding: 0px 0.750rem;
letter-spacing: -0.063rem;
text-transform: uppercase;
cursor: pointer;
transition: all 1s ease; }

label:hover.button, button:hover {

font-weight: 600;
color: var(--background);
background: var(--color-2);
border-style: none; }

.modal ul {

list-style-type: square;
list-style-image: url("img/list.svg");
list-style-position: inside;
margin-left: 5%;
margin-top: 2rem; }

/* font size for mobiles */

@media screen and (min-width: 376px) and (max-width: 600px) {

html {
  font-size: 14px; } }

@media screen and (min-width: 601px) and (max-width: 1226px) {

html {
  font-size: 16px; } }

@media screen and (min-width: 1227px) {

html {
  font-size: 18px; } }

/general/ .main-container {

margin: auto;
padding: 6%;
background-color: var(--fondo); }

.column {

flex-grow: 0;
flex-basis: calc(25% - 2rem);
line-height: 0;
padding: 1rem; }

/*obra día*/ .ficha-metadata {

font-family: 'Exo', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 0.950rem;
padding: 2.500rem 6% 4.500rem 15.1%;
line-height: 1.5em; }

.metadata-input {

font-size: 0.938em;
font-weight: 600; }

.actions-h {

margin: auto;
display: flex;
justify-content: center; }

.actions-h, .actions-v i {

font-size: 1.875rem; }

.actions-h i {

padding: 0.75em; }

.actions-v {

flex-grow: 0;
flex-basis: 8%;
align-self: center;
text-align: center; }

.avatar, .portada {

flex: 0 0 auto;
align-self: center;
line-height: 0; }

.sombra {

max-width: 1227px;
margin: auto; }

.row {

max-width: calc(1227px + 2rem);
margin: auto;
margin-top: .688rem;
margin-bottom: 9.125rem;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
/*margin:.688rem -1rem 3.125rem -1rem*/ }

/ciudades/ .ciudad .ficha-title {

padding-right: 15.1% !important;
padding-bottom: 4.813rem !important; }

.ciudad {

background-color: var(--background);
margin-bottom: 3.125rem;
max-width: 1227px;
margin: auto; }

.ciudad h2 {

margin-bottom: 2.250rem; }

/*xs styling*/ .avatar, .portada {

max-width: 68.8%;
margin: auto;
flex-basis: 100%; }

.ficha-title {

flex: 0 0 auto;
flex-basis: 100%;
padding: 15.1% 6% 2.250rem 15.1%; }

.ficha-container > div {

padding-right: 15.1%; }

.ficha-extract {

padding-left: 15.1%; }

.proyecto-tienda ul {

line-height: 1;
font-size: 1em;
list-style-type: square;
list-style-position: inside;
margin-left: 5%; }

.proyecto-tienda li {

padding-top: 1rem; }

.obra-dia {

max-width: 1227px;
margin: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
margin-bottom: 9.125rem;
margin-top: 2rem;
background-color: var(--background); }

.deictico-demo:before {

content: "más abajo"; }

/*OBRAS MEDIA QUERIES*/

/xs/ @media screen and (max-width: 376px) {

.ficha-title {
  word-wrap: break-word; } }

/*xs, s y m*/ @media screen and (max-width: 797px) {

.actions-h {
  padding-bottom: calc(15.1% - 0.5em); }
.avatar {
  margin-bottom: 7rem;}
   }

/* @media screen and (min-width: 797px) {

.deictico-demo:before {
  content: "a tu derecha"; } } */

/*xs, s, m y ml*/ @media screen and (max-width: 1039px) {

.actions-h {
  display: flex; }

.actions-v {
  display: none;
  flex-basis: 0%;
  max-width: 0%; } }

/*ml, l y xl*/ @media screen and (min-width: 798px) {

.ficha-title {
  padding: 5.750rem 6% 2.250rem 15.1% !important; }

.ficha-extract {
  padding: 0px 6% 0 15.1% !important; }

.avatar,
.portada {
  padding-left: 0; }

.ficha-metadata {
  padding: 2.500rem 6% 4.813rem 15.1% !important; } }

/*solo m*/ @media screen and (min-width: 601px) and (max-width: 797px) {

.portada {
  max-width: 50%; }

.header {
  height: 70vh; } }

/*Solo l*/ @media screen and (min-width: 798px) and (max-width: 1039px) {

.avatar,
.portada {
  flex-basis: 45%;
  max-width: 45%;
  padding-top: 0rem; }

.ficha-container {
  flex-basis: 55%;
  max-width: 55%; }

.img-frame {
  padding-right: 10%; } }

/*solo xl*/ @media screen and (min-width: 1040px) {

.actions-h {
  display: none !important; }

.actions-v {
  display: block !important; }

.avatar,.portada {
  flex-basis: 39%;
  max-width: 39%;
  padding-top: 0; }

.ficha-container {
  flex-basis: 53%;
  max-width: 53%; } }

/* RESPONSIVE LOGO */

/* .header .logo {

width: 125px;
height: 184px;
background-image: url("../img/morel.svg");
background-position: center bottom;
padding: 0px;
margin: 0 auto; }

.tienda .logo {

background-image: url("../img/morel-tienda.svg"); }

.header {

display: flex;
justify-content: center;
height: 65vh;
align-items: center;
text-align: center; }

.logo-container input, .logo-container a {

display: none; }

/s/ /* @media only screen and (min-width: 376px) and (max-width: 599px) {

.header .logo {
  background-position: center 504px;
  width: 187px;
  height: 275px; } }

/* xl */ /* @media only screen and (min-width: 1227px) {

.header .logo {
  background-position: center top;
  width: 560px;
  height: 258px; } }

/*l */ /*@media only screen and (min-width: 1040px) and (max-width: 1226px) {

.header .logo {
  background-position: center 1335px;
  width: 520px;
  height: 240px; } }

/ml/ /* @media only screen and (min-width: 798px) and (max-width: 1039px) {

.header .logo {
  background-position: center 1050px;
  width: 396px;
  height: 260px; } }

/m/ /* @media only screen and (min-width: 600px) and (max-width: 797px) {

.header .logo {
  background-position: center 745px;
  width: 300px;
  height: 197px; } }

/header/ /* .logo-container {

max-width: 50%;
margin-top: 2rem; }

/*xs styling*/ /*Desde s hasta xl*/ /* @media screen and (min-width: 600px) {

.header {
  height: 70vh !important; }

.logo-container input, .logo-container a {
  display: inline; }

.header.tienda {
  height: 55vh !important; } } */

.navBar {

background-color: var(--background);
position: fixed;
min-width: 100%;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
z-index: 100; }

nav .logo {

background-color: transparent;
border-radius: 50px;
display: inline-block;
height: 1.5rem;
margin: 1em 0; }

nav .logo img {

max-width: 6.250rem;
height: auto;
margin-right: 2; }

.navBar li:first child {

margin-right: auto; }

.wrapper {

margin: 0 auto;
/*  max-width: 1227px;*/
padding: 0 2%; }

nav ul {

display: flex;
list-style-type: none;
width: 30%; }

nav ul a {

color: var(--color-1);
text-decoration: none;
transition: all .5s ease;
display: block;
padding: 0px 0.25em; }

nav ul a:hover {

color: var(--color-2); }

nav div {

display: flex;
justify-content: space-between;
list-style-type: none;
width: 50%; }

nav div a {

color: var(--color-1);
text-decoration: none;
transition: all .5s ease; }

nav div a:hover {

color: var(--background); }

nav li {

display: inline-block;
flex: 1 1 100%;
text-align: right;
font-weight: 600; }

nav .menu-item {

flex: 1 1 100%; }

nav menu-toggle {

display: none; }

nav .label-toggle {

display: none; }

nav .wrapper {

align-items: center;
display: flex;
justify-content: space-between; }

/*NAV BAR MEDIA QUERRIES */

@media screen and (max-width: 912px) {

nav nav ul a {
  color: var(--color-1); }

nav nav ul a:hover {
  color: var(--background); }

nav ul {
  display: block;
  height: 0;
  list-style-type: none;
  opacity: 0;
  text-align: center;
  transition: all 1s ease;
  width: 100%;
  visibility: hidden; }

nav li {
  border: 0px 2px 2px 2px solid var(--color-1);
  color: var(--color-1);
  display: block;
  font-size: 1.5em;
  padding: 1em 1em;
  background-color: var(--color-2); 
  text-align: center;
}

nav #menu-toggle:checked ~ ul {
  opacity: 1;
  height: .0001rem;
  visibility: visible; }

nav .label-toggle {
  background: linear-gradient(to bottom, var(--color-1) 0%, var(--color-1) 20%, transparent 20%, transparent 40%, var(--color-1) 40%, var(--color-1) 60%, transparent 60%, transparent 80%, var(--color-1) 80%, var(--color-1) 100%);
  cursor: pointer;
  display: block;
  float: right;
  height: 1.43em;
  margin-top: 1em;
  width: 1.43em; }

nav .wrapper {
  display: block; } }

/miscelaneas/ .sombra-solida {

box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.16); }

.responsive {

width: 100%;
height: auto; }

/forms/ input {

border: .125em solid #ccc;
font-size: 1.4rem;
transition: all 1s ease;
width: 100%;
max-width: 400px;
padding: 0.5rem; }

input:focus {

border: 0.125em solid var(--color-2); }

input {

font-size: 1.4rem;
font-family: 'Kanit', "Lucida Console", Monaco, monospace;
color: var(--color-1);
background: none;
font-weight: 500;
border-left: 0px;
border-top: 0px;
border-right: 0.185em;
border-bottom: 0.185em;
border-style: solid;
display: inline;
padding: 0px 0.750rem;
letter-spacing: -0.063rem;
text-transform: uppercase;
cursor: pointer;
transition: all 1s ease; }

.busqueda input {

margin-right: -1rem;

}

input:hover {

font-weight: 600;
color: var(--background);
background: var(--color-2);
border-style: none; }

label.input {

font-size: 1.4rem; }

input, input {

border-bottom: .17em solid #ccc;

font-size: 1.4rem; transition: all 1s ease; width: 100%; max-width: 400px; padding: 0.5rem; border-top: none; border-left: none; border-right: .17em solid ccc; }

input:focus {

border: 0.125em solid var(--color-2); }

/footer/ .footer-row {

display: flex;
flex-wrap: wrap;
padding: 1rem 1rem;
align-items: center;
text-align: center; }

.footer-col {

line-height: 2rem;
flex-basis: 100%;
align-self: center;
padding: 1rem 0px; }

.footer {

font-weight: 400; }

@media screen and (min-width: 799px) {

.footer-col {
  flex-basis: 33.33%; }

.footer-row {
  text-align: left; } }

/*participar panel*/ .participar {

flex-basis: 100%; }

/*.participar .button {

text-align: right;

}*/ .participar-right {

padding-left: 15.1%;
padding-right: 15.1%; }

.participar .ficha-extract {

padding-right: 15.1%; }

.participar .ficha-title {

padding-right: 15.1%; }

@media screen and (min-width: 799px) {

.participar {
  flex-basis: 50%; }

.participar-right {
  padding-left: 0px; }

.participar .ficha-extract {
  padding-right: 6%; }

.participar .ficha-title {
  padding-right: 6%; } }

/* branding words*/

b.morel-word {

font-weight: 700;
font-transform: uppercase;
font-size: 1.25em;
display: inline-block; }

b.morel-word::first-letter {

color: var(--color-2) !important;
font-weight: 700 !important; }

b.site-word {

font-size: 1.20em; }

/* label as buttons */ label.button, button {

font-size: 1.4rem;
font-family: 'Kanit', "Lucida Console", Monaco, monospace;
color: var(--color-1);
background: none;
font-weight: 500;
border-left: 0px;
border-top: 0px;
border-right: 0.185em;
border-bottom: 0.185em;
border-style: solid;
display: inline;
padding: 0px 0.750rem;
letter-spacing: -0.063rem;
text-transform: uppercase;
cursor: pointer;
transition: all 1s ease; }

label:hover.button, button:hover {

font-weight: 600;
color: var(--background);
background: var(--color-2);
border-style: none; }

/* MEDIA QUERIES FOR AUTHOR PAGES */

.autor-pagina {

display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
margin-bottom: 3.125em;
margin-top: 2.5em;
background-color: var(--background); }

.autor-pagina .portada {

max-width: 80%;
justify-content: center; }

.autor-pagina .responsive {

width: auto;
max-width: 100%; }

.autor-pagina .portada .img-frame {

text-align: center; }

/*xs, s & m styling*/ @media screen and (max-width: 798px) {

.autor-pagina .portada .img-frame {
  padding: 0 15.1% 0 15.1%; }

.autor-pagina .portada {
  max-width: 100%; }

.autor-pagina .responsive {
  width: 100%; } }

/obras/

/*.row {

display: flex;

flex-direction: row; flex-wrap:wrap; align-items: stretch; margin:.688rem -1rem 5rem -1rem }*/

.container {

position: relative; }

.image {

display: block;
width: 100%;
height: auto; }

.autores .image {

width: calc(100% - 12px);
border: 1px solid #ddd;
padding: 5px;
background-color: var(--background); }

.overlay {

position: absolute;
bottom: 0;
left: 0;
right: 100%;
background-color: rgba(249, 249, 249, 0.6);
overflow: hidden;
width: 0;
height: 100%;
transition: .5s ease; 
cursor: context-menu;}

.text {

position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center; }

.basis {

flex-basis: calc(100% - 2rem);
flex-grow: 0;
padding: 1rem; }

/* MEDIA QUERIES FOR OVERLAYS */

/*for touch devices*/

.price {

display: block;
line-height: 1rem;
font-size: 1.05rem;
margin: 3%; }

.price-obras-listas {

display: block;

}

.price .title {

font-weight: 600;
margin-top: 1.7rem; }

.price .autor {

margin-top: 0.7rem; }

.masobras .container .overlay {

right: 0;
width: 100%; }

/*for desktop devices*/ @media (hover: hover) and (pointer: fine) {

.price {
  display: none;
  }

.container:hover ~ .price {
  display: block; }

.container:hover .overlay, .masobras .overlay {
  right: 0;
  width: 100%; }

.masobras .overlay {
  background-color: var(--background); }

.container:hover {
  cursor: pointer; } }

/* MEDIA QUERIES FOR FLEX GRID */

/*xs styling*/ @media screen and (max-width: 375px) {

.price .title {
  font-size: 1.7rem;
  line-height: 1.7rem; }

.price .autor {
  font-size: 1.7rem;
  line-height: 1.7rem; }

.masobras label {
  font-size: 2rem; } }

/*s styling*/ @media screen and (min-width: 376px) and (max-width: 599px) {

.basis {
  flex-basis: calc(50% - 2rem); }

.price .title {
  font-size: 1.5rem;
  line-height: 1.5rem; }

.price .autor {
  font-size: 1.5rem;
  line-height: 1.5rem; } }

/*ml & m styling*/ @media screen and (min-width: 600px) and (max-width: 1039px) {

.basis {
  flex-basis: calc(33% - 2rem); } }

/*l & xl styling*/ @media screen and (min-width: 1040px) {

.basis {
  flex-basis: calc(25% - 2rem); } }

.post {

height: auto !important; }

/* BLOG */

.post-cover {

flex-basis: calc(100% - 0.001rem);
max-width: calc(100% - 0.001rem);
align-self: center;
margin-top: calc(3.5rem - 1%); }

.workarround {

flex-basis: 0.001rem;
max-width: 0.001rem;
min-height: 30vh; }

.post-container {

max-width: 100%;
padding: 1% 0% 0% 0%;
background: none; }

.post-container .obra-dia {

max-width: 100%; }

.post-container .obra-dia {

background-color: transparent;
margin-bottom: 0px;
margin-top: 0px; }

.post-container .ficha-container {

background-color: var(--background);
flex-basis: 100%;
max-width: 100%;
min-height: 72vh; }

.post-container .ficha-extract {

padding-right: 8% !important;
padding-top: 5.75rem !important;
padding-left: 8% !important; }

.post-container .ficha-title {

padding-top: 8% !important;
padding-bottom: 8% !important;
padding-right: calc(8% - 0.001rem) !important;
padding-left: calc(8% - 0.001rem) !important;
align-self: center; }

.post-container .ficha-metadata {

padding-right: 8% !important;
padding-left: 8% !important; }

/* BLOG MEDIA QUERIES */

@media screen and (min-width: 1040px) and (max-width: 1227px) {

.post-container .ficha-metadata {
  padding-right: 23.1% !important;
  padding-left: 15.1% !important; }

.post-container .ficha-title {
  padding-right: calc(23.1% - 0.001rem) !important;
  padding-left: calc(15.1% - 0.001rem) !important; }

.post-container .ficha-extract {
  padding-right: 23.1% !important;
  padding-left: 15.1% !important;
  padding-top: 5.75rem !important; } }

@media screen and (min-width: 799px) {

.post-container .ficha-metadata {
  padding-right: 15.1% !important;
  padding-left: 15.1% !important; }

.post-container .ficha-title {
  padding-right: calc(15.1% - 0.001rem) !important;
  padding-left: calc(15.1% - 0.001rem) !important; }

.post-container .ficha-extract {
  padding-right: 15.1% !important;
  padding-left: 15.1% !important;
  padding-top: 5.75rem !important; } }

@media screen and (min-width: 1228px) {

.post-container .ficha-container {
  flex-basis: 61%;
  max-width: 61%;
  min-height: 100vh; }

.post-cover {
  flex-basis: 39%;
  max-width: 39%;
  min-height: auto;
  position: fixed;
  top: 36%; }

.workarround {
  flex-basis: 39%;
  max-width: 39%;
  min-height: auto; } }

/* PARTICLES */

particles-js {

width: 100%;
height: 100%;
background-color: #f9f9f9;
background-image: url("");
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
position: absolute;
position: fixed;
top: 0;
left: 0;
z-index: -1; }

/* MODALS */

.checker:checked + .modal {

display: flex; }

.modal {

display: none;
justify-content: center;
align-items: baseline;
position: fixed;
top: 2.5rem;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
overflow: scroll; }

.modal-body {

max-width: 97%;
background-color: var(--background); }

.modal .ficha-extract, .modal .ficha-title, .modal .ficha-metadata {

padding-right: 5% !important;
padding-left: 5% !important; }

.modal .ficha-metadata {

line-height: initial;
text-align: left;
/*display: block;*/ }

.modal .btn-container, footer .btn-container {

margin: 1rem 0 1rem 0; }

label.morel {

color: var(--color-1);
font-weight: 500;
transition: all 1s ease; }

label.morel:hover {

color: var(--color-2);
cursor: pointer; }

@media screen and (min-width: 601px) {

.modal .ficha-metadata {
  display: flex; }

.modal .btn-container {
  flex-basis: 33%;
  padding: 0px 2% 0px 2%; } }

@media screen and (min-width: 375px) {

.modal .ficha-extract, .modal .ficha-title, .modal .ficha-metadata {
  padding-right: 15.1% !important;
  padding-left: 15.1% !important; } }

@media screen and (min-width: 375px) and (max-width: 798px) {

.modal-body {
  max-width: 90% !important; } }

@media screen and (min-width: 799px) {

.modal-body {
  max-width: 70% !important; } }

/* 2.0 overrides */

h1.index {

font-size: 1.9rem; font-weight: 200; letter-spacing: 0.1rem; text-transform: uppercase; margin: 6.5rem 0px 6rem; text-align: center;

}

h1.list {

visibility: hidden;

}

h2.index, p.index {

margin: 1rem;

}

.obras {

margin-bottom: 0;

}

.overlay-text-inside {

margin: 0 -1rem 1.3rem;

font-size: 1rem; color: var(–background);

}

.see-and-download {

font-size: 1.8rem;

margin-top: 1.3rem; color: var(–background); }

.clear {

color: transparent;

}

.overlay {

background-color: rgba(42, 52, 37, 0.88);

}

/* footer */

.default-footer {
   background: var(--background);
   padding-bottom: 100px;
   padding-top: 100px;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

} .text-center {

text-align: center !important;}
.dis-blk {
display: block;
margin-bottom: 30px;

} .copy-right {

font-size: 12px;
color: #bac0cb;

} footer .social a {

font-size: 1.6rem;

}

.footer-logo {

width: auto;

} .mb-40 {

margin-bottom: 40px;

}

/* blog */

.post-cover h1 {

font-size: 2rem;

font-weight: 600; line-height: 2rem; text-transform: none; }

.blog h2 {

font-size: 1.688rem;
font-weight: 500;
text-transform: uppercase;
margin: 3.5rem 0px 1rem;
text-align: center; }

.obras-ciudad {

padding: 3rem;

}

/* chriteria pages */

h1.criterios-city {

margin: 6.5rem 0px 0rem

}

p.criterios-city {

font-size: .9rem; font-weight: 100; line-height: 1.5em; text-align: center; margin: 3rem 0; }

/*MEDIA QUERIES FOR CRITERIOS HOVER */

p.criterios-city {

visibility: hidden;

}

.chriteria {

filter: brightness(0.30);

}

.busqueda {

text-align: center;

}

div.busqueda {

padding: 25vh 2rem;

}

@media (hover:hover) and (pointer: fine) {

p.criterios-city-mobile {
  visibility: hidden;
} 

p.criterios-city {
  visibility: visible;
}

}

.search-index { text-align: center; margin-bottom: 4rem; font-size: 1.8rem;}