.page-actualidad .main-wrapper {
  margin-top: 120px;

}

@media only screen and (min-width:540px) {
  .page-actualidad .main-wrapper {
    margin-top: 140px;

  }
}

body.webform .not-fixed-grid {
  padding-top: 4em;
}

@media (max-width:1024px) {
  body.webform .not-fixed-grid {
    padding-top: 0em;
  }

  body.webform .left-column {
    padding: 0rem;
    padding-top: 3.5rem;
    padding-bottom: 1rem;
  }
}

@media (min-width:1024px) {
  body.webform .fixed-grid {
    display: grid;
  }

  body.webform .not-fixed-grid {
    padding-top: 0em;
  }
}

/*Plantilla, cambiar classname por nombre de clase del body*/

body.classname .fixed-grid {
  display: none;

}

body.classname .not-fixed-grid {
  padding-top: 4em;
}

@media (min-width:1024px) {
  body.classname .fixed-grid {
    display: grid;

  }

  body.classname .not-fixed-grid {
    padding-top: 0;
  }

}

/* Color multi paso */
.webform-progressbar {
  border: 1px solid black;
  padding: 15px 50px 10px 50px;
  ;
  width: 100% !important;
}

.webform-progressbar-page.current {
  background-color: #ffffff !important;
  width: 15px;
  height: 15px;
  margin: -10px -4px;
  border-radius: 50%;
}

.webform-progressbar-page.completed {
  background-color: #d9042c !important;
}

.webform-progressbar-inner {
  background-color: #d9042c !important;
  height: 3px;
}

.webform-progressbar-outer {
  position: relative;
  border: 1px solid #d9042c !important;
  width: 100%;
  height: 3px;
  margin: 0.35em -1px 2em;
  background-color: #dfb9c0 !important;
}

.webform-progressbar-page {
  position: absolute;
  width: 7px;
  height: 7px;
  margin: -6px -4px;
  border: 1px solid #d9042c !important;
  background-color: white;
  border-radius: 5px;
}

.webform-progressbar-page .webform-progressbar-page-label {
  position: relative;
  top: 10px;
  margin: 0 -10em;
  font-size: 18px;
}

@media (min-width:1024px) {
  .webform-progressbar-page .webform-progressbar-page-label {
    font-size: 14px;
  }
}

@media (max-width:1023px) {
  .webform-progressbar-page .webform-progressbar-page-label {
    font-size: 12px;
  }
}

/* span.a */
span.a {
  font-size: 1.4rem;
  color: #e81d39;
  box-sizing: border-box;
}

.form-item a {
  text-decoration: underline solid;
  text-decoration-color: #E81D39 !important;
}

/* LAbel Current */

span.webform-progressbar-page.current span.webform-progressbar-page-label {
  color: #e81d39;
  padding-top: 5px;
  display: block;
}

/* Noticia */

body.noticia .left-column {
  padding: 1rem;
  padding-top: 3.5rem;
  padding-bottom: 1rem;
}

/* Imagen columan Izquierda */

body.sobre-la-ley .left-column img {
  max-height: 550px;
}

body.noticia .left-column img {
  margin: 4.8em 0 0 0;
}


body.sobre-la-ley .left-column {
  padding: 1rem;
  padding-top: 3.5rem;
  padding-bottom: 1rem;
}

@media (max-width:1024px) {
  body.sobre-la-ley .left-column img {
    max-height: 530px;
  }

  body.noticia .left-column img {
    margin: 4.8em 0 0 0;
  }
}

@media (max-width:768px) {
  body.sobre-la-ley .left-column img {
    max-height: 450px;
  }

  body.sobre-la-ley .left-column {
    padding: 1rem;
    padding-top: 3.5rem;
    padding-bottom: 1rem;
  }

  body.noticia .left-column {
    padding: 1rem;
    padding-top: 3.5rem;
    padding-bottom: 1rem;
  }

  body.noticia .left-column img {
    margin: 4.8em 0 0 0;
  }
}

/* Accordion */

.app .not-fixed-grid .right-column h3 {
  text-align: left;
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-right: 1rem;
  padding-left: 1rem;
  cursor: pointer;
}

body.noticia .app .not-fixed-grid .right-column h3 {
  padding-left: 0rem !important;
}

.accordion__button::after {
  background-image: url(./../images/plus-icon.svg);
  content: '';
  width: 50px;
  height: 1rem;
  background-size: 1rem 1rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: right;
}

/* Tamaño H3 y el símbolo '+'  */

.app .not-fixed-grid .right-column h3 {
  font-size: 1.4rem;
}

@media (max-width:768px) {
  .accordion__button::after {
    width: 40px;
  }

  .app .not-fixed-grid .right-column h3 {
    font-size: 1.3rem;
  }
}


/* Iframe Video Izquierda */

.app .fixed-grid video#ban_video,
body.debates-page iframe {
  pointer-events: initial !important;
}

/* Alturas del video en la página "sobre la ley" */
/* Altura genérica  */
body.sobre-la-ley video#ban_video,
body.tramitacion .left-column img {
  max-width: 100%;
  width: 100%;
  margin: 75px 0 0 0;
}

body.debates-page iframe {
  max-width: 100%;
  width: 98%;
  margin: 130px 0px;
}

body.sobre-la-ley .app .fixed-grid,
body.noticia .app .fixed-grid,
body.tramitacion .app .fixed-grid {
  height: 40%;
  position: absolute;
  z-index: 0;
}

@media (max-width:1024px) {

  /* 1024px o menos */
  body.sobre-la-ley video#ban_video,
  body.debates-page iframe,
  body.tramitacion .left-column img {
    max-width: 90%;
    margin: 130px 5% 0px 5%;
  }

  body.sobre-la-ley .app .fixed-grid,
  body.noticia .app .fixed-grid,
  body.tramitacion .app .fixed-grid {
    height: 40%;
    width: 100%;
    position: absolute;
  }
}

@media (max-width: 768px) {

  /* 768px o menos */
  body.sobre-la-ley video#ban_video,
  body.debates-page iframe,
  body.tramitacion .left-column img {
    max-width: 100%;
    margin: 110px 0% 0px 0%;
  }

  body.sobre-la-ley .app .fixed-grid,
  body.noticia .app .fixed-grid,
  body.tramitacion .app .fixed-grid {
    height: 40%;
    width: 100%;
    position: initial;
  }
}

@media (max-width: 540px) {

  /* 540px o menos */
  body.sobre-la-ley video#ban_video,
  body.debates-page iframe,
  body.tramitacion .left-column img {
    max-width: 100%;
    margin: 110px 0% 0px 0%;
  }
}


#backtotop {
  background: url(/sites/arquitectura/themes/arquitectura/images/upButton.svg) no-repeat center center;
  z-index: 4000;
  background-size: 100%;
}

.hero-container {
  margin-bottom: 2rem;
}

.hero-container .container .hero-info {
  padding: 1rem !important;
}

.main-footer {
  z-index: 100;
}

/* Ocultamos la flecha before de los breadcrumbs */

.breadcrumbs ol li::before {
  content: "";
  width: 1rem;
  height: 0.5rem;
  margin-right: 0;
  margin-left: 0.2rem;
  background-image: url(./../images/list-arrow.svg);
  background-position: center center;
  background-size: 1rem 0.5rem;
  display: none;
}

.breadcrumbs ol li {
  margin-right: 0.3em;
}

/* Controlamos la columa de la Izquierda en las vistas */

body.debates-page .fixed-grid {
  display: grid;
}

body.webform .right-column .page-title,
body.sobre-la-ley .right-column .page-title {
  margin-top: 0rem;
}

@media (max-width: 1024px) {
  .app .fixed-grid {
    height: 50vh;
  }

  body.noticia .app .fixed-grid {
      height: auto;
    }

  body.webform .fixed-grid,
  body.debates-page .fixed-grid {
    width: 100%;
  }

  body.webform .right-column .page-title {
    margin-top: 7rem;
  }

  body.sobre-la-ley .breadcrumbs.mobile,
  body.debates-page .breadcrumbs.mobile,
  body.webform .breadcrumbs.mobile {
    top: 6rem;
    position: relative;
    float: right;
    margin-bottom: 0px;
  }

  .logo-mitma img {
    max-height: 55px;
  }
}

/**/
body.webform .main-container.debate .left-column iframe {
  pointer-events: initial !important;
  margin-top: 5rem;
}

@media (min-width: 768px) {
  body.webform .main-container.debate .left-column {
    padding: 1rem !important;
    padding-top: 3.5rem;
    padding-bottom: 1rem;
  }

  body.webform .main-container.debate .left-column iframe {
    pointer-events: initial !important;
    margin-top: 7rem;
  }
}

@media (min-width: 1024px) {

  body.sobre-la-ley .not-fixed-grid .right-column .breadcrumbs,
  .app .not-fixed-grid .right-column .breadcrumbs {
    display: block;
    margin-top: 8rem;
    margin-bottom: 1rem;
  }

  body.webform .main-container.debate .left-column iframe {
    pointer-events: initial !important;
    margin-top: 7rem;
  }
}


/* BreadCrumb Mobile */
@media (min-width: 1024px) {
  .breadcrumbs.mobile {
    display: none;
  }
}

/* HOME LISTADO JORNADAS */

.main-container .grid-container-col-3 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  position: relative;
  margin-top: 0;
  padding-top: 0;
  column-gap: 1em;
  row-gap: 0;
  width: calc(100% - 30px);
  margin-left: 30px;
}

.main-container .grid-container-col-3 .grid-item .item-img img {
  width: 100%;
  height: 80%;
  object-fit: contain;
  object-position: center;
}

.main-container .grid-container-col-3 h2 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  width: 100%;
  font-size: 1.625rem;
  line-height: 2rem;
  text-transform: uppercase;
  font-stretch: 400%;
  justify-content: center;
  align-items: center;
  text-align: center;
}


.main-container .grid-container-col-3 .grid-item {
  display: flex;
  flex-direction: inherit;
  justify-content: space-between;
  align-items: normal;
}

.main-container .grid-container-col-3 .grid-item .item-title {
  margin-top: 0.6em;
  font-size: 1.425rem;
  line-height: 1.5rem;
  font-stretch: 200%;
  text-align: left;
  text-transform: uppercase;
  transition: all ease 0.3s;
}

.main-container .grid-container-col-3 h2:before,
.main-container .grid-container-col-3 h2:after {
  content: "";
  border-top: 2px solid #E81D39;
  margin: 0 0.5rem 0 0;
  flex: 1 0 0.5rem;
}

.main-container .grid-container-col-3 h2:before,
.main-container .grid-container-col-3 h2:after {
  content: "";
  border-top: 2px solid #E81D39;
  margin: 0 0.5rem 0 0;
  flex: 1 0 0.5rem;
}

.main-container .grid-container-col-3 .item-jornada {
  margin-top: 10px;
  background-color: #fbdbdf;
  padding: 12px;
  width: 100%;
}

.main-container .grid-container-col-3 .fecha {
  float: right;
  font-weight: bold;
  margin-bottom: 12px;
}

.main-container .grid-container-col-3 a {
  font-weight: normal;
  text-decoration: none;
}

@media (min-width: 768px) {
  .main-container .grid-container-col-3 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    row-gap: 1rem;
  }

  .main-container .grid-container-col-3 .item-jornada {
    margin-top: 20px;
    background-color: #fbdbdf;
    padding: 12px;
  }

}

@media (min-width: 1024px) {


  .main-container .grid-container-col-3 .item-jornada {
    margin-top: 20px;
    background-color: #fbdbdf;
    padding: 12px;
  }

  .main-container .grid-container-col-3 {
    width: auto;

    margin-left: auto;

  }

  .main-container .grid-container-col-3 h2:before,
  .main-container .grid-container-col-3 h2:after {
    margin: 0 1rem 0 0;
    flex: 1 0 1rem;
  }

  .main-container .grid-container-col-3 h2:before,
  .main-container .grid-container-col-3 h2:after {
    margin: 0 1rem 0 0;
    flex: 1 0 1rem;
  }

  .main-container .grid-container-col-3 h2:after {
    margin: 0 0 0 0.5rem;
  }

  .main-container .grid-container-col-3 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    row-gap: 1rem;
  }

  .main-container .grid-container-col-3 h2 {
    margin-top: 0.5em;
    margin-bottom: 7.5rem;
    font-size: 2.125rem;
    line-height: 2.5rem;
    text-align: center;
  }
}

/* Javier ramos 09/03/2021 ************************************************************************************************************/

.main-container .container-jornadas {
  position: relative;
  margin-top: 0;
  padding-top: 2rem;
  /* width: calc(100% - 30px);*/
  width:100%;
  margin-left: 0px;
}

.main-container .container-jornadas .grid-item .item-img img {
  width: 100%;
  height: 80%;
  object-fit: contain;
  object-position: center;
}

.main-container .container-jornadas h2 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  width: 100%;
  font-size: 1.625rem;
  line-height: 2rem;
  text-transform: uppercase;
  font-stretch: 400%;
  justify-content: center;
  align-items: center;
  text-align: center;
}

@media (min-width: 1024px) {
  .main-container .container-jornadas h2 {
    margin-bottom: 7.5rem;
    font-size: 2.125rem;
    line-height: 2.5rem;
    text-align: center;
  }
}


.main-container .container-jornadas .grid-item {
  display: flex;
  flex-direction: inherit;
  justify-content: space-between;
  align-items: normal;
}

.main-container .container-jornadas .grid-item .item-title {
  margin-top: 0.6em;
  font-size: 1.425rem;
  line-height: 1.5rem;
  font-stretch: 200%;
  text-align: left;
  text-transform: uppercase;
  transition: all ease 0.3s;
}

.main-container .container-jornadas h2:before {
  content: "";
  border-top: 2px solid #E81D39;
  margin: 0 0.5rem 0 0;
  flex: 1 0 0.5rem;
}


.main-container .container-jornadas h2:after {
  content: "";
  border-top: 2px solid #E81D39;
  margin: 0 0 0 0.5rem;
  flex: 1 0 0.5rem;
}

.main-container .container-jornadas .item-jornada {
  margin-top: 40px;
  background-color: #fbdbdf;
  padding: 12px;
  width: 100%;
}

.main-container .container-jornadas .fecha {
  float: right;
  font-weight: bold;
  margin-bottom: 12px;
}

.main-container .container-jornadas a {
  font-weight: normal;
  text-decoration: none;
}


@media (min-width: 768px) {

  .main-container .container-jornadas .item-jornada {
    margin-top: 20px;
    background-color: #fbdbdf;
    padding: 12px;
    width: 100%;
  }

}

@media (min-width: 1024px) {

  .main-container .container-jornadas .item-jornada {
    margin-top: 80px;
    background-color: #fbdbdf;
    padding: 12px;
  }

  .main-container .container-jornadas {
    width: auto;
    margin-left: auto;
  }

  .main-container .container-jornadas h2:before,
  .main-container .container-jornadas h2:after {
    margin: 0 1rem 0 0;
    flex: 1 0 1rem;
  }

  .main-container .container-jornadas h2:before,
  .main-container .container-jornadas h2:after {
    margin: 0 1rem 0 0;
    flex: 1 0 1rem;
  }

  .main-container .container-jornadas h2:after {
    margin: 0 0 0 0.5rem;
  }

  .main-container .gcontainer-jornadas h2 {
    margin-top: 0.5em;
    margin-bottom: 7.5rem;
    font-size: 2.125rem;
    line-height: 2.5rem;
    text-align: center;
  }

}

.swiper-container-jornadas {
  width: 100%;
  height: 100%;
  position: relative;
  margin-top: 1rem;

}

@media only screen and (min-width:650px) {
  .swiper-container-jornadas {
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 1.5rem;
  }
}

@media only screen and (min-width:768px) {
  .swiper-container-jornadas {
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 2rem;
  }
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: -50px;
  left: 0;
  width: 100%;
}

.breadcrumbs {
  margin-bottom: 0;
}

.debates-page .row .breadcrumbs,
.debate .row .breadcrumbs {
  margin-top: calc(200px - 100px);
  margin-bottom: 0.6rem;
}

@media only screen and (max-width:1044px) {
  .debates-page .main-container {
    margin-top: 8rem;
  }

  .debates-page .main-container .debates-video-view,
  .main-container.debate .debates-video-view {
    width: 100%;
    float: inherit;
    margin-bottom: 1rem;
  }

  .debates-page .row .breadcrumbs,
  .debate .row .breadcrumbs {
    display: block;
    margin-bottom: 1rem;
  }

  .debates-page .main-wrapper .breadcrumbs.mobile,
  .main-wrapper .breadcrumbs.mobile {
    display: none !important;
  }

}

.debates-page .row h2,
.debate .row h2 {
  font-size: 2.125rem;
  margin-top: 1rem;
  line-height: 2rem;
}

.debates-video-view {
  width: 100%;
  float: initial;
  margin-right: 0;
}

@media only screen and (min-width:650px) {
  .debates-video-view {
    width: 45%;
    float: left;
    margin-right: 1em;
  }
}

.debates-video-view>iframe {
  margin: 0px !important;
}

.debates-video-view>iframe {
  width: 100%;

}

.debates-video-detalle {
  padding: 10px;
  margin-right: 8px;
}

.debate ul li,
.debate ol li {
  list-style-position: inside;
}


.debate ul li p,
.debate ol li p {
  display: inline-block;

}

@media only screen and (max-width:1044px) {
  .debates-video-detalle {
    padding: 0;
    margin-right: 0;
  }
}

.main-container .ver-mas {

  margin-top: 3rem;
  margin-bottom: 1.2em;
  padding: 1rem;
  display: block;

}

.main-container .ver-mas a {
  display: table;
  font-size: 1.125rem;
  margin: 0 auto;
  padding: 1rem 1.5rem;
  border: solid 2px black;
}

.debate p iframe {

  width: 46%;
  float: left;
  margin: 1.5%;
}

@media only screen and (max-width:1044px) {
  .debate p iframe {

    width: 100%;
    float: left;
    margin: 1.5%;
  }
}

.debate .row {

  /* background-color:red; */

  display: inline-block;
}

/* Cambios Home 09.06.2021 */

/* Listado a dos columnas */

.col-2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 1em;
}

@media only screen and (min-width:576px) {
  .col-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1em 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width:768px) {
  .col-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1em 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width:992px) {
  .col-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1em 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width:1200px) {
  .col-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1em 1fr;
    grid-template-columns: 2fr 1fr;
  }
}

@media (min-width: 1024px) {
  .hero-subtitle {
    font-size: 1.55rem;
    line-height: 1.5rem;
    text-align: left;
  }

  .hero-container .container .hero-info p {
    font-size: 1rem;
    line-height: 1.55rem;
    text-align: left;
    margin-left: 0rem;
    padding: 0;
    width: calc(100% - 0.5rem* 8);
  }

}

.content-video {
  width: 100%;
  height: auto;
}

/* Fin listado a dos columnas */

/* Menú movilidad */

#menu {
  z-index: 801;
}

#menu ul li a {
  font-size: 2.6rem;
}

@media only screen and (min-width:576px) {
  #menu ul li a {
    font-size: 3rem;
  }
}

/* Fin menú movilidad */

/* Destacamos fase */

.fase_actual {
  background-color: #e81d39;
  color: #ffffff;
  width: 100%;
  display: block;
  padding: 6px;
  text-align: center;
}

.fase_activa {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.fase_actual_active {
  background-color: #fbdbdf;
}

/* fin destacamos fase */

/* Enlaces destacados */

.enlaces_destacados {
  pointer-events: auto;
  border: solid 1px black;
  padding: 1em;
  margin: 20px 0px;
  cursor: pointer;
  background-color: #f2f2f2;
  border-bottom: solid 4px #000000;
}

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

  .enlaces_destacados {

    margin: 75px 0px;

  }
}

.enlaces_destacados h2 {
  position: relative;
  margin-bottom: 0.4em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.enlaces_destacados h2:before {
  content: '';
  background-color: #e81d39;
  height: 6px;
  width: 40px;
  position: absolute;
  left: 0;
  bottom: -12px;
}

.enlaces_destacados h2:after {
  background-image: url(./../images/plus-icon.svg);
  content: '';
  width: 50px;
  height: 1rem;
  background-size: 1rem 1rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: right;
  /* right: 0; */
  /* left: 0; */
}

.enlaces_destacados ul {
  margin: 1.4em 0 0 0;
  padding: 0;
}

.enlaces_destacados li {
  list-style: none;
  margin: 0.4em 0;
}

.enlaces_destacados p {
  margin: 0;
}

.enlaces_destacados a:link,
.enlaces_destacados a:visited {
  color: #e81d39 !important;
  display: block;
  transition: 0.5s all;
  text-underline-offset: 2px;
  text-decoration: dashed underline #E81D39;
}

.enlaces_destacados a:hover {
  color: #333333 !important;
  padding-left: 0.4em;
  display: block;
  transition: 0.5s all;
}

/* Destacamos los enlaces de la columna derecha */

.right-column p a:link,
.right-column p a:visited {
  color: #e81d39;
  text-decoration: underline;
}

.right-column p a:hover {
  color: #ef4960;
  text-decoration: none;
}

.panel a:link,
.panel a:visited {
  color: #e81d39;
  text-decoration: underline;
}

.panel a:hover {
  color: #ef4960;
  text-decoration: none;
}

/* Fin destacamos los enlaces de la columna derecha */

/* Enalace en la home */

.hero-info a:link,
.hero-info a:visited {
  color: #e81d39;
  text-decoration: underline;
}

.hero-info a:hover {
  color: #666666;
  text-decoration: underline;
}

/* Fin enlace en la home */

/* ültimas noticia */

@media (min-width: 768px) {
  .main-container .grid-container {
    padding-bottom: 5rem;
  }
}

/* Imagen columna lateral izquierda */

.left-column img {
  max-width: 100%;
  height: auto;
}

/* Container noticias portada */

.container-noticias {
  position: relative;
  margin-top: 1.7em;
  padding-top: 2rem;
  width: 100%;
  margin-left: 0px;
}

.latest-news {

  width: 100%;
  height: 100%;
  min-height: 240px;
  overflow: hidden;
  margin-top: 3.6rem;
  display: flex;
  align-items: center;
}

.latest-news {
  background-color: #fbdbdf;
  position: relative;
}

.latest-news p,
.latest-news a {
  color: #000000;
}

.latest-news h3 {
  font-size: 1.8em;
  margin: 0.8em 0;
  color: #e81d39;
  line-height: 1;
}

.latest-news h4 {
  color: #2d2d2d;
  font-size: 1.4em;
  margin: 0.8em 0;
  line-height: 1.2;
}

.latest-news-dark {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

.latest-news-content {

  padding: 1.6rem;

  display: block;

  z-index: 10;
}

.latest-news-content .ver-mas {
  margin-top: 0.6rem;
  padding: 0.2rem;
}

.main-container .latest-news-content .ver-mas a {
  border: solid 2px #000000;
  display: table;
  font-size: 1rem;
  margin: 0 auto;
  padding: 0.6rem 1.2rem;
  background-color: white;
}

.main-container .latest-news-content .fecha {
  float: none;
  margin: 0 0 0.4em 0;
  display: inline-block;
  font-weight: bold;
  background-color: #ffffff;
  padding: 0.2em 0.4em;
}

.latest-news-img-resumen .item-img {
  width: 100%;
  margin-right: 1em;
  margin-bottom: 1em;
}

.latest-news-img-resumen .item-img img {
  width: 100%;
  height: auto;
}



.latest-news-img-resumen {
  display: flex;
  flex-direction: column;
  margin: 0.8em 0;
}

@media only screen and (min-width:650px) {
  .latest-news-img-resumen {
    display: flex;
    flex-direction: row;
    margin: 0.8em 0;
  }
}

/* slide dot colors */

.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: #e81d39 !important;
}

.fixed-grid {
  pointer-events: all !important;
}

/* Scroll down */

.hero-container .container .scroll-down-text.movil {
  top: 80%;
  display:none !important;
}

@media only screen and (min-width:1024px) {
  .hero-container .container .scroll-down-text.movil {
  top: 80%;
}
}

/* Columnas */

@media (min-width: 1024px) {

  body.noticia .app .fixed-grid .left-column,
  body.sobre-la-ley .app .fixed-grid .left-column,
  body.tramitacion .app .fixed-grid .left-column {
    grid-column-start: 1;
    grid-column-end: span 5;
    grid-row-start: 1;
    grid-row-end: span 9;
}
body.noticia .app .not-fixed-grid .right-column,
body.sobre-la-ley .app .not-fixed-grid .right-column,
body.tramitacion .app .not-fixed-grid .right-column {
    grid-column-start: 6;
    grid-column-end: span 9;
    grid-row-start: 1;
    grid-row-end: span 9;
    padding-right: 5rem;
    padding-left: 2em;
}

}


/* Noticias */

h1.page-title {
  line-height:1.2em;
  margin: 0.4em 0;
  color: #e81d39;
}

h2.page-title {
  line-height:1.2em;
  margin:0.2em 0;
  color:#444444;
  font-size: 1.2em;
}

span.date-display-single,
span.fecha {
  font-weight: bold;
  margin: 0.6em 0;
  display: inline-block;
}



/* JORNADAS */

.cuerpo_jornadas {
  display: inline-block;
    padding: 10px 0 0 0;
}

.cuerpo_jornadas ul li,
.cuerpo_jornadas ul ol {
  list-style:none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.cuerpo_jornadas ul li:before,
.cuerpo_jornadas ol li:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  margin-left: -1rem;
  border: solid 0.0625rem #fff;
  background-color: #e81d39;
  border-radius: 100%;
  display: flex;
  flex-shrink: 0;
  margin-right: 0.6rem;
}

.flex-jornadas {
  display: flex;
  flex-direction: column-reverse;
  flex-grow: initial;
  flex-shrink: initial;
  flex-flow: column-reverse;
  align-items: flex-start;
  justify-content: start;
  margin: 1em 0;
}

.flex-jornadas .debates-video-detalle {
  min-width: 100%;
  padding-left: 0;

}

.flex-jornadas p {
  margin-top: 0.4em;
  padding:12px;
  background-color: #fbdbdf;
}

@media only screen and (min-width:768px) {
  .flex-jornadas {
    display: flex;
    flex-direction: column;
    flex-grow: initial;
    flex-shrink: initial;
    flex-flow: colum;
    align-items: flex-start;
    justify-content: start;
    margin: 1em 0;
  }

  .flex-jornadas .debates-video-detalle {
  min-width: 560px;
  padding-left: 0;
}
}

@media only screen and (min-width:992px) {
  .flex-jornadas {
    display: flex;
    flex-direction: row;
    flex-grow: initial;
    flex-shrink: initial;
    flex-flow: row;
    align-items: flex-start;
    justify-content: start;
    margin: 1em 0;
  }
}

.field-collection-container {
  border-bottom: none !important;
  margin-bottom: 1em;
}

body.noticia .app .not-fixed-grid .right-column {
  min-height: auto !important;
}

.btn.btn-principal {
  margin:6px 0;
}

.btn:active.btn-secundario {
  margin:6px 0;
}

/* CAmbios para las dos columnas */

@media (min-width: 1024px){
  .app .fixed-grid {
    width: calc(50% - 0.7rem* 11) !important;
  }
}

@media (min-width: 1024px){
  .app .fixed-grid .left-column {
    grid-column-end: span 12 !important;
  }

}