/*
    /////////////////////////////////////////////////////////
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

/* 
font-family: 'Futura Medium'
font-family: 'Futura Light'
font-family: 'Futura Book'
font-family: 'Futura Bold'


    ------------------------
    GLOBAL PROYECTOS
    ------------------------

    0.  PARAGRAPHS PROYECTOS
	1.  PARAGRAPH HERO IMAGE
    2.  PROYECTOS NODE
    3.  PARAGRAPH HERO VIDEO
    4.  PAGINA PROYECTOS
	5.  PARAGRAPH TITULO + TEXTO
	6.  PARAGRAPH TEXTO CENTRADO
	7.  PARAGRAPH IMAGEN CENTRADA
	8.  PARAGRAPH IMAGENES 2 COLUMNAS
    9.  PARAGRAPH SLIDER FULL WIDTH
    10. PARAGRAPH SLIDER 2 COLUMNAS
    11. ÚLTIMOS PROYECTOS
    12. ICONO LINK SCROLL DOWN
	13. TAXONOMIA


*/






/* 0. PARAGRAPHS PROYECTOS
----------------------*/

.page-node-type-proyectos .paragraph {
    margin: 0px auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.paragraph--type--slide {
	padding: 0;
}



/* 1. PARAGRAPH HERO IMAGE
-----------------------------------*/

.page-node-type-proyectos .paragraph--type--imagen-hero {
    margin-left: -15px;
    margin-right: -15px;
}

.page-node-type-proyectos .paragraph--type--imagen-hero img {
    object-fit: cover;
    height: 100vh;
    width: 100%;
}

.paragraph--type--slide .field--name-field-media-image img {
    object-fit: cover;
    height: 100vh;
    width: 100%;
}


/* 2. PPROYECTOS NODE
----------------------------*/

.node--type-proyectos .field--name-field-image img {    
	object-fit: cover;
    height: 100vh;
    width: 100%;
}

.field--name-field-cliente .field--item,
.field--name-field-categorias .field--item {
	display: inline-block;
}

.field--name-field-cliente .field--items .field--item:not(:last-child):after,
.field--name-field-categorias .field--items .field--item:not(:last-child):after {
	content: ", "; 
}

#col-izda .field--name-field-cliente {
	padding: inherit;
}

 /* Anterior / Siguiente Proyecto */
#block-nextpreviouslink {
	text-align: center;
	padding: 50px 15px 50px 15px;
}

#block-nextpreviouslink  a.nextpre__btn  {
	font-size:  22px;
	font-weight: bold;
	font-family: FuturaBT-Bold, Arial, Helvetica, sans-serif;
	color:#000;
}

#block-nextpreviouslink  a.pre {
	float: left;
}

#block-nextpreviouslink  a.next {
	float: right;
}

.node--type-proyectos .field--name-node-title h1 {
    font-size: 60px;
    font-weight: bold;
	font-family: FuturaBT-Bold, Arial, Helvetica, sans-serif;
	padding-bottom: 50px;
	padding-top: 50px;
}

.node--type-proyectos .field--name-body {
	font-size: 28px;
    font-weight: bold;
	font-family: FuturaBT-Bold, Arial, Helvetica, sans-serif;
}

.node--type-proyectos .field--name-field-cliente .field--label,
.node--type-proyectos .field--name-field-cliente .field--label a,
.node--type-proyectos .field--name-field-sector .field--label,
.node--type-proyectos .field--name-field-sector .field--label a,
.node--type-proyectos .field--name-field-categorias .field--label,
.node--type-proyectos .field--name-field-categorias .field--label a,
.node--type-proyectos .field--name-field-ano .field--label,
.node--type-proyectos .field--name-field-ano .field--label a,
.node--type-proyectos .field--name-field-premios .field--label,
.node--type-proyectos .field--name-field-premios .field--label a {
	font-size: 20px;
    font-weight: bold;
	font-family: FuturaBT-Bold, Arial, Helvetica, sans-serif;
	color:#000;
}

.node--type-proyectos .field--name-field-cliente .field--items,
.node--type-proyectos .field--name-field-cliente .field--items a,
.node--type-proyectos .field--name-field-sector .field--items,
.node--type-proyectos .field--name-field-sector .field--items a,
.node--type-proyectos .field--name-field-categorias .field--items,
.node--type-proyectos .field--name-field-categorias .field--items a,
.node--type-proyectos .field--name-field-ano .field--item,
.node--type-proyectos .field--name-field-ano .field--item a, 
.node--type-proyectos .field--name-field-premios .field--item,
.node--type-proyectos .field--name-field-premios .field--item a {
	font-size: 20px;
    font-weight: bold;
	font-family: FuturaBT-Medium, Arial, Helvetica, sans-serif;
	color:#000;
	margin-bottom: 20px;
}


.region .node--type-proyectos .col-sm-12.bs-region.bs-region--main {
		overflow: hidden;
}

.node--type-proyectos .field--name-field-image,
.node--type-proyectos .field--name-field-imagen-interior {
    margin-left: -15px;
    margin-right: -15px;
	
    animation: breath 3s ease-in-out ;
}


    
.view-display-id-block_3 .views-field-field-imagen-home .field--name-field-media-image {

    overflow: hidden;
}
.view-display-id-block_3 .views-field-field-imagen-home .field--name-field-media-image .field--item {

    animation: breath 3s ease-in-out ;
}


.node--type-proyectos .media--bundle--proyectos,
.node--type-proyectos .blazy--field-imagen-interior .media--bundle--image{
    /* margin-top: -60px; */
}

.page-node-type-proyectos #col-izda{
	padding-left: 0;
}

.page-node-type-proyectos #col-dcha {
	padding-right: 0;
}

.page-node-type-proyectos #datos {
	padding-top: 3vh;
	padding-bottom: 50px;
}

.page-node-type-proyectos #block-3ultimosproyectos h2.block-title { 
	text-align: center;
	padding: 50px 0 45px;
	font-size: 24px;
	font-weight: bold;
	font-family: FuturaBT-Bold, Arial, Helvetica, sans-serif;
}

.page-node-type-proyectos #block-3ultimosproyectos {
	background-color: #f1f1f1;
	padding: 0 35px 55px;
	margin-top: 0px;
	margin-bottom: 20px;
	display: block;
}







/* 3. PARAGRAPH HERO VIDEO
----------------------------------*/


/* Video embebido Youtube / Vimeo */

.page-node-type-proyectos .paragraph--type--video-hero {
	padding: 0;
}


.field--name-field-media-oembed-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
	margin-bottom: 15px;
}

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


/* Video subido MP4*/



 .field--name-field-media-video-file {
    position: relative;
    /* padding-bottom: 63.25%; */
    padding-bottom: 53.25%;
    padding-top: 0px;
    height: 0; 
    overflow: hidden;
	 
	margin-bottom: -55px;
}

.field--name-field-media-video-file video {
   position: absolute;
   top: -45px;
   left: 0;
   width: 100%;


   max-width: 100%;
}



/* 4. PAGINA PROYECTOS
-----------------------------*/


.view-proyectos .view-header .field--name-body,
.view-proyectos .view-empty {
	text-align: left;
	color:#000000;
	font-family: FuturaBT-Bold, Arial, Helvetica, sans-serif;
    font-size: 3.2vw;
    line-height: 1;
    font-weight: 600;
	max-width: 1040px;
	padding-bottom: 10px;
} 



.view-proyectos .view-header {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 5% 0;
}

.view-proyectos .view-empty {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding: 3% 0 5% 0;
}

.view-display-id-block_2 .view-filters.form-group {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
	padding: 15px 0;
}

.view-display-id-block_2 .views-exposed-form .form-type-select {
	padding-right: 15px;
}

#views-bootstrap-proyectos-block-2 .caption,
#views-bootstrap-proyectos-block-2 .caption a,
.view-proyectos.view-display-id-block_2 .caption,
.view-proyectos.view-display-id-block_2 .caption a,
#views-bootstrap-proyectos-ultimos-proyectos .caption,
#views-bootstrap-proyectos-ultimos-proyectos .caption .views-field-title  a {
	color: #000;
	font-family: FuturaBT-Bold, Arial, Helvetica, sans-serif;
    font-size: 24px;
	transition: all 0.6s ease;
}

.node--type-proyectos {
	margin-botton: 30px;
}



#views-bootstrap-proyectos-block-2 .col-12:hover .caption,
#views-bootstrap-proyectos-block-2 .col-12:hover .caption a,
.view-proyectos.view-display-id-block_2 .col-12:hover .caption,
.view-proyectos.view-display-id-block_2 .col-12:hover .caption a,
#views-bootstrap-proyectos-ultimos-proyectos .col-12:hover .caption,
#views-bootstrap-proyectos-ultimos-proyectos .col-12:hover .caption .views-field-title a {

	transition: all 0.6s ease;
}

#views-bootstrap-proyectos-block-2 .col-12 .caption a:hover,
.view-proyectos.view-display-id-block_2 .col-12 a:hover,
#views-bootstrap-proyectos-ultimos-proyectos .col-12 a:hover{
	text-decoration: none;
}

#views-bootstrap-proyectos-block-2 .caption,
.view-proyectos.view-display-id-block_2 .caption,
#views-bootstrap-proyectos-ultimos-proyectos .caption {
    position: absolute;
    bottom: 0px;
	transition: all 0.5s ease;
	padding-right: 5px;
	padding-bottom: 1px;
} 

#views-bootstrap-proyectos-block-2  .col-12:hover .caption,
.view-proyectos.view-display-id-block_2 .col-12:hover .caption,
#views-bootstrap-proyectos-ultimos-proyectos .col-12:hover .caption{
    transition: all 0.5s ease;
} 


#views-bootstrap-proyectos-block-2 .row .col-12,
.view-proyectos.view-display-id-block_2 .col-12,
#views-bootstrap-proyectos-ultimos-proyectos .col12 {
	margin-bottom: 15px;
	padding-right: 7.5px;
    padding-left: 7.5px;
}

.view-proyectos.view-display-id-block_2 .view-content {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

#views-bootstrap-proyectos-block-2 .views-field-field-image,
.view-proyectos.view-display-id-block_2 .views-field-field-image,
.view-proyectos.view-display-id-block_2 .views-field-field-imagen-interior,
.view-proyectos.view-display-id-block_2 .views-field-field-imagen-mini,
#views-bootstrap-proyectos-ultimos-proyectos .views-field-field-image,
#views-bootstrap-proyectos-ultimos-proyectos .views-field-field-imagen-interior,
#views-bootstrap-proyectos-ultimos-proyectos .views-field-field-imagen-mini {
	overflow: hidden;
}

#views-bootstrap-proyectos-block-2 .views-field-field-image img,
.view-proyectos.view-display-id-block_2 .views-field-field-image img, 
.view-proyectos.view-display-id-block_2 .views-field-field-imagen-interior img, 
.view-proyectos.view-display-id-block_2 .views-field-field-imagen-mini img, 
#views-bootstrap-proyectos-ultimos-proyectos .views-field-field-image img,
#views-bootstrap-proyectos-ultimos-proyectos .views-field-field-imagen-interior img,
#views-bootstrap-proyectos-ultimos-proyectos .views-field-field-imagen-mini img {
	 filter: brightness(1); 
	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*
#views-bootstrap-proyectos-block-2 .views-field-field-image:hover img,
.view-proyectos.view-display-id-block_2 .views-field-field-image:hover img,
.view-proyectos.view-display-id-block_2 .views-field-field-imagen-interior:hover img,
#views-bootstrap-proyectos-ultimos-proyectos .views-field-field-image:hover img,
#views-bootstrap-proyectos-ultimos-proyectos .views-field-field-imagen-interior:hover img {
	
	
	 filter: brightness(50%);
	
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1); 
	-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	

	
	
}*/


#views-bootstrap-proyectos-block-2 .proyecto:hover .views-field-field-image img,

.view-proyectos.view-display-id-block_2 .proyecto:hover .views-field-field-image img,
.view-proyectos.view-display-id-block_2 .proyecto:hover .views-field-field-imagen-interior img,
.view-proyectos.view-display-id-block_2 .proyecto:hover .views-field-field-imagen-mini img,
#views-bootstrap-proyectos-ultimos-proyectos .proyecto:hover .views-field-field-image img,
#views-bootstrap-proyectos-ultimos-proyectos .proyecto:hover .views-field-field-imagen-interior img,
#views-bootstrap-proyectos-ultimos-proyectos .proyecto:hover .views-field-field-imagen-mini img {
    transition: all 0.5s ease;
	transform: translateY(-30%);
}





select.form-select.form-control {
	font-size: 18px;
}


/* botón filtros proyectos */
#views-exposed-form-proyectos-block-2 button {
    background: transparent;
    color: #000;
    border-color: #000;
	-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#views-exposed-form-proyectos-block-2 button:hover {
    background: #000;
    color: #FFF;
    border-color: #000;
	-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#views-exposed-form-proyectos-block-2 select.form-select.form-control {
    border: 1px solid #000;
}

#views-exposed-form-proyectos-block-2 .select-wrapper::after {
    color: #000;
}

 .has-glyphicons .select-wrapper::after {
	content: '\e259' !important;
}




.block-views-blockproyectos-block-2 {
	margin-top: 90px;
}



@media (min-width: 768px) {
	/* Reduce padding pares impares en dispositivos no moviles */
	#views-bootstrap-proyectos-block-2 .row div:nth-child(odd).col-lg-6 {
		padding-right: 7.5px;
	}

	#views-bootstrap-proyectos-block-2 .row div:nth-child(even).col-lg-6 {
		padding-left: 7.5px;
	}
	
	body.path-proyectos .grid.views-view-grid .row div:nth-child(odd).col-lg-6 {
		padding-right: 7.5px;
	}

	body.path-proyectos .grid.views-view-grid .row div:nth-child(even).col-lg-6  {
		padding-left: 7.5px;
	}
	
}


/* 5. PARAGRAPH TITULO + TEXTO
---------------------------------------*/

.block-block-content71562265-0a50-4703-bdcb-615d787efc89 {
	padding-top: 80px;
}


.paragraph--type--titulo-y-texto {
    padding: 80px 0 80px 0 !important;
	padding: 20vh 0 20vh 0 !important;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.paragraph--type--titulo-y-texto #tit-texto,
.paragraph--type--titulo-y-texto #tit-texto--2,
.paragraph--type--titulo-y-texto #tit-texto--3,
.paragraph--type--titulo-y-texto #tit-texto--4 {
	padding: 0;
}

.paragraph--type--titulo-y-texto #tit-texto .field--name-field-titulo,
.paragraph--type--titulo-y-texto #tit-texto--2 .field--name-field-titulo,
.paragraph--type--titulo-y-texto #tit-texto--3 .field--name-field-titulo,
.paragraph--type--titulo-y-texto #tit-texto--4 .field--name-field-titulo  {
	font-size: 28px;
    font-weight: bold;
    font-family: FuturaBT-Bold, Arial, Helvetica, sans-serif;
}

.paragraph--type--titulo-y-texto #tit-texto .field--name-field-texto-largo,
.paragraph--type--titulo-y-texto #tit-texto--2 .field--name-field-texto-largo,
.paragraph--type--titulo-y-texto #tit-texto--3 .field--name-field-texto-largo,
.paragraph--type--titulo-y-texto #tit-texto--4 .field--name-field-texto-largo {
	font-size: 28px;
    font-weight: bold;
    font-family: FuturaBT-Bold, Arial, Helvetica, sans-serif;
}



/* 6. PARAGRAPH TEXTO CENTRADO
---------------------------------------*/
.paragraph--type--texto-centrado .field--name-field-texto-largo {
	font-size: 28px;
    font-weight: bold;
    font-family: FuturaBT-Bold, Arial, Helvetica, sans-serif;
	text-align: center;
}

.paragraph--type--texto-centrado {
	/* padding: 20vh 0 20vh 0 !important;   ---> si lleva imagen de fondo*/
	padding: 5vh 0 5vh 0 !important;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 15px;
    margin-bottom: 15px;
}



/* 7. PARAGRAPH IMAGEN CENTRADA
--------------------------------------------*/

.paragraph--type--imagen-centrada {
	    padding: 0 !important;
}

.field--name-field-img-centrada  .field--name-field-media-image img {
	/* margin-bottom: 15px; */
	margin-left: auto;
	margin-right: auto;
}



/* 8. PARAGRAPH IMAGENES 2 COLUMNAS
------------------------------------------------*/
.paragraph--type--img-2-col li.grid {
	float: left;
}

.page-node-type-proyectos .paragraph .paragraph--type--img-2-col {
	margin-left: auto !important;
	margin-right: auto !important;
}

.field--name-field-image .media--bundle--proyectos {
  /* Set a specific height */
	height: 100vh !important;
	height: calc(100vh - 100px);

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0 !important;
	
  transition: all 0.6s ease; 
}

.field--name-field-imagen-interior .media--bundle--image {
  /* Set a specific height */
	height: 100vh !important; 
	height: calc(100vh - 100px);

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0 !important;
	
  transition: all 0.6s ease; 
}

/* 9. PARAGRAPH SLIDER FULL WIDTH
------------------------------------------------*/

#slick-paragraph-slider-slide-default-47-2 {
	margin-bottom: 15px;
} 

.slick-arrow::before {
    color: #000000;
}

.page-node-type-proyectos .paragraph.paragraph--type--slider {
    margin-bottom: -15px;
}

#slick-paragraph-slider-slide-default-47-2 .slick-slide {
    display: block;
    margin-bottom: -5px;
}



/* 10. PARAGRAPH SLIDER 2 COLUMNAS
------------------------------------------------*/

#slick-paragraph-slideshow-columns-slide-default-55-3 .slick__slide {
	
}

#slick-paragraph-slideshow-columns-slide-default-55-3{
 	margin-left: 9%;
    margin-right: 9%;
    padding-left: 4%;
    padding-right: 4%;
}

#slick-paragraph-slideshow-columns-slide-default-55-3 .paragraph--type--slide .field--name-field-media-image img {
    object-fit: contain;
}

#slick-paragraph-slideshow-columns-slide-default-55-3 .field--name-field-media-image .field--item {
    padding-left: 15px;
    padding-right: 15px;
}

#slick-paragraph-slideshow-columns-slide-default-55-3  .paragraph--type--slide .field--name-field-media-image img {
    object-fit: cover;
    height: auto;
    width: 100%;
}

#slick-paragraph-slideshow-columns-slide-default-55-3 .slick-slide {
    display: block;
    margin-bottom: -5px;
}



/* 11. ÚLTIMOS PROYECTOS
------------------------------------------------*/



/* 12. ICONO LINK SCROLL DOWN
---------------------------------------*/

.field--name-field-down-link  a{
    text-align: center;
    position: absolute; 
    width: 30px;
    height: 50px;
    margin-top: -80px;
	margin-left: calc(50% - 30px);
	border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
	text-indent: -9999999px;
	transition: all 0.6s ease;
}

.field--name-field-down-link a:hover{
    text-align: center;
    position: absolute; 
    width: 30px;
    height: 50px;
    margin-top: -70px;
	margin-left: calc(50% - 30px);
	border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
	text-indent: -9999999px;
	transition: all 0.6s ease;
}

.field--name-field-down-link a::before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: '';
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite;
    box-sizing: border-box;
	transition: all 0.6s ease;
}



/* animación icono Down */
@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}



/* 13. TAXONOMÍA
------------------------------------------------*/

.path-taxonomy h1 {
	padding-top: 15vh;
    text-align: center;
    padding-bottom: 5vh;
	
	font-size: 3.2vw;
    line-height: 1;
    font-weight: 600;
	font-family: FuturaBT-Bold, Arial, Helvetica, sans-serif;
}