/**
 * @file
 * Subtheme specific CSS.
 */
 @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root {
  --bs-btn-focus-box-shadow: #fff;
  --bs-btn-focus-shadow-rgb: #fff !important;
  --primary-color: #0063af;
  --white-color: #fff;
}

.row {
  --bs-gutter-x: 0;
}

@media screen and (min-width: 576px) {
  :root {
    --pd-fondo-max:  618px;
  }
}

@media screen and (min-width: 768px) {
  :root {
    --pd-fondo-max:  822px;
  }
}

@media screen and (min-width: 992px) {
  :root {
    --pd-fondo-max:  1062px;
  }
}

@media screen and (min-width: 1200px) {
  :root {
    --pd-fondo-max:  1284px;
  }
}

@media screen and (min-width: 1400px) {
  :root {
    --pd-fondo-max:  1500px;
  }
}

.fondo-blanco{
  background-color: var(--white-color);
}


body {
  color: var(--white-color);
  background-color: var(--primary-color);
  background-image: url('../img/bg-body.png');
  background-repeat: repeat-y;
  background-size: 100%;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .1rem;
  padding: 0;
  margin: 0;
  font-family: 'Lato', sans-serif;
}
body.path-admenu {
  color: #666;
}

.page-node-1 .header{
  position: absolute;
  width: 100%;
}

.page-node-1 .node__content{
  margin-top: 0;
}

.page-node-1 .navbar-nav{
  display: none;
}

.page-node-1 .field--name-field-portada{
  margin-bottom: 0;
}

.page-node-1 .navbar-brand{
    position: absolute;
    top: 60px;
    right: 4rem;
    width: 220px;
    width: 9rem;
}

.page-node-1 .navbar-brand img{
  width: 100%;
}

.page-node-1 #main {
  padding: 0;
}

.page-node-1  .layout--threecol-section--33-34-33{
  padding: 6rem 3rem 0;
}


.page-node-1 .portada::after{
  content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(0deg, rgb(0 0 0 / 33%) 0%, rgba(0,0,0,0.013064600840336116) 100%);
    z-index: 1;
}

.page-node-1 .portada img{
  width: 100%;
  height: 100vh;
  display: block;
  margin-bottom: 0;
  object-fit: cover;
}


.page-node-1 img{
  width: 100%;
  height: auto;
  display: block;
}

.page-node-1 .field--type-image{
  float: none;
  margin: 0;
}

.page-node-1 #parrafo-completo .content .field--name-field-parrafo-completo > .field__item:nth-child(1){
  background-image: url('../img/bg-hoja-l.png');
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-position-x: left;
  padding-bottom: 6rem;
  background-size: 160px;
}

.page-node-1 #parrafo-completo .content .field--name-field-parrafo-completo > .field__item:nth-child(1) .field--name-field-texto-parrafo p{
  font-size: 3rem;
  margin-top: -1rem;
}

.page-node-1 #parrafo-completo .content .field--name-field-parrafo-completo > .field__item:nth-child(3) .field--name-field-texto-parrafo p{
  max-width: 1000px;
  margin: auto;
  font-size: 1.5rem;
  font-size: 26px;
  font-weight: 600;
/*  text-align: left;*/
  margin-bottom: 2rem;
}

.page-node-1 #parrafo-completo .content .field--name-field-parrafo-completo > .field__item:nth-child(3){
  padding-top: 2rem;
}

.page-node-1 #parrafo-completo .content .field--name-field-parrafo-completo > .field__item:nth-child(5){
  background-image: url('../img/bg-hojas.png');
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 3rem;
  background-size: 100%;
  padding-top: 4;
}



.page-node-1 #parrafo-completo .content .field--name-field-parrafo-completo > .field__item:nth-child(5) .field--name-field-texto-parrafo{
  max-width: 1000px;
  margin: auto;
  border-top: 1px solid #fff;
  padding: 5rem;
  padding-top: 3rem;
}

.page-node-1 #parrafo-completo .content .field--name-field-parrafo-completo > .field__item:nth-child(5) .field--name-field-texto-parrafo h3{
  font-weight: 600;
  font-size: 2.7rem;
}

/*.page-node-1 #parrafo-completo .content .field--name-field-parrafo-completo > .field__item:nth-child(8) .col.col-txt{*/
.page-node-1 #parrafo-completo .content .field--name-field-parrafo-completo > .field__item:nth-child(7) .col {
  background-image: url('../img/bg-hojas-s.png');
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 5rem;
  background-size: 100%;
  padding-top: 2rem;
  margin-bottom: -2rem;
}

.page-node-1 #parrafo-completo .content .field--name-field-parrafo-completo > .field__item:nth-child(7) .field--name-field-texto-parrafo p {
  max-width: 1000px;
  margin: auto;
  font-size: 1.5rem;
  font-size: 26px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 2rem;
}
.page-node-1 #parrafo-completo .content .field--name-field-parrafo-completo > .field__item:nth-child(9) .fondo-blanco {
  background-color: var(--white-color);
  padding: 4rem;
}

.page-node-1 .site-footer {
  background-image: url('../img/bg-footer.png');
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center bottom;
  padding-bottom: 17rem;
  background-size: 100%;
}

.page-node-1 .site-footer .region-footer-fourth{
  width: 100%;
  text-align: center;
  border: none;
  opacity: 1;
}

.page-node-1 .site-footer .region-footer-fourth .block {
  border: none;
}

.page-node-1 .site-footer .region-footer-fourth .block h3{
  color: var(--white-color);
}

#webform-submission-contacto-node-1-add-form, .webform-submission-contacto-form, .webform-submission-contacto-node-1-form {
  padding: 2rem;
  background-color: #ffffff26;
  max-width: 800px;
  margin: auto;
  border-top-left-radius: 2rem;
  margin-top: 2rem;
}


#webform-submission-contacto-node-1-add-form .form-type-textfield, .webform-submission-contacto-node-1-form .form-type-textfield,
#webform-submission-contacto-node-1-add-form .form-type-number, .webform-submission-contacto-node-1-form .form-type-number,
#webform-submission-contacto-node-1-add-form .form-type-email, .webform-submission-contacto-node-1-form .form-type-email {
  display: flex;
  align-items: flex-end;
}

#webform-submission-contacto-node-1-add-form .form-type-textfield label, .webform-submission-contacto-node-1-form .form-type-textfield label,
#webform-submission-contacto-node-1-add-form .form-type-number label, .webform-submission-contacto-node-1-form .form-type-number label,
#webform-submission-contacto-node-1-add-form .form-type-email label, .webform-submission-contacto-node-1-form .form-type-email label {
  display: inline-block;
  width: fit-content;
  display: flex;
  min-width: 100px;
}

#webform-submission-contacto-node-1-add-form .form-control, .webform-submission-contacto-node-1-form .form-control {
  background-color: transparent;
  color: #fff;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #fff;
}

#webform-submission-contacto-node-1-add-form .form-actions, .webform-submission-contacto-node-1-form .form-actions {
  display: flex;
  justify-content: center;
}

#webform-submission-contacto-node-1-add-form .button--primary, .webform-submission-contacto-node-1-form .button--primary {
  background-color: var(--primary-color);
  font-size: 1.5rem;
  min-width: 200px;
  border-radius: 2rem;
  border-color: var(--primary-color);
}

.webform-confirmation__message, .webform-confirmation__back {
  text-align: center;
}

.webform-confirmation__back a, .webform-confirmation__back a:* {
  color: #fff;
}
.webform-confirmation__back a {
  color: #fff;
}


/***************************/
/***** PARAGRAPH ***********/
/**************************/
/* max-width para pantallas x-small */
.container.paragraph {
  width: 94%;
  position: relative;
  z-index:1;
}

.paragraph {
  /*margin-top: 3rem;
  margin-bottom: 3rem;*/
  font-size: 1.2rem;
}

.paragraph.centrado {
  text-align: center;
}

.paragraph.margen-superior {
  padding-top: 3rem;
}
.paragraph.margen-inferior {
  padding-bottom: 3rem;
}

.paragraph--type--parrafo-img {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.paragraph--type--parrafo-img.sticky {
  align-items: flex-start;
}

.paragraph.img-small img {
  max-width: 170px;
  margin-left: 3rem;
  margin-top: 0; 
  margin-bottom: 5rem;
}
.paragraph--type--parrafo-img .col-img {
  flex: 0 1 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  /*margin-bottom: 2rem;*/
}

.layout--twocol-section > .layout__region {
  margin-left: auto;
  margin-right: auto;
	flex: 0 1 100%;
}
.page-node-188 .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first, .page-node-188 .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second, .page-node-194 .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first, .page-node-194 .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
	flex: 0 1 100%;
  text-align: center;
  margin-bottom: 4rem;
}
.paragraph--type--parrafo-img p {
  font-size: 1.1rem;
}

.paragraph--type--parrafo-bloque p {
  text-align: center;
}
/******** 3 columnas ***********/
.paragraph--type--tres-columnas .layout--threecol-section {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.layout--threecol-section--33-34-33 > .layout__region {
  flex: 0 1 100%;
}

/******* Párrafo 2 columnas ******/
.paragraph--type--dos-columnas .layout--twocol-section {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.martop .paragraph--type--dos-columnas .layout--twocol-section {
  padding-top: 3rem;
}
.marbot .paragraph--type--dos-columnas .layout--twocol-section {
  padding-bottom: 3rem;
}

.paragraph.martop {
  padding-top: 3rem;
}
.paragraph.marbot {
  padding-bottom: 3rem;
}
.layout--twocol-section.layout--twocol-section--50-50 > .layout__region, .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first, .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
  flex: 0 1 100%;
}

.paragraph--type--tres-columnas {
  font-size: 1rem;
}

.paragraph.fontcita {
  font-size: 1rem;
}

.paragraph.imagen_pequena.izquierda img {
  max-width: 250px;
  margin-right: 3rem;
}
.paragraph.imagen_pequena img {
  max-width: 170px;
  margin-left: 3rem;
  margin-top: 5rem;
  margin-bottom: 5em;
}

.paragraph--type--parrafo-img .col-spc {
  width: 0;
}
.paragraph--type--parrafo-img.centrado .col-img {
  flex: 0 1 100%;
}
.paragraph--type--parrafo-img.centrado .col-txt {
  flex: 0 1 100%;
}
.paragraph--type--parrafo-img .col-img {
  flex: 0 1 100%;
}
.paragraph--type--parrafo-img .col-txt {
  flex: 0 1 100%;
}
.paragraph--type--parrafo-img.imagen_40 .col-img {
  flex: 0 1 37%;
  position: sticky;
}
.paragraph--type--parrafo-img.imagen_40 .col-txt {
  flex: 0 1 57%;
}
.paragraph--type--parrafo-img.imagen_50 .col-img {
  width: 50%;
  flex-basis: 50%;
}
.paragraph--type--parrafo-img.imagen_50.sticky .col-img {
  position: sticky;
  top: 0;
}
.paragraph--type--parrafo-img.imagen_50 .col-txt {
  width: 50%;
  flex-basis: 50%;
}

.paragraph--type--parrafo-img.imagen_50.sticky .col-txt {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.paragraph--type--parrafo-img.imagen_60 .col-img {
  flex: 0 1 67%;
  position: sticky;
}
.paragraph--type--parrafo-img.imagen_60 .col-txt {
  flex: 0 1 27%;
}
.paragraph--type--parrafo-img.derecha {
  flex-direction: row-reverse;
}

.paragraph--type--parrafo-img.derecha.imagen_50 .col-txt{
  padding-right: 5rem;
}

.paragraph--type--parrafo-img.derecha.imagen_50 .col-txt p{
  font-size: 26px;
  font-weight: 600;
}

.paragraph--type--parrafo-img.izquierda.imagen_50 .col-txt{
  padding-left: 5rem;
}

.paragraph--type--parrafo-img.izquierda.imagen_50 .col-txt p{
  font-size: 26px;
  font-weight: 600;
}

.centrado.paragraph .field--name-field-titulo{
  font-size: 6rem;
  margin-bottom: 0;
  margin-top: 3rem;
}

.margen-texto {
  padding-top: 5rem;
}

.page-node-198 .field--name-field-parrafo-completo > .field__item {
  flex: 0 1 33%;
}

.page-node-188 .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second, .page-node-188 .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
  flex: 0 1 50%;
}
.page-node-188 .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first, .page-node-188 .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
  flex: 0 1 33%;
}
/* parrafo tres-columnas */
.layout--threecol-section--33-34-33 > .layout__region--first, .layout--threecol-section--33-34-33 > .layout__region--third {
  flex: 0 1 29%;
}
.layout--threecol-section--33-34-33 > .layout__region--second {
  flex: 0 1 36%;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  padding-right: 2.8rem;
  padding-left: 2.8rem;
}

.layout--threecol-section--33-34-33  .text-formatted h4, .layout--fourcol-section .text-formatted h4{
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 0;
  line-height: 1;
}

.layout--fourcol-section > .layout__region {
  border-right: 1px solid #fff;
}
.layout--fourcol-section > .layout__region:last-child {
  border-right: none;
}

/* parrafo dos-columnas */
.paragraph--type--dos-columnas .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first {
  flex: 0 1 46%;
  margin-right: 4%;
}
.paragraph--type--dos-columnas .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
  flex: 0 1 50%;
  border-left: 1px solid #678;
  padding-left: 4rem;
}
.paragraph--type--dos-columnas .paragraph.sin-borde .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
  border: unset;
}

.paragraph--type--parrafo-img.izquierda .col-txt {
  text-align: left;
  padding-right: 6%;
}
.paragraph--type--parrafo-img.derecha .col-txt {
  /*text-align: right;*/
  padding-left: 6%;
}

/* subrayado debajo de titulo de parrafo */
.paragraph .field--name-field-titulo {
  position: relative;
  margin-bottom: 5rem;
  margin-top: 0;
}
/*  
.paragraph .field--name-field-titulo::after {
  position: absolute;
  border-bottom: 1px solid #678;
  width: 30%;
  bottom: -2.5rem;
  / *right: 0;* /
}
*/
.paragraph.derecha .field--name-field-titulo::after {
  right: 0;
  left: unset;
}
.paragraph.izquierda .field--name-field-titulo::after {
  right: unset;
  left: 0;
}


.paragraph.paragraph--type--parrafo-video .field--name-field-titulo::after {
  position: absolute;
  border-bottom: unset;
  width: unset;
  bottom: unset;
}
.paragraph.izquierda .field--name-field-titulo::after {
  right: unset;
  left: 0;
}
.paragraph--type--tres-columnas .field--name-field-titulo {
  /* margin-bottom: 5rem; utilizar si se pone borde debajo del titulo */
  margin-bottom: 2.5rem;
}
.paragraph--type--tres-columnas .field--name-field-titulo::after {
  border: none;
  /*
  width: 10%;
  right: unset;
  left: 50%;
  transform: translateX(-50%);
  */
}

#block-crececastellana-crese{
  position: absolute;
  bottom: 1rem;
  width: 100%;
  max-width: 800px;
  max-width: 35vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

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

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

.paragraph--type--slideshow {
	position: relative;
}

/********/
/* 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: #0063AF;
    position: absolute;
    font-size: 3rem;
    left: 3vw;
}

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