/**
 * @file
 * Subtheme specific CSS.
 */

@import 'new-style.css';

html, body, main {
  height: 100%;
  width: 100%;
  font-size: 16px;
}

body {
  margin-top: 0;
  font-family: 'Noto Sans', sans-serif;
  font-style: normal;
  font-weight: 200;
  letter-spacing: 1px;
  font-size: 1.2rem;
  line-height: 2rem;
  background-color: #b2b3b7;
  background-color: #fff;
  color: #444;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 300;
  line-height: 1;
  font-family: 'Noto Sans', 'Roboto', 'sans-serif';
  font-style: normal;
}


/****************************************************/
/* Correcciones a estilos del tema */
/****************************************************/
ul.sf-menu span.sf-depth-1 { /* corrije item sin enlace en menu */
  display: block;
  padding: 1em 1.5em;
  position: relative;
}
/* corrije margin bottom no necesario */
.field--type-entity-reference {
  margin: 0;
}

/* corrije imagen que no ocupan 100% width */
.node .field--type-image {
  float: none;
  margin: 0;
}

/* corrije margin despues de imagen */
.field--type-image img, .field--name-field-user-picture img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
/* corrije margin superior de 10px */
.node__content {
  margin-top: 0;
}
.navbar {
  padding: 0;
}

/* adicionar z-index a los párrafos */
.layout--twocol-section > .layout__region {
  flex: 0 1 100%;
  z-index: 1;
}

/* correcciones página lanzamiento */

.page-node-2 .paragraph--type--parrafo-completo {
  margin-top: 0;
  margin-bottom: 0;
}
.page-node-2 .webform-submission-lanzamiento-form {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
/* para ajustar posición de enlaces ancla */
.block-paragraph-blocks {
  padding-top: 1rem;
  margin-top: -1rem;
}

/* hace que selector de alcobas tenga el label en lÃnea separada del selector */
.form-item-field-rooms-mp2-value {
  display: block !important;
}
.form-item-field-rooms-mp2-value select {
  width: auto !important;
}
/****************************************************/
/* Correcciones a estilos para admin */
/****************************************************/
body.page-node-1.user-logged-in, body.page-node-323.user-logged-in, body.page-node-567.user-logged-in {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  color: #333;
}
.user-logged-in #proximamente {
  position: relative;
}

/***********/
/* estilo handwriting */
/***********/
span.handwrite {
  font-family: 'Shadows Into Light Two';
  font-style: normal;
  font-weight: bold;
}


/***********/
/* portada */
/***********/
.page-node-1 .field--name-field-portada img, .page-node-323 .field--name-field-portada img, .page-node-567 .field--name-field-portada img {
  position: fixed;
  top:0;
  left:0;
  height: 100%;
  max-height: 100vh;
  width: 100%;
  object-fit: cover;
  /*animation: bwColor 4s;*/
}
.page-node-1 .portada, .page-node-323 .portada, .page-node-567 .portada {
  position: fixed;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.portada-estatica{
  position: absolute;
  top: 2.5rem;
  left: 1rem;
  justify-content: center;
  display: block;
  width: calc(100% - 2rem);
  z-index: 3;
  opacity: 0;
  transform: translateY(-20px);
  height: calc(100vh - 2rem);
  transform: translateY(-24px);
}

.portada-estatica img{
  height: auto;
  max-height: auto;
}

.portada-estatica.is-visible{
  animation-name: header;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  z-index: -1;
}

.page-node-3.is-static video{
  animation-name: header-static;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

/***************/
/* lanzamiento */
/***************/
/* en lanzamiento la portada será posicionada absoluto para escribir sobre ella */

body.page-node-1, body.page-node-323, body.page-node-567 {
  color: #fff;
}
.page-node-1 .field--name-field-portada img, .page-node-323 .field--name-field-portada img, .page-node-567 .field--name-field-portada img {
  -webkit-filter: brightness(40%);
  filter:brightness(40%);
  z-index: -1;
}

.page-node-1 .paragraph .layout--twocol-section, .page-node-323 .paragraph .layout--twocol-section, .page-node-567 .paragraph .layout--twocol-section {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column
}
#proximamente {
  position: relative;
/*
  position: absolute;
  top: 0;
  left: 0;
*/
  width: 100%;
  text-align: center;
  margin-top: 16vh;
}
.page-node-323 #proximamente, .page-node-567 #proximamente {
  margin-top: 4vh;
}
.page-node-323 .mb-3, .page-node-567 .mb-3 {
  margin-bottom: 0 !important;
}

#proximamente .field--name-field-imagen-video {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.2rem;
  margin-top: 1rem;
}
.page-node-323 #proximamente .field--name-field-imagen-video, .page-node-567 #proximamente .field--name-field-imagen-video {
  width: 400px;
  margin-bottom: 1rem;
  margin-top: 0;
}

#proximamente .field--name-field-titulo, #proximamente .field--name-field-texto-parrafo {
  font-weight: 200;
  line-height: 1.2;
  font-size: 1.75rem;
  font-style: normal;
  font-family: 'Noto Sans', 'Roboto', 'sans-serif';
  margin-bottom: 2rem;
}
#proximamente .field--name-field-titulo {
  font-size: 3.3rem;
}

#proximamente h2 {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}
#proximamente p {
  margin-bottom: 0.5rem;
}
#proximamente .pequeno, .page-node-2 .pequeno {
  font-size: 1.5rem;
  text-align: center;
}

.page-node-2 .pequeno {
  padding-top: 2rem;
  margin-bottom: 0;
}

/*formulario*/
#webform-submission-lanzamiento-node-1-add-form,
#webform-submission-lanzamiento-park-2-node-323-add-form,
#webform-submission-lanzamiento-park-2-node-567-add-form,
.webform-submission-lanzamiento-node-2-add-form,
.webform-submission-lanzamiento-form {
  width: 28vw;
  min-width: 275px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.page-node-323 #proximamente label, .page-node-567 #proximamente label {
  display: inline-block;
  width: 7rem;
}
.page-node-323 #proximamente input, .page-node-567 #proximamente input {
  display: inline-block;
  width: calc(100% - 8rem);
}

.page-node-323 #proximamente select, .page-node-567 #proximamente select {
  display: inline-block;
  width: calc(100% - 8rem);
  padding: 0.375rem .75rem;
}

#proximamente form fieldset, .webform-submission-lanzamiento-form form fieldset {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
#proximamente form fieldset label, .webform-submission-lanzamiento-form form fieldset label {
  width: 8rem;
}
#proximamente .js-form-item, .webform-submission-lanzamiento-form .js-form-item {
  width: calc(80% - 0rem);
  margin-left: auto;
  margin-right: auto;
}
#proximamente .js-form-item p, .webform-submission-lanzamiento-form .js-form-item p {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: unset;
}

#proximamente select, .webform-submission-lanzamiento-form select {
  border-bottom: 1px solid #ced4da;
  background: transparent;
}

#proximamente .form-control, .webform-submission-lanzamiento-form .form-control {
  display: block;
  /*width: calc(80% - 8rem);*/
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  background-color: transparent;
  background-clip: padding-box;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #ced4da;
  border-radius: unset;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#proximamente .form-control:focus. .webform-submission-lanzamiento-form .form-control:focus {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(255,255,255,.1);
}

.page-node-323 form, .page-node-567 form {
  border: 1px solid white;
  border-radius: 1rem;
  width: 30vw !important;
  padding: 1rem 2rem 1rem 2rem;
}

.form-control::placeholder {
  color: #fff;
  opacity: 1;
}
#proximamente .checkbox, .webform-submission-lanzamiento-form .checkbox {
  color: #fff;
  font-size: 0.8rem;
  line-height: 1rem;
}
#proximamente .text-muted, .webform-submission-lanzamiento-form .text-muted {
  --bs-text-opacity: 1;
  color: #fff !important;
}

@media (max-width: 1024px) {
  #proximamente #edit-actions {
    float: unset !important;
    margin-top: 1rem !important;
  }
  #proximamente .form-control {
    width: calc(100% - 8rem);
  }
}
#proximamente button, #proximamente input, #proximamente optgroup, #proximamente select, #proximamente textarea, .webform-submission-lanzamiento-form button, .webform-submission-lanzamiento-form input, .webform-submission-lanzamiento-form optgroup, .webform-submission-lanzamiento-form select, .webform-submission-lanzamiento-form textarea {
  margin: 0 !important;
  font-family: inherit;
  font-size: inherit;
  font-size: 0.9rem;
  line-height: inherit;
  background: transparent;
  color: #fff;
}
#proximamente select option {
  background: #666;
}

#proximamente fieldset p {
  margin: 0;
  padding: 0;
}
/* variables ocultas para ajax con SINCO */
.form-item-city-code, .form-item-country {
  visibility: hidden;
  position: absolute;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 0;
  margin-bottom: .125rem;
}
.form-check-input {
  width: 1.2em !important;
  height: 1em;
  margin-top: .25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(255,255,255,1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  margin-right: 2rem !important;
  position: relative;
}
.form-check-input:checked {
  border-color: #fff;
}
.form-check-input:focus {
border-color: #fff;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(228,228,228,.25);
}
.form-check-input:checked:after {
  color: #fff;
  content: "X";
  font-weight: bold;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
	color: #fff;
	background-color: #0b5ed7;
	border-color: #0a58ca;
	box-shadow: 0 0 0 .25rem rgba(228,228,228,.5);
}

.form-check-label {
  padding-left: 1rem;
}
/* botón enviar */
#proximamente .btn, .webform-submission-lanzamiento-form .btn {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
  padding: .375rem 1.5rem;
	font-size: 1rem;
	border-radius: .35rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#proximamente .btn-primary, .webform-submission-lanzamiento-form .btn-primary {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
#proximamente .btn-primary:hover, .webform-submission-lanzamiento-form .btn-primary:hover {
  color: #fff;
  background-color: #aaa;
  border-color: #fff;
}
#proximamente #edit-actions {
  margin-top: 2rem;
}

/* form-portada */



/* footer */
.site-footer__top {
  width: 100%;
}
.site-footer__top .region {
  width: initial;
  padding: 0;
  float: initial;
  position: initial;
}

.page-node-323 .site-footer__top .region-footer-first, .page-node-567 .site-footer__top .region-footer-first {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
  justify-content: space-between;
}
#block-firmaspiepagina {
/*    margin-bottom: 4rem;*/
}
.site-footer .block {
      margin: 0;
      padding: 0;
      border: none;
}
.site-footer .content {
      font-size: unset;
      color: unset;
}
.page-node-151 .row, .page-node-1 .row, .page-node-323 .row, .page-node-567 .row {
      --bs-gutter-x: 0;
      --bs-gutter-y: 0;
}
#block-firmaspiepagina .field__items {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-evenly;
      align-items: center;
}
#block-firmaspiepagina .field__items .field__item:nth-of-type(1) {
	flex-basis: 110px;
}
#block-firmaspiepagina .field__items .field__item:nth-of-type(2) {
/*	flex-basis: 120px;*/
	flex-basis: 184px;
}
#block-firmaspiepagina .field__items .field__item:nth-of-type(3) {
	flex-basis: 91px;
}
#block-firmaspiepagina .field__items .field__item:nth-of-type(4) {
	flex-basis: 310px;
}
#block-firmaspiepagina .field__items .field__item:nth-of-type(5) {
	flex-basis: 184px;
}
#block-firmaspiepagina .field__items .field__item {
        /* max-height: 3rem; */
        /* max-width: 10rem; */
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
}

#block-firmaspiepagina2 {
  margin-bottom: 1rem;
}

#block-firmaspiepagina2 .field__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}
#block-firmaspiepagina2 .field__items .field__item:nth-of-type(1) {
  flex-basis: 110px;
}
#block-firmaspiepagina2 .field__items .field__item:nth-of-type(2) {
  flex-basis: 120px;
}
#block-firmaspiepagina2 .field__items .field__item:nth-of-type(3) {
  flex-basis: 60px;
}
#block-firmaspiepagina2 .field__items .field__item:nth-of-type(4) {
  flex-basis: 68px;
}
#block-firmaspiepagina2 .field__items .field__item:nth-of-type(5) {
  flex-basis: 310px;
}
#block-firmaspiepagina2 .field__items .field__item:nth-of-type(6) {
  flex-basis: 152px;
}
#block-firmaspiepagina2 .field__items .field__item {
  /* max-height: 3rem; */
  /* max-width: 10rem; */
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
/* FIRMAS morrospark 2 */
#block-morrospark-firmaspark2 {
  margin-bottom: 1rem;
}

#block-morrospark-firmaspark2 .field__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}
#block-morrospark-firmaspark2 .field__items .field__item:nth-of-type(1) .field__item img {
  width: 130px;
}
#block-morrospark-firmaspark2 .field__items .field__item:nth-of-type(2) .field__item img {
  width: 68px;
}
#block-morrospark-firmaspark2 .field__items .field__item:nth-of-type(3) .field__item img {
  width: 60px;
}
#block-morrospark-firmaspark2 .field__items .field__item:nth-of-type(4) .field__item img {
  width: 152px;
}
#block-morrospark-firmaspark2 .field__items .field__item:nth-of-type(5) .field__item img {
  width: 310px;
}
#block-morrospark-firmaspark2 .field__items .field__item:nth-of-type(6) .field__item img {
  width: 152px;
}
#block-morrospark-firmaspark2 .field__items .field__item {
  /* max-height: 3rem; */
  /* max-width: 10rem; */
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}




.field--type-image img, .field--name-field-user-picture img {
  margin: 0;
  max-width: 100%;
  /* min-width: 500px; */
  height: auto;
  max-height: 100vh;
}

/*************************************/
/* Sello desde xxxx millones         */
#block-desde485millones, #block-serenadelmarportada {
  position: absolute;
  width: 4.8vw;
  min-width: 50px;
  /*bottom: 5vw;*/
  bottom: 5.5vw;
  left: 5vw;
  z-index: 3;
}
.page-node-323 #block-desde485millones, .page-node-323 #block-morrospark-serenadelmarportada, .page-node-567 #block-desde485millones, .page-node-567 #block-morrospark-serenadelmarportada {
  position: relative;
  width: 4.8vw;
  min-width: 50px;
  left: 5vw;
  z-index: 3;
}

#block-morrospark-edgecertificate-2 {
  position: absolute;
  width: 24vw;
  min-width: 180px;
  /*bottom: 5vw;*/
  bottom: 25%; 
  left: 12vw;
  z-index: 3;
}

#content #block-desde485millones-2 {
  display: none;
}

/* #block-serenadelmarportada {*/
  /*width: 4.5vw; */
/*  width: 4.8vw; 
  min-width: 50px;
}*/

/*************************************/
/* Barra frase imagenes arquitectura */

.region-footer-fifth {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 1;

  mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 15%, #ffffff 85%, rgba(255, 255, 255, 0) 100%);
  margin: 0 auto;
  padding-bottom: 1px;

  font-family: inherit;
}
.page-node-323 .region-footer-fifth, .page-node-567 .region-footer-fifth {
  position: relative;
  padding: 0;
  width: 100vw !important;
}

#block-notalegalimagenes {
  text-align: center;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  max-width: 100vw;
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.1), inset 0 0 1px rgba(0, 0, 0, 0.6);
  position: relative;
/*
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
*/
  width: 100vw;
}

#block-notalegalimagenes p {
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  font-size: 10px;
  line-height: 1em;
  display: block;
  padding: 2px 2rem;
  margin: 0;
}



/***********/
/*   menu  */
/***********/

.page-node-1 #navbar-main, .page-node-323 #navbar-main, .page-node-323 #navbar-main {
  position: fixed;
  background-color: transparent;
  top: 0;
  margin-top: 3rem;
  width: 100%;
  z-index: 1;
  text-decoration: none;
  transition: all 0.4s ease;
}

#navbar-main {
  background-color: transparent;
  z-index: 1;
}

/********/
/* Logo */
/********/
.navbar-brand {
  position: absolute;
  width: 20vw;
  min-width: 230px;
  top: 14vh;
  padding: 0;
  height: auto;
  margin-left: 50%;
  transform: translateX(-50%);
}

/* movido para new-style.css 
#block-morrospark-logomorrospark2 {
  width: 30vw;
  top: 0;
  transform: translateY(33vh);
  left: 10vw;
  min-width: 300px;
  height: auto;
  position: absolute;
  overflow: hidden;
}
*/

/**************************/
/* Sello Epic */
/**************************/

#block-selloepicxxyears {
  width: 7vw;
  min-width: 70px;
  height: auto;
  /*border-top: 5px solid #707279;*/

  position: absolute;
  bottom: 5vw;
  right: 5vw;
  overflow: hidden;
  /*z-index: 1;*/
}
.page-node-323 #block-morrospark-selloepicxxyears, .page-node-567 #block-morrospark-selloepicxxyears {
  position: relative;
  width: 9vw;
  min-width: 70px;
  height: auto;
  right: 5vw;
  overflow: hidden;
  z-index: 3;
}


/********************/
/* proximamente */

#block-proximamente {
  position: absolute;
  top: 29vh;
  color: #fff;
  font-size: 1.7rem;
  text-align: center;
  width: 100%;
}

#block-morrospark-grandlaunch {
  position: absolute;
  top: 44vh;
  left: 50%;
  transform: translatex(-50%);
  color: #fff;
  font-size: 1.7rem;
  text-align: center;
  width: 40vw;
  z-index: 4;
}

#block-morrospark-grandlaunch p {
  font-size: 2rem;
}

@media screen and (min-width: 768px) {
  #block-morrospark-grandlaunch {
    top: 46vh;
  }
}
@media screen and (min-width: 992px) {
  #block-morrospark-grandlaunch {
    top: 56vh;
  }
}

@media screen and (min-width: 1200px) {
  #block-morrospark-grandlaunch {
    left: 25%;
    top: 66vh;
  }
  #block-morrospark-grandlaunch p {
    font-size: 2.5rem;
  }
}

#block-dondeelparqueseune {
  position: absolute;
  top: 70vh;
  color: #fff;
  font-size: 2rem;
  text-align: center;
  width: 100%;
}
p#animacion {
  transform: scale(0.9);
  animation: scale 4s forwards cubic-bezier(0.5, 1, 0.89, 1);
}

@keyframes scale {
  100% {
    transform: scale(1);
  }
}

p#animacion span {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
}

p#animacion span:nth-child(1) {
  animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

p#animacion span:nth-child(2) {
  animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

p#animacion span:nth-child(3) {
  animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

p#animacion span:nth-child(4) {
  animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

p#animacion span:nth-child(5) {
  animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

p#animacion span:nth-child(6) {
  animation: fade-in 0.8s 1.0s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

p#animacion span:nth-child(7) {
  animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

p#animacion span:nth-child(8) {
  animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

/***********/
/* footer  */
/***********/
.site-footer {
  width: 100%;
  height: auto;
  background: #b2b3b7;
  color: #fff;
  padding: 0 0 1rem 0;
  position: relative;
}
.page-node-1 .site-footer, .page-node-323 .site-footer, .page-node-567 .site-footer {
  background: transparent;
  position: relative;
  bottom: unset;
  margin-top: 3rem;
  padding: 0;
}
.page-node-323 .site-footer, .page-node-567 .site-footer {
  margin-top: 0;
}

/************/
/* parrafos */
/************/

.paragraph.recuadro {
  padding: 2rem 3rem 2rem 3rem;
  margin-top: 6rem;
  margin-bottom: 6rem;
  border: 2px solid white;
  color: #fff;
  background-color: unset;
}
.paragraph.recuadro p {
  font-size: 1rem;
  line-height: 1.8rem;
  text-align: center;
}

.layout--twocol-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}


.paragraph--type--parrafo-img, .paragraph--type--parrafo-completo {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.paragraph--type--parrafo-img.izquierda .layout, .paragraph--type--parrafo-img-40-60.izquierda .layout, .paragraph--type--parrafo-img-60.izquierda .layout {
  flex-direction: row-reverse;
}

.paragraph.paragraph--type--parrafo-img p {
  font-size: 1rem;
  padding: 1rem 0;
  line-height: 1.8rem;

  font-size: 1rem;
  text-align:left;
  padding: 2rem 0 0 0;
  line-height: 2.0rem;
  margin-top: 1rem;
  margin-left: 3rem;
  color: #fff;
}
.page-node-323 .paragraph.paragraph--type--parrafo-img p, .page-node-567 .paragraph.paragraph--type--parrafo-img p {
  margin-left: 0;
}

.page-node-1 .paragraph.paragraph--type--parrafo-img p, .page-node-323 .paragraph.paragraph--type--parrafo-img p, .page-node-567 .paragraph.paragraph--type--parrafo-img p {
  text-align: center;
}

  .page-node-2 .paragraph.paragraph--type--parrafo-img p {
    font-size: 1.5rem;
    line-height: 1.7rem;
    text-align: center;
    /*width: 15rem;*/
  }
  .page-node-2 .paragraph.paragraph--type--parrafo-img.derecha p {
    margin-left: 0
  }
  .page-node-2 .paragraph.paragraph--type--parrafo-img.izquierda p {
    margin-left: 0;
    padding-left: 0;
  }

.page-node-2 .paragraph.paragraph--type--parrafo-img.derecha p { /*lanzamiento*/
/*  margin-left: -5rem;*/
}

.page-node-2 .paragraph.paragraph--type--parrafo-img.izquierda p { /*lanzamiento*/
/*  margin-left: 5rem;
  padding-left: 10rem;*/
}


.fondo-blanco {
  background-color: #fff;
}

.fondo-gris {
   background: #E6E7E8;
}

.fondo-gris-25 {
  background: #c7c8ca;
}

.fondo-gris-50 {
  background: #939598;
  color: #fff;
}
.fondo-gris-75 {
  background: #636466;
  color: #fff;
}

/********/
/* slider */
/********/
#slick-paragraph-slideshow-slides-default-19-1 {
  position: relative;
  display: block;
}

#slick-paragraph-slideshow-slides-default-19-1::after {
  /*background-image: url(/sites/default/files/media/images/sello-precio.svg);*/
  content: "";
  position: absolute;
  top: 0;
  color: #fff;
  background-size: 9.5vw auto;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 90% 90%;
}
.slick__arrow {
  position: absolute;
  width: 100%;
  top: 45%;

  background: transparent;
  height: 80px;
  color: transparent;
}

.slick-arrow {
  border: none;
}

.slick__arrow button {
    background: transparent;
    height: 80px;
    color: transparent;
}

.slick-next {
  position: absolute;
  right: 0;
}

.slick-prev:before {
    content: "<";
    font-family: FontAwesome;
    font-weight: bold;
    transform: scale(1,4);
    color: #fff;
    position: absolute;
    font-size: 15px;
    left: 3vw;
}

.slick-next:before {
    content: ">";
    font-family: FontAwesome;
    font-weight: bold;
    transform: scale(1,4);
    color: #fff;
    position: absolute;
    font-size: 15px;
    right: 3vw;
}

/* videos remotos */
body.path-media #page, body.path-media #main-wrapper {
	background: unset !important;
}
body.path-media #main-wrapper {
	background-color: unset;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15vh;
}
body.path-media {
  background-image: url("/sites/default/files/park-park.jpg")
}

.site-footer__bottom {
  border-top: none;
}
.site-footer__bottom .region {
  margin-top: 20px;
  width: 100%;
}

.field--name-field-media-oembed-video {
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}

.field--name-field-media-oembed-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  max-height: 90vh;
}