@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');


:root {
	  --fuente1:"Public Sans", sans-serif;
	  --fuente2:"Rubik", sans-serif;
    --color1: #6f7624;
    --color2: #6f76241a;
    --color3: #8c1817;
    --color4: #8c18171a;
    --color5: #111827;
    --color6: #f7f8f4;
    --color7: #f3eded;
    --color8: #fbfcfc;
    --color9: #e7f1ff;
}

.color1 {
    color:var(--color1);
}
.color3 {
    color:var(--color3);
}
.color5 {
    color:var(--color5);
}

.white {
    color: white;
}

.white a {
    color: white;
    text-decoration: none;
}

.white a:hover {
    text-decoration: underline;
}

.color9 {
    color:var(--color9);
}

.node__content a {
    color: var(--color1);
    font-weight: 600;
}


.bg-color1 {
    background-color: var(--color1);
}
.bg-color2 {
    background-color: var(--color2);
}
.bg-color3 {
    background-color: var(--color3);
}
.bg-color4 {
    background-color: var(--color4);
}
.bg-color5 {
    background-color: var(--color5);
}
.bg-color6 {
    background-color: var(--color6);
}
.bg-color7 {
    background-color: var(--color7);
}
.bg-color9 {
    background-color: var(--color9);
}

.bg-white {
    background-color: white !important;
}

.text-balance {
    text-wrap:balance
}

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

.slide-bg {
    background-image: linear-gradient(to right, 
        rgba(17, 24, 39, 0.9), 
        rgba(17, 24, 39, 0.7)   
    );
}

.maxh-650 {
    max-height: 650px;
}

.max-767 {
    max-width: 767px;
}

.max-650 {
    max-width: 650px;
}

.max-960 {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.breadcrumb {
    margin-top:1rem;
}

.breadcrumb a {
    color: gray;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.slide-bg2 {
    background: linear-gradient(
    to top,
    rgba(17, 24, 39, 0.75) 0%,      
    rgba(17, 24, 39, 0.50) 35%,
    rgba(17, 24, 39, 0.15) 70%,
    rgba(17, 24, 39, 0) 100%      
  );
}

.h-180 {
    height: 180px;
}

.h-300 {
    height: 300px;
}

.opacity-40 {
    opacity: .4;
}

.b-radius1 {
    border-radius:8px;
}

.shadow1 {
     box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}

.grid-3, .grid-4, .grid-2 {
    display:grid;
    gap:2rem
}

.grid-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr)); 
}
.grid-4 {
   grid-template-columns: repeat(4, minmax(0, 1fr)); 
}

.grid-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr)); 
}

.aspect-4-3 {
    aspect-ratio: 4 / 3;
}
.transition {
    transition: .5s ease;
}

.transform:hover {
        transform: translateY(-10px);
} 

.no-link{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}
.no-link a{
    display: block;
    text-indent: -99999px;
    width: 100%;
    height: 100%;
    top: 0;
}


.slide-bg-bottom {
        height: 6rem;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 1.0) 0%, transparent 100%);
    bottom: 0;
}

.info-sl {
        left: 50%;
    transform: translate(-50%);
    z-index:9;
}

body {
    font-family: var(--fuente2);
    background-color: var(--color8);
}

.title-sl {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
}

.gleft1 .title-sl {
    font-size: 3.5rem;
}

.txt-sl {
    font-size: 1.4rem;
    font-weight: 300;

}
.links-sl {
    gap:2rem;
    display:flex;
  
}

.links-sl a {
    text-transform:uppercase;
    text-decoration:none;
    color:white;
    padding:1.2rem 2.5rem 1.1rem;
    border-radius:7px;
    line-height:1;
    font-size:1.1rem
}

.links-sl a:nth-child(1) {
    background-color:var(--color1)
}

.links-sl a:nth-child(2) {
    border:2px solid white;
    backdrop-filter: blur(5px);
}

.links-sl a:hover {
    opacity:.8
}

.link-sl2 a {
    background-color: var(--color1)
}



/************************ BLOQUE IMPACTO HOME ***************************/

.bl-imp {
    background-image: linear-gradient(to top, var(--color6) 0%, white 90%);
}
.item-imp, .item-serv {
    background-color:white;
    border-radius:8px;
   box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    transition:.5s ease;
    position:relative;
}

.item-imp:before {
    position: absolute;
    width: 0%;
    height:6px;
    transition: .5s ease;
    background-color: var(--color2);
    bottom: 0;
    left: 0;
    content:"";
}

.item-imp:hover:before {
    position: absolute;
    width: 100%;
    height:6px;
    
}


.box-imp {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display:grid;
    gap:2rem
}

.info-imp .txt-01{
    font-size:2.5rem;
    font-weight:700
}

.item-imp:nth-child(odd) .txt-01, .item-imp:nth-child(odd) .ico, .item-serv:nth-child(odd) .ico {
    color:var(--color1);
}
.item-imp:nth-child(even) .txt-01, .item-imp:nth-child(even) .ico, .item-serv:nth-child(even) .ico {
    color:var(--color3);
}

.info-imp .txt-02, .txt-02 {
    font-size:1.2rem;
    font-weight:600
}

.info-imp .txt-03 {
    font-size:.9rem;
}

.item-imp:hover {
    transform: translateY(-10px);
}


.item-imp .ico,
.item-serv .ico{
    font-family: "Bootstrap-icons", "Bootstrap Icons";
    font-size:1.7rem;
    margin-bottom:1.7rem;
    transition: .5s ease;
}

.item-bullet .ico:before {
    font-family: "Bootstrap-icons", "Bootstrap Icons";
    font-size:3rem;
    
    content:"\F21B";
    color: var(--color1);
}

.item-doc .ico:before {
    font-family: "Bootstrap-icons", "Bootstrap Icons";
    font-size:4rem;
    
    content:"\F63E";
    color: #bf5d5d;
}

.item-imp .ico:before,
.item-serv .ico:before {
    border-radius:10px;
    padding:1.3rem;
    
    
}
m
.item-imp:hover .ico{
    scale: 1.1;
}

.item-imp:nth-child(even) .ico:before,
.item-serv:nth-child(even) .ico:before{
    background-color:var(--color4)
} 
.item-imp:nth-child(odd) .ico:before,
.item-serv:nth-child(odd) .ico:before{
    background-color:var(--color2)
} 

.item-imp:nth-child(4) .ico:before {
    content:"\F5A1";
} 
.item-imp:nth-child(3) .ico:before {
    content:"\F3C3";
} 
.item-imp:nth-child(2) .ico:before {
    content:"\F1F6";
} 
.item-imp:nth-child(1) .ico:before {
    content:"\F3E7";
} 

.subt1 {
    font-size: 2.3rem;
    font-weight: 600;
    color: var(--color5);
 

}

.line1 {
    position:relative;
    margin-bottom:4rem;
       padding-bottom: 1rem;
}

.line1 p {
    font-size: 1.2rem;
}

.line1:after {
   content:"";
    width:10%;
    height:3px;
    bottom:0;
    left:45%;
    background-color:var(--color1);
    position:absolute
    
}

/************************ FIN BLOQUE IMPACTO HOME ***************************/

/************************ BLOQUE SERVICIOS DESTACADOS HOME ***************************/

.box-serv, .view-dir .view-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display:grid;
    gap:2rem
}

.item-serv:nth-child(1) .ico:before {
    content:"\F1E0";
} 
.item-serv:nth-child(2) .ico:before {
    content:"\F3E7";
} 
.item-serv:nth-child(3) .ico:before {
    content:"\F632";
} 
.item-serv:nth-child(4) .ico:before {
    content:"\F8F6";
} 
.item-serv:nth-child(5) .ico:before {
    content:"\F21A";
}
.item-serv:nth-child(6) .ico:before {
    content:"\F194";
}

.item-serv h3 {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--color5);
    margin: 2.5rem 0 1rem 0;
}

.item-serv .txt-05 {
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
}

.item-serv .link a {
    font-size: 1.1rem;
    color: var(--color1);
    font-weight: 700;
    text-decoration: none;
    display:flex;
    align-items: center;
    gap:1rem;
    transition:.5s ease;
}

.item-serv:hover .link a { 
     gap:2.5rem
}

.item-serv:nth-child(odd):hover{
    background-color: var(--color6)
}


.item-serv:nth-child(even):hover{
    background-color: var(--color7)
}

.item-serv .link a:after {
    content:"\F138";
    font-family: "Bootstrap-icons", "Bootstrap Icons";
    font-size: 1.3rem;
}
/************************ FIN BLOQUE SERVICIOS DESTACADOS HOME ***************************/

/************************ VISTA LOCACIONES ***************************/

.view-loc .view-content {
    display:grid;
    gap:2rem;
   grid-template-columns: repeat(4, minmax(0, 1fr)); 
}
.loc-box h2, .loc-info h2 {
    font-size:1.4rem;
    line-height:1.2;
    color:white;
}

.loc-box h2 a {
    text-decoration:none;
    color:white;
    transition: .5s ease
}

.loc-box:hover h2 a {
    text-decoration: underline;
}


.label1 {
        background-color: var(--color1);
    padding: 5px 1rem;
    border-radius: 20px;
    color: white;
    font-weight: 400;
    
    line-height: 1;
    top: 5px;
    right: 5px;
    display:inline-block;
}

.loc-cat {
    font-size: .9rem;
}

.subt3 {
    font-size: 1.3rem;
}

.loc-dir {
    font-size:.9rem;
    color: white;
}

.loc-dir1 {
    font-size: 1.2rem;
    color: var(--color6);
    font-weight: 700;
}


.loc-dir:before {
    font-family: "Bootstrap-icons", "Bootstrap Icons";
    content: "\F3E7";
    margin-right: .5rem;
    color: white;
}
#fct-tag ul {
        list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
   gap:.7rem;
    justify-content:center
}



#fct-tag a {
text-decoration:none;
    background-color:var(--color2);
    padding: 7px 1.2rem;
    color:var(--color1);
text-transform:uppercase;
    font-size:.8rem;
    font-weight:500;
    opacity:.6;
    border-radius:20px
    
}

.glabels .field--name-field-etiquetas,
.glabels .field--name-field-subcategorias,
.glabels .field--name-field-subcategoria-empresa{
    display: flex;
    flex-wrap: wrap;
   gap:.7rem;
    justify-content:center
}

.glabels .field__item {
    background-color: var(--color4);
    padding: 7px 1.5rem;
    color: var(--color3);
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 500;
    opacity: .6;
    border-radius: 20px;

}

.log-ft {
    padding-right: 3rem;
}

.log-ft img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(6324%) hue-rotate(183deg) brightness(130%) contrast(111%);
    opacity: .6;
}


#fct-tag .is-active {
    opacity: 1;
    color:var(--color3);
    background-color:var(--color4);
}

.bg-deg {
    background: linear-gradient(
    to top,
    rgba(17,24,39,0.95) 0%,    
    rgba(17,24,39,0.55) 35%,
    rgba(17,24,39,0.30) 70%,
    rgba(17,24,39,0.20) 100%     
  );
}

.loc-box:hover .loc-img{
    scale:1.1
}

.box-loc-2 .info3:before,
.box-loc-3 .info3:before {
  font-family: "Bootstrap-icons", "Bootstrap Icons";
    margin-right: .5rem;
    color: var(--color1); 
    font-size: 2.5rem;
    line-height: 1;
}

.box-loc-2 .info3:before {
    content: "\F47F";
}

.box-loc-3 .info3:before {
    content: "\F5F9";
}

.fl-seach-loc .form--inline {
    display: flex;
    margin-bottom:3rem;;
    justify-content: center;
    align-items: center;
}

.fl-seach-loc  .js-form-item {
    width: 50%;
}

.fl-seach-loc .form-control {
   padding: 1rem 1.5rem;
    border: 2px solid lightgray;
}


/************************ FIN VISTA LOCACIONES ***************************/

/************************** LOCACIONES INTERNAS **************************/

.group-ph .field--name-field-galeria-de-fotos {
    display:flex;
    flex-wrap:wrap;
        justify-content: center;
    gap: 2px;
}

.gright1 iframe{
    width: 100%;
}

.info-lat {
        font-size: 1.1rem;
        color: var(--color5);
}

.info-lat .field--name-field-contacto {
    word-break:break-all;
    line-height:1.2;
    font-size:.9rem
}

.info-lat .field--name-field-direccion:before {
    content:"\F3E7";
}
.info-lat .field--name-field-contacto:before {
    content:"\F84B";
}
.info-lat .field--name-field-informacion-util:before {
    content:"\F430";
}

.info-lat .field--name-field-direccion:before,
.info-lat .field--name-field-contacto:before,
.info-lat .field--name-field-informacion-util:before,
.box-ut .item-serv h3:before {
   font-family: "Bootstrap-icons", "Bootstrap Icons";
color:var(--color1); 
font-size: 2rem;
}

.info-lat .field--name-field-direccion,
.info-lat .field--name-field-contacto,
.info-lat .field--name-field-informacion-util,
.box-ut .item-serv h3{
    display: flex;
    align-items: center;
    gap: .7rem
}

.info-lat .field--name-field-informacion-util p {
    margin-bottom:0;
    font-size:.9rem;
}

.info-lat .field--name-field-informacion-util li {
    font-size:.9rem;
}


.info-lat .field--name-field-enlace-web-o-red-social  a{
  display: flex;
  visibility: hidden;
  text-align: center;
  justify-content: center;
  margin: 2rem 0;
}


.info-lat .field--name-field-enlace-web-o-red-social a::after{
  visibility:visible;
  background-color: var(--color1);
     padding: .9rem 2rem .9rem;
  position: absolute;
  border-radius: 7px;
  color: white;
  text-transform: uppercase;
  font-weight: 400;
     transition: 2s linear;
     line-height: 1;
    font-size: 1rem;
  }
  
html[lang="es"] .info-lat .field--name-field-enlace-web-o-red-social a::after {
  content: "Ir a sitio web";
}
 
html[lang="en"] .info-lat .field--name-field-enlace-web-o-red-social a::after {
  content: "Go to website";
}

  
.info-lat .field--name-field-enlace-web-o-red-social a:hover {
      opacity:.8
  }
  
  .field--name-field-caracteristicas:before {
    font-size:1.5rem;
    font-weight:700;
    border-bottom:2px solid var(--color1);
}

html[lang="es"] .field--name-field-caracteristicas::before {
    content: "Características";
}

html[lang="en"] .field--name-field-caracteristicas::before {
    content: "Features";
}




.field--name-field-caracteristicas {
    display:flex;
    flex-direction:column;
    row-gap:1rem;
}




/************************** FIN LOCACIONES INTERNAS ***********************/

/************************* ZONA RODAR EN CARTAGENA ************************/

.box-rod-2 P {
    font-size: 1.2rem;
}

.box-ut .item-serv:nth-child(1) h3:before {
    content:"\F3E8";
   
}
.box-ut .item-serv:nth-child(2) h3:before {
    content:"\F5D1";
   
}
.box-ut .item-serv:nth-child(3) h3:before {
    content:"\F5E2";
   
}
.box-ut .item-serv:nth-child(4) h3:before {
    content:"\F467";
   
}
.box-ut .item-serv:nth-child(5) h3:before {
    content:"\F52F";
   
}
.box-ut .item-serv:nth-child(6) h3:before {
    content:"\F43B";
   
}


/************************* FIN ZONA RODAR EN CARTAGENA ************************/

/************************** PROYECCIONES HOME *************************/

.view-proy .view-content {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    
}


.proy-loc a {
    color:var(--color5);
}



/************************** FIN PROYECCIONES HOME **********************/


/************************** ENCABEZADOS INTERNOS **************************/
.enc02 h1 {
    color:white;
    font-weight:600;
    font-size:3.3rem
}

.enc02 p {
    color:white;
    font-weight:400;
    font-size:1.1rem;
    margin-bottom: 0;
}
.enc02-img {
top: 50%;
    transform: translateY(-50%);
}

.cat-img img{
    transition: .5s ease;
    overflow: hidden;
}

.box-cat-item:hover .cat-img img {
    scale:1.05
}

/************************ FIN ENCABEZADOS INTERNOS ********************/

/************************ MENU PRINCIPAL ***************************/

#navbarSupportedContent {
    border-top: 1px solid lightgray;
    padding-top: .5rem;
}
.menu01 .nav-item {
    text-transform: uppercase;
    font-size: .9rem;
}

.menu01 .navbar-nav {
    gap:2rem
}

.navbar-collapse {
    justify-content: center !important;
}

.menu02 ul {
    display:flex;
    flex-direction: row;
    gap:1rem;
    
}
 .menu02 .nav-item a{
     text-transform:uppercase;
     font-size:.9rem;
     opacity:.4
     
 }
 .menu02 .nav-item a:hover{
     opacity:1
     
 }
 
 .footer1 ul {
     list-style: none;
     padding-left:0;
 }

 .footer1 li {
     margin-top: 5px;
     opacity: .6;
 }
 
 .navbar.fixed {
      position: fixed;
      top: 0;
      z-index: 100;
      width:100%;
       box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }
    
    
    .navbar {
      position: relative;
     transition: top 0.5s ease, box-shadow 0.5s ease;
     background-color: var(--color8);
    }
    
    .menu-item-mv {
    display: none;
}

 

 

/************************ FIN MENU PRINCIPAL ***************************/


/********************** MOSAICO DIRECTORIOS ****************************/

.view-dir .dir-item {
    aspect-ratio: 3 / 1.2;
}

.dir-item .views-field, .dir-item .field-content {
    height: 100%;
    display: block;
}

.dir-item h3 {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--color5);
}

.dir-item .ctg-dir {
    font-size: 1.1rem;
    color: var(--color1);
    font-weight: 600;
}

.dir-box:after {
    content:"\F138";
    font-family: "Bootstrap-icons", "Bootstrap Icons";
    font-size: 2rem;
    position: absolute;
    bottom: .5rem;
    right: 3rem;
    font-weight: 600;
    color: var(--color1);
    transition:.5s ease;
}

.dir-item:hover .dir-box:after {
    right:1rem;
}





/********************** FIN MOSAICO DIRECTORIOS ****************************/

/************************** FILTROS DIRECTORIOS ***************************/
html[lang="es"] .fct-cat:before {
    content:"Categoría"
}

html[lang="en"] .fct-cat:before {
    content:"Category"
}

html[lang="es"] .fct-txt:before {
    content:"Palabra clave"
}


html[lang="en"] .fct-txt:before {
    content:"Keyword"
}







.fct-cat:before,
.fct-txt:before {
    font-weight:600;
    font-size:.9rem
}
.fct-txt .form-item,
.fct-txt .form-text,
.fct-txt .form-actions{
    margin:0;
    padding:0
}
.fct-txt .form--inline
 {
    display: flex;

    align-items: center;
     gap:.5rem
}
.fct-txt .form-text {
    height: 38px;
   border-radius:5px;
    border: 2px solid lightgray;
    padding-left: 5px;
}

.fct-loc {
        display: flex;
    justify-content: center;
    gap: .5rem;
}

.facets-widget-dropdown  select {
    max-width:100%;
    height: 38px;
    border-radius:5px;
    border: 2px solid lightgray;
    color:grey
}

.fct-loc .fct-but {
    display:flex;
    flex-direction:column;
    justify-content:end;
    width:150px
}

.fct-loc .fct-but .but01 {
    margin-bottom:0;
    height: 38px;
    position: relative;
    width: 100%;
    font-family: var(--fuente2);
}

.fct-loc .fct-but .but01 a {
    height:100%;
    width:100%;
    background-color: #6c757d;
    font-size:1rem;
    font-weight:400;
    position: absolute;
    border:1px solid grey;
    border-radius:5px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:white;
    text-decoration:none
}

.fct-loc .fct-but .but01 a:hover {
    text-decoration:none;
    opacity:.6
}





/************************* FIN FILTROS DIRECTORIOS ***************************/


.ico-text p {
    margin-bottom:0;
    color:var(--color1);
    text-align:center;
    font-size:4rem;
    font-weight:700
}

.item-func-txt p {
    margin-bottom:0;
    font-size:1.1rem
}

.social-media-links--platforms {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.social-media-links--platforms a {
    color: var(--color1);
}

.social-media-links--platforms a:hover {
    opacity: .6;
}

.box-obras:before {
    font-size:1.5rem;
    font-weight:700;
    border-bottom:2px solid var(--color1);
    display: block;
    margin-bottom: 1.5rem;
}

html[lang="es"] .box-obras::before {
    content: "Obras";
}

/* Inglés */
html[lang="en"] .box-obras::before {
    content: "Works";
}

.field--name-field-obras {
        display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.field--name-field-titulo-obra {
        color: var(--color1);
    font-size: 2rem;
    font-family: var(--fuente1);
    font-weight: 800;
        line-height: 1.2;
}


  /************ANIMACIONES ********/
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}




.animated {
  -webkit-animation-duration: .9s;
  animation-duration: .9s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: .6s
}

.animated2 {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: .3s
}
.animated3 {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0s
}

.animated4 {
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0s
}

.transform_up {
  transform: translateY(20%);
}

.transform_down {
  transform: translateY(-20%);
}

.transform_left {
  transform: translateX(20%);
}

.transform_right {
  transform: translateX(-20%);
}
.animate-bl {
  opacity: 0;
  transition: all .5s;
}

.aparece {
  opacity: 1;
  transform: none;
}




/************FIN ANIMACIONES ********/

/*************CONTACTO *********************/

.cont-info-1 div:before {
font-family: "Bootstrap-icons", "Bootstrap Icons";
    font-size:2.5rem;
    color: var(--color3);
}

.cont-info-1 div {
    display:flex;
    flex-direction: row;
    align-items: center;
    column-gap: 1rem;
        font-size: 1.1rem;
    font-weight: 500;
}

.cont-email:before {
    content:"\F84C";
}
.cont-ph:before {
    content:"\F5BC";
}

.cont-dir:before {
    content:"\F3E8";
}
.cont-hour:before {
    content:"\F293";
}

.cont-pqrsd {
        background-color: var(--color4);
    justify-content: center;
    padding: 1.5rem;
    margin-top: 3rem;
}

.cont-pqrsd span {
    color: var(--color3);
}

.cont-iframe iframe {
    width: 100%;
}


/**************** FIN CONTACTO **************/


/****************** LISTA DE PROYECCIONES ******************/
.view-proy-list .view-content {
        display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
}

.view-proy-list .view-content > * {
    flex-shrink: 0;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.proy-item2 .views-field-nothing,
.proy-item2 .box-proy{
    height:100%
}

.proy-item2 .views-field-nothing .field-content{
    height:100%;
    display:inline-block
}

.proy-info span {
    color:var(--color3);
    font-weight:500
}

.box-proy:hover .proy-yt img {
    scale: 1.1;
}

.box-proy .proy-yt img {
    transition: .5s ease;
}

/************************************* VIDEO HOME *************************/

.eb-video video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  opacity: 1;
  position: absolute;
  top:0
}

.eb-video {
  position: relative;
  height: 0;
  padding-top: 40%;
}

/********************************** BOTONES IDIOMA **************************************************/

.lang-but {
    top: .5rem;
}

.lang-but ul {
display: flex;
list-style: none;
justify-content: end;
column-gap: 1.5rem;
}

.lang-but a {
	display: flex;
	visibility: hidden;
	text-align: center;
	justify-content: center
}
.lang-but a::after {
	visibility: visible;
    background-color: var(--color1);
    padding: .2rem 1.5rem;
    position: absolute;
    border-radius: 5px;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    transition: .5s linear;
    
}

.lang-but .is-active::after {
    background-color: var(--color1);
    opacity: .6;
}

.lang-but ul li:nth-child(1) a::after {
	content:"esp";
}

.lang-but ul li:nth-child(2) a::after {
	content:"eng";
}




/********************************** FIN BOTONES IDIOMA **************************************************/



.region-nav-main {
        display: flex;
    justify-content: space-between;
    width: 100%;
}


.menu-item-movil {
    display: none;
}





/***************************** FIN VIDEO HOME *************************/




/************** FIN LISTA DE PROYECCIONES ******************/




@media (max-width: 1400px) {
 .title-sl {
    font-size: 3rem;
 }
 .txt-sl {
    font-size: 1.1rem;
}
.slide-bg-bottom {
    height: 4rem;
}
}


/****************************** AJUSTES PARA MOVIL ********************************/

@media (max-width: 767px) {
    
.box-imp, .view-dir .view-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.menu02 {
    display: none;
}
.subt1 {
    font-size: 1.5rem;
    font-weight: 500;
}

.line1:after {
    width: 30%;
    height: 2px;
    left: 35%;

}
.line1 {
    margin-bottom: 2rem;
    padding-bottom: .5rem;
}

.enc02 h1 {
    font-weight: 500;
    font-size: 1.8rem;
}
.enc02 p {
    font-size: .9rem;

}

.box-serv {
 grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.grid-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.item-serv .txt-05 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}
.box-rod-2 P {
    font-size: 1rem;
}
.view-loc .view-content {
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.loc-cat {
    font-size: .6rem;
}

.label1 {
    background-color: var(--color1);
    padding: 4px .8rem;
    font-weight: 300;
    top: 4px;
    right: 4px;
}

.loc-dir, .loc-dir1 {
    font-size: .7rem;
}
.loc-box h2, .loc-info h2 {
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 400;
}
.fct-tags {
    display: none;
}
.breadcrumb a {
    font-size: .7rem;
}
.fct-cat {
    width:100%;
}
.facets-widget-dropdown select {
    width: 100%;
}

.fct-cat:before, .fct-txt:before {
    font-weight: 400;
    font-size: .9rem;
}
.h-300 {
    height: 200px;
}
.enc02-img {
    height: 100%;
    width: 140% !important;
}
.dir-item h3 {
    font-size: 1rem;
    font-weight: 500;
}
.dir-item .ctg-dir {
    font-size: .7rem;
    font-weight: 500;
    line-height: 1.2;
}
.dir-box:after {
    font-size: 1.2rem;
    bottom: .1rem;
    right: .5rem;
   
}
.view-dir .dir-item {
    aspect-ratio: 2 / 1.2;
}

.links-sl a {
          padding: .8rem 12.8px .5rem .7rem;
        font-size: .8rem;
        text-align: center;
}

.fct-loc {
    flex-wrap: wrap;
}

.info-imp .txt-02, .txt-02 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
}

.sl-img img {
        width: 250%;
    height: auto;
    max-width: unset;
}

.title-sl {
        font-size: 2rem;
}
    .txt-sl {
        font-size: 1rem;
    }
.slide-bg-bottom {
        height: 2rem;
    }
.view-proy .view-content {
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

    .footer01 .grid-4 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    
    .footer1 div:nth-child(2),
    .footer1 div:nth-child(3) {
        display: none;
    }
    .log-ft {
    padding-right: 5rem;
    padding-left: 5rem;
}

.footer01 {
    text-align: center;
}

.navbar .container {
    justify-content: end;
}
.navbar {
        position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    width: 100%;
}

.box-log {
    position: relative;
    z-index: 99;
}
.menu01 .navbar-nav {
    gap: .8rem;
}

.gleft1 .title-sl {
    font-size: 2rem;
}
.field--name-field-obras, .box-cat-log {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}
.field--name-field-titulo-obra {
    font-size: 1.5rem;
    font-weight: 700;
}
.glabels .field__item {
    padding: 2px .5rem;
    font-size: .6rem;
    font-weight: 500;
}

.fl-seach-loc .js-form-item {
    width: 80%;
}
.group-ph .field--name-field-galeria-de-fotos .field__item {
    width: 23%;
}

.menu-item-mv {
    display: block;
}
.eb-video {
  position: relative;
  height: 0;
  padding-top: 80%;
}

.lang-but {
    top: -30px;
}

.lang-but a::after {
    padding: .1rem 1rem;
    font-weight: 500;

}

.lang-but ul {
    column-gap: 0.5rem;
}

.menu-item-movil {
    display: block;
}




}