@charset "UTF-8";
/*======================
21 enero 2025
02 header
03 menu top
04 Home grid trabajos 
    04.1 Home Slider top
    04.3 about
05. article lightbox images projectos
06 v-light v-dark
07 aling editorial maquetacion
08 magnify popup gallery
09 cursor
10 footer
11 proyectos
12 mobile version

========================*/



:root .v-dark, :root .v-dark-head {
  
    }
    
    
    
div#tip-112{display: none}
.btn.btn-link.jmodedit{display: none}
/*======================

	02 header

========================*/

.site-header .inner-header .main-logo {
    width: 100px;
    pointer-events: all;
}

/*======================

	03 menu top

========================*/

body:not(.v-dark) .site-header {

    background-color: rgba(255, 255, 255, 0);
}

.site-header .extend-container .main-navigation ul.extend-container li a {
    padding: 15px 0px;
}


.classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li:before {
  content: ' | ';
  padding: 0;
  position: relative;
  top: -15px;color:black; margin-right: 30px; min-height: 30px; height: 30px;font-size: 30px
}

.classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li:first-child:before{
  content: '  ';
  padding: 0;
  position: relative;
  top: -2px;color:transparent; margin-right: 30px;
}

@media only screen and (min-width: 992px){
.classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li {
    font-size: 18px;
    display: inline-block;
    margin-left: 30px;
    margin-bottom: 0;
    font-weight: 100;
    padding-bottom: 10px;
    padding-top: 10px; text-transform: uppercase; color: white
}
    }
/*======================

	04 Home grid trabajos

========================*/

.work-inners{overflow: hidden}
.d-grid.dsn-isotope>* {
     margin-left: 0px;
    margin-right: 0px;
}


.work-gallery .work-item:hover .img-next-box img {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
/*=======contenedor textos=========*/

.work-gallery .work-item .img-next-box::before {
   
   background-color: rgba(0, 0, 0, 0.5);
   transition: all 0.5s;  
}


.work-inners .dsn-isotope.dsn-masonry:not(.dsn-show-content) .item-info {
    position: absolute;
    bottom: 0;
   
}

@media only screen and (min-width: 768px){
.grid-md-3.dsn-isotope>* {
    width: calc(33.3333333333% - 0px);
    max-width: calc(33.3333333333% - 0px);
}

}
@media only screen and (min-width: 768px){
.grid-md-3.dsn-isotope>:nth-of-type(n+4) {
    margin-top: 0px;
}
    
    }

@media only screen and (min-width: 768px){
.grid-md-4.dsn-isotope>* {
    width: calc(25% - 0px);
    max-width: calc(25% - 0px);
}
    .grid-md-4.dsn-isotope>:nth-of-type(n+5) {
    margin-top: 0px;
}
}
/*======================

	04.1 Home Slider top

========================*/

.dsn-slider .control-nav {
    position: absolute;
    bottom: 15px;
    right: 0%;
    z-index: 3;
}
.title {

    font-size: 120%;
    letter-spacing: 2px;
}
img.wellcome-slider-logo{max-width: 50%}
.wellcome-slider-text{background-color: rgba(60, 60, 60, 0.95); padding: 5vh; max-width: 30% }
hr.wellcome-slider-line {
  border: 3px solid white; margin: 8% 0px; width: 23%;
 
}
.dsn-slider .dsn-slider-content .slide-content {
    padding-bottom: 12vh;
    padding-top: 12vh;
}
.pb-middle {
    padding-bottom: 10%
}
.position-middle-center {
  top:40%; left:35%
}
/*=======04.3 about =========*/
section.about.v-light{background-color: #f9f9f9!important;}
.section-padding {
    padding-top: var(--margin-padding);
    padding-bottom: var(--margin-padding);
}




/*=======mobile =========*/


@media only screen and (max-width: 980px) {
  .wellcome-slider-text {
    background-color: rgba(60, 60, 60, 0.95);
    padding: 5vh;
    max-width: 50%;
}
  }
@media only screen and (max-width: 700px) {
  .wellcome-slider-text {
    background-color: rgba(60, 60, 60, 0.95);
    padding: 5vh;
    max-width: 70%;
}
    
    #WorkHome{padding-left: 20px; padding-right: 30px}
    div.contetn {padding: 0px 10%}
    div.menu-icon{}
    .next-project{ padding-bottom: 100px}
  }
/*======================

	05 article lightbox images projectos 

========================*/

.mfp-figure figure {
   padding: 3%;  background-color: white
}

.mfp-image-holder .mfp-content {
  background-color: white
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

/*======================

	06 v-light v-dark

========================*/



/*======================

	07 aling editorial maquetacion

========================*/
 div.dsn-container.vertical-align-middle {}

.container-center {
  color: white;
  background: red;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content-center {
  background: #06c;
  flex: 0 0 20px; width: 100%;
}



/*======================

	08 magnify popup gallery

========================*/
.mfp-bg {
    opacity: 1!important;
    background-color: white!important;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #333!important;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: none!important;
    background: #f8f8f8!importnat;
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 0px 0 0px;
    margin: 0 auto;
}
/*======================

	09 cursor
========================*/
.cursor {

  mix-blend-mode: none;
  background-color: #fff;
}
/*======================

	10 footer
========================*/
.background-main {
    background-color: var(--bg-color);
}
.background-section {
    background-color: var(--bg-color);
}
.img-footer-labmatic {width: 80vw; padding-left: 20vw}
.img-footer-logo { padding-top: 20px}
.img-footer-mapa { padding: 20px 18vw; }
@media only screen and (max-width: 991px) {
    .img-footer-labmatic {width: 80vw; padding-left: 10vw}
    .img-footer-mapa { padding: 20px 3vw; }
    .img-footer-logo { padding-top: 20px; padding-left: 60px; width: 100px}
}
/*======================

	11 proyectos
========================*/
.d-grid:not(.d-grid-no-space) {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
/*======================

	12 mobile version
========================*/
@media only screen and (max-width: 700px) {
    .hide-mobile{display:none}
}