/*
	Theme Name: Daniel Bengoa Web
	Theme URI: danielquino.com
	Description: Tema para la web Daniel Bengoa
	Autor: Daniel Quino Ángeles
	Template: hello-elementor
	Version: 1.0
	License: GNU General Public Licence v2 or later
*/


/* Custom property */
:root{
    /* Fuentes */
    --fuentePrincipal: "Flama", Sans-serif;
    --fuenteSecundaria: "Flama", Sans-serif;
    --fuenteDestacada: "Flama", Sans-serif;
	
    /* Colores */
    --colorBase: #000000;
    --colorEnfasis: #000000;
    --colorTexto: #000000;
	--colorNegro: #000000;
	--colorNegro1: #151515;
	--colorVerde: #00F1A5;
	--colorPlomo1: #777777;
	--colorMorado: #9700FF;
	--colorBlanco1: #DEE0D8;
}


html { font-size: 62.5%; }
html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: none !important; box-sizing: border-box; } 
body { font-family: var(--fuentePrincipal); font-weight: normal; font-size: 16px; font-size: 1.6rem; overflow-x: hidden; }

*, *:before, *:after {
    box-sizing: inherit; /* (Paul Irish hack) */
}

a { color:#fff; }
a:hover { color:#fff; }



/*
	Header
	Solo el logo en position absolute
*/
.sec-header {  }
.elementor-element-edit-mode .sec-header { position: static; }
.sec-header .web-logo { left:calc( 50% - 50px); }
.sec-header .web-logo a {  }
.sec-header .web-logo a img {  }
.sec-header .web-logo.fixed-dqa { position:fixed; } 
@media only screen and (min-width: 768px) {
	.sec-header .web-logo { left:calc( 50% - 72px); }
}


/*
	Fotográfo - Portada
*/
.page-fotografo {  }
.page-fotografo.hide-page { display:none; }
.main-grid.theme-1 {  }
.main-grid.theme-1 .portada {  }
.main-grid.theme-1 .portada img { width:100%; vertical-align:bottom; }


/*
	Fotográfo - Listado
*/
.main-grid.theme-1 {  }
.main-grid.theme-1 .lista { display:flex; flex-wrap: wrap; }
.main-grid.theme-1 .lista .item { box-sizing: border-box; flex: 0 0 100%; /*aspect-ratio: 1.5534;*/  overflow:hidden; }
.main-grid.theme-1 .lista .item a { display: block; position:relative; width: 100%; height: 100%; }
.main-grid.theme-1 .lista .item img { object-fit:cover; width:100%; height:100%; }
.main-grid.theme-1 .lista .item .overlay { background-color: rgba(0,0,0,0.63); position: absolute; z-index: 99; height:100%; width:100%; top:0; left:0; display:flex; flex-wrap: wrap; justify-content:center; align-content:center; text-align:center; }
.main-grid.theme-1 .lista .item .overlay h4 { font-size:2.4rem; line-height: 1em; font-weight:400; text-transform:uppercase; margin:0 0 2rem 0; color: var(--colorBlanco1); }
.main-grid.theme-1 .lista .item .overlay span { font-size:2.2rem; line-height: 1em; font-weight:300; border-bottom:1px solid var(--colorBlanco1); color: var(--colorBlanco1); }
.main-grid.theme-1 .lista .item img { transform: scale(1); transition: top .2s ease,left .2s ease-out,opacity .2s ease-out,transform .2s ease-out; }
.main-grid.theme-1 .lista .item a:hover img { transform: scale(1.5); }
.main-grid.theme-1 .lista .item a .overlay { opacity:0; transform:scale(1.3);  }
.main-grid.theme-1 .lista .item a:hover .overlay { opacity: 1; transform: scale(1); transition: top .2s ease,left .2s ease-out,opacity .2s ease-out,transform .2s ease-out; }
@media only screen and (min-width: 768px) {
	.main-grid.theme-1 .lista .item { flex: 0 0 50%; }
}
@media only screen and (min-width: 1024px) {
	.main-grid.theme-1 .lista .item { flex: 0 0 33.33%; aspect-ratio: 1.33534; }
}
@media only screen and (min-width: 1440px) {
	.main-grid.theme-1 .lista .item .overlay h4 { font-size:3.2rem; }
	.main-grid.theme-1 .lista .item .overlay span { font-size:2.4rem; }
}

/*
	Fotógrafo - Autor
*/ 
.main-grid.theme-1 {  }
.main-grid.theme-1 .lista .item.autor { display: flex; align-items: center; padding:3rem 2rem 3rem 2rem; }
.main-grid.theme-1 .lista .item.autor .fila { display:flex; flex-wrap:wrap; width:100%; }

.main-grid.theme-1 .lista .item.autor .colum.lg-12 { width:60%; }

.main-grid.theme-1 .lista .item.autor .fila .colum.lg-1 { box-sizing: border-box; flex: 0 0 73%; padding:0 1.5rem 0 0; }
.main-grid.theme-1 .lista .item.autor .fila .colum.lg-2 { box-sizing: border-box; flex: 0 0 27%; }
.main-grid.theme-1 .lista .item.autor h1 { font-size:2.8rem; line-height:1em; font-weight:600; padding:0; margin:0 0 2rem 0 }
.main-grid.theme-1 .lista .item.autor p { font-size:1.4rem; line-height:1.3em; font-weight:400; padding:0 0 0 0; margin:0; text-align:justify; }
.main-grid.theme-1 .lista .item.autor span.explora { display: flex; align-items: center; font-size:1.2rem; line-height:1.1em; font-weight:400; padding:0; margin:0 0 1rem 0; }
.main-grid.theme-1 .lista .item.autor ul { list-style:none; margin:0; padding:0; }
.main-grid.theme-1 .lista .item.autor ul li { list-style:none; margin:0 0 0.5rem 0; padding:0; color:#000; }
.main-grid.theme-1 .lista .item.autor ul li a { font-size:1.5rem; color:#000; transition:.2s all; }
.main-grid.theme-1 .lista .item.autor ul li a::before { content:''; width:1.4rem; height:1.4rem; display:inline-block; background-repeat:no-repeat; background-size:contain; background-position:center; margin:0 0.5rem 0 0; }
.main-grid.theme-1 .lista .item.autor ul li a::before { background-image:url('images/arrrow-r.png'); }
.main-grid.theme-1 .lista .item.autor ul li a.fono { font-size:1.1rem; }
.main-grid.theme-1 .lista .item.autor ul li a.fono::before { background-image:url('images/ico-phone.png'); width:1.4rem; height:1.4rem; }
.main-grid.theme-1 .lista .item.autor ul li a:hover { color:rgba(0,0,0,0.8); margin-left:1rem; }
.main-grid.theme-1 .lista .item.autor span.explora:before { content:''; width:1rem; height:1rem; display:inline-block; background-repeat:no-repeat; background-size:contain; background-position:center; margin:0 0.5rem 0 0; }
.main-grid.theme-1 .lista .item.autor span.explora:before { background-image:url('images/ico-explora.png'); width:1.6rem; height:2rem; }
@media only screen and (min-width: 1024px) {

}
@media only screen and (min-width: 1280px) {
	.main-grid.theme-1 .lista .item.autor { padding:2rem 3rem 2rem 3rem; }
	.main-grid.theme-1 .lista .item.autor p { font-size:1.25rem; }
}
@media only screen and (min-width: 1440px) {
	.main-grid.theme-1 .lista .item.autor { padding:2rem 2rem 2rem 4rem; }
	.main-grid.theme-1 .lista .item.autor h1 { font-size:3.2rem; }
	.main-grid.theme-1 .lista .item.autor p { font-size:1.35rem; }
}
@media only screen and (min-width: 1920px) {
	.main-grid.theme-1 .lista .item.autor { padding:2rem 2rem 2rem 7rem; }
	.main-grid.theme-1 .lista .item.autor p { font-size:1.6rem; }
}




/*
	Home - Listado quino
*/
.grid-home {  }
.grid-home {  }
.grid-home.static { position:static; } /* ojo testear la solución en movil, aveces la altura era cero */
.grid-home.hide-page { display:none; }

.main-grid.theme-2 {  }
.main-grid.theme-2 .lista { display:flex; flex-wrap: wrap; }
.main-grid.theme-2 .lista .item { box-sizing: border-box; flex: 0 0 50%; /*aspect-ratio: 0.5333;*/ aspect-ratio: 0.64; overflow:hidden; }
/*.main-grid.theme-2 .lista .item:last-child { flex: 0 0 100%; aspect-ratio:1.0667; }*/
.main-grid.theme-2 .lista .item a { display: block; position:relative; }
.main-grid.theme-2 .lista .item img { object-fit:cover; /*aspect-ratio: 0.5333;*/ aspect-ratio: 0.64; width:100%; height:100%; }
.main-grid.theme-2 .lista .item .overlay { background-color: rgba(0,0,0,0.63); position: absolute; /*z-index: 99;*/ z-index: 2; height:100%; width:100%; top:0; left:0; display:flex; flex-wrap: wrap; justify-content:center; align-content:center; text-align:center; }
.main-grid.theme-2 .lista .item .overlay h4 { font-size:2.8rem; line-height: 1em; font-weight:400; text-transform:uppercase; margin:0 0 2rem 0; color: var(--colorBlanco1); }
.main-grid.theme-2 .lista .item .overlay span { font-size:2.2rem; line-height: 1em; font-weight:300; border-bottom:1px solid var(--colorBlanco1); color: var(--colorBlanco1); }
.main-grid.theme-2 .lista .item img { transform: scale(1); transition: top .2s ease,left .2s ease-out,opacity .2s ease-out,transform .2s ease-out; }
.main-grid.theme-2 .lista .item a:hover img { transform: scale(1.5); }
.main-grid.theme-2 .lista .item a .overlay { opacity:0; transform:scale(1.3);  }
.main-grid.theme-2 .lista .item a:hover .overlay { opacity: 1; transform: scale(1); transition: top .2s ease,left .2s ease-out,opacity .2s ease-out,transform .2s ease-out; }

.main-grid.theme-2 .lista .item .label-1 { position: absolute; /*z-index: 99;*/ z-index: 1; bottom:0; left:0; opacity:1; transition:.2s; padding:2rem; }
.main-grid.theme-2 .lista .item .label-1 h4 { font-size:1.3rem; font-weight:300; text-transform:uppercase; color:#fff; position:relative; padding-left:1.5rem; }
.main-grid.theme-2 .lista .item .label-1 h4::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content:'\f0da'; width:1rem; height:100%; display:inline-block; position:absolute; top:0; left:0; }
.main-grid.theme-2 .lista .item a:hover .label-1 { opacity:0; }


@media only screen and (min-width: 768px) {
	.main-grid.theme-2 .lista .item { flex: 0 0 25%; }
}
@media only screen and (min-width: 1024px) {
	.main-grid.theme-2 .lista .item { /*flex: 0 0 20%;*/ flex: 0 0 25%; }
}
@media only screen and (min-width: 1440px) {
	.main-grid.theme-2 .lista .item .overlay h4 { font-size:3.6rem; }
	.main-grid.theme-2 .lista .item .overlay span { font-size:2.4rem; }
}





/*
	Footer
*/
.wirdget-menu-redes {  }
.wirdget-menu-redes .menu-redes { list-style:none; display:flex; flex-wrap: wrap; gap:0rem; justify-content: center; margin:0; padding:0; }
.wirdget-menu-redes .menu-redes li { list-style:none; display:inline-flex; width:100%; justify-content:center; margin:0 0 1rem 0;  }
.wirdget-menu-redes .menu-redes li a { font-family: var(--fuentePrincipal); font-weight: 600; color:var(--colorNegro1); font-size:2.2rem; line-height: 1em; border-bottom:1px solid transparent; }
.wirdget-menu-redes .menu-redes li a:hover { border-color: var(--colorNegro1); }
@media only screen and (min-width: 1024px) {
	.wirdget-menu-redes .menu-redes { gap:10rem; }
	.wirdget-menu-redes .menu-redes li { display:inline-flex; width:auto; margin:0;  }
}


/*
	Pre footer
*/
.sec-pre-footer hr { width: 100%; margin: 0; border: none; border-top: 1px solid rgba(0,0,0,0.3); transform-origin: 0; transition: transform 1.5s cubic-bezier(.6,.14,0,1) .5s; }
.sec-pre-footer:not(.show) hr { transform: scaleX(.01); }


/*
	Video Preload
*/
.sec-video-intro {  }
#video-container { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999; background-color:#fff; }
#video-container video { width:100%; height:100vh; }
.elementor-element-edit-mode #video-container { position: static; }








/* Acordeon Horizontal */
.dqa-acordion-horizontal { transform: translateX(100%); overflow: hidden; z-index: 3; position: relative; position: fixed; width: 100%; height: 100%; visibility:hidden; opacity:0; transition:.3s all; }
.dqa-acordion-horizontal.visible {  visibility: visible; opacity: 1; z-index: 999;
  transition: transform 0.3s ease; transform: translateX(0%);  }
.dqa-acordion-horizontal .item-dqa-acordion { padding-left: 3.2rem; height:100%; }
.dqa-acordion-horizontal .item-dqa-acordion { transition: left .5s,padding-left .2s; box-shadow: -4px 0 20px rgba(0,0,0,.08); }
@media only screen and (min-width: 1024px) { 
	.dqa-acordion-horizontal .item-dqa-acordion { padding-left: 6.8rem; }
}

.dqa-acordion-horizontal .item-dqa-acordion.one { background: #ffffff; }
.dqa-acordion-horizontal .item-dqa-acordion.two { background: #9700FF; }
.dqa-acordion-horizontal .item-dqa-acordion.three { background: #777777; }

.dqa-acordion-horizontal .item-dqa-acordion.two,
.dqa-acordion-horizontal .item-dqa-acordion.three { position: absolute; z-index: 2; right: 0; top: 0; bottom: 0; } 

.dqa-acordion-horizontal .item-dqa-acordion.two { left: calc(100% - 6.4rem); }
.dqa-acordion-horizontal .item-dqa-acordion.three { left: calc(100% - 3.2rem); }
@media only screen and (min-width: 1024px) { 
	.dqa-acordion-horizontal .item-dqa-acordion.two { left: calc(100% - 14rem); }
	.dqa-acordion-horizontal .item-dqa-acordion.three { left: calc(100% - 7rem); }
}

.dqa-acordion-horizontal .item-dqa-acordion .label { text-transform: uppercase; cursor: pointer; /*background-color:cyan;*/ }
.dqa-acordion-horizontal .item-dqa-acordion .label { position: absolute; top: 0; bottom: 0; left: 0; width: 3.2rem; }
@media only screen and (min-width: 1024px) { 
	.dqa-acordion-horizontal .item-dqa-acordion .label { width: 7rem; }
}

.dqa-acordion-horizontal .item-dqa-acordion .label__inner { display: inline-block; text-align: right; /*background-color: red;*/ }
.dqa-acordion-horizontal .item-dqa-acordion .label__inner { position: relative; width: 40rem; top: 56rem; left: 0.4rem; }
.dqa-acordion-horizontal .item-dqa-acordion .label__inner { transform: rotate(-90deg); transform-origin: left top; }
.dqa-acordion-horizontal .item-dqa-acordion .label__inner { font-size:1.6rem; font-weight:600; color:#000; }
@media only screen and (min-width: 1024px) { 
	.dqa-acordion-horizontal .item-dqa-acordion .label__inner { font-size:3rem; }
	.dqa-acordion-horizontal .item-dqa-acordion .label__inner { position: relative; width: 40rem; top: 56rem; left: 1.8rem; }
}
.dqa-acordion-horizontal .item-dqa-acordion .data { overflow: hidden; display: inline-block; }
.dqa-acordion-horizontal .item-dqa-acordion .data { width:100%; height: calc(100vh - 145px); height: -webkit-fill-available; }
.dqa-acordion-horizontal .item-dqa-acordion .data .data__inner { height: 100vh; overflow-y: auto; overflow-x: hidden; }
.dqa-acordion-horizontal .item-dqa-acordion .data .data__inner { box-sizing: border-box; padding: 15rem 1rem 2rem 1rem; }
@media only screen and (min-width: 1024px) {
	.dqa-acordion-horizontal .item-dqa-acordion .data .data__inner { box-sizing: border-box; padding: 16rem 10rem 6rem 10rem; }	
}


.dqa-acordion-horizontal .item-dqa-acordion.one .data .data__inner { background: #ffffff; }
.dqa-acordion-horizontal .item-dqa-acordion.two .data .data__inner { background: #9700FF; }
.dqa-acordion-horizontal .item-dqa-acordion.three .data .data__inner { background: #777777; }

.dqa-acordion-horizontal .item-dqa-acordion.one .data .data__inner { width:calc(100% - 2*3.2rem); min-width: 20rem; }
.dqa-acordion-horizontal .item-dqa-acordion.two .data .data__inner { width:calc(100% - 3.2rem); min-width: 20rem; }
.dqa-acordion-horizontal .item-dqa-acordion.three .data .data__inner { width:100%; }
@media only screen and (min-width: 1024px) {
	.dqa-acordion-horizontal .item-dqa-acordion.one .data .data__inner { width:calc(100% - 2*6.8rem); min-width: 40rem; }
	.dqa-acordion-horizontal .item-dqa-acordion.two .data .data__inner { width:calc(100% - 6.8rem); min-width: 40rem; }
	.dqa-acordion-horizontal .item-dqa-acordion.three .data .data__inner { width:100%; }
}

.dqa-acordion-horizontal .item-dqa-acordion.one.open { left: 0px; }
.dqa-acordion-horizontal .item-dqa-acordion.two.open { left: 3.2rem; }
.dqa-acordion-horizontal .item-dqa-acordion.three.open { left: 6.4rem; }
@media only screen and (min-width: 1024px) {
	.dqa-acordion-horizontal .item-dqa-acordion.one.open { left: 0px; }
	.dqa-acordion-horizontal .item-dqa-acordion.two.open { left: 7rem; }
	.dqa-acordion-horizontal .item-dqa-acordion.three.open { left: 14rem; }
}

.dqa-acordion-horizontal.three .item-dqa-acordion.one { left: 0rem; }
.dqa-acordion-horizontal.three .item-dqa-acordion.two { left: 3.2rem; }
@media only screen and (min-width: 1024px) { 
	.dqa-acordion-horizontal.three .item-dqa-acordion.one { left: 0rem; }
	.dqa-acordion-horizontal.three .item-dqa-acordion.two { left: 7rem; }
}

/*
  Menu de opciones
*/
.menu-list-options { margin:0 0 4rem 0; }
.menu-list-options ul { list-style:none; margin:0; padding:0; display:flex;  }
.menu-list-options ul li { list-style:none; margin:0; padding:0.5rem 0 0.5rem 0; }
.menu-list-options ul li:nth-child(1) { border-right:1px solid #000; padding-right:2rem; }
.menu-list-options ul li:nth-child(2) { padding-left:2rem; }
.menu-list-options ul li a { font-size:1.8rem; font-weight:300; padding: 0.2rem 1.2rem 0.2rem 1.2rem; }
.menu-list-options ul li a { display: block; text-decoration: none; color:var(--colorNegro1); text-transform:uppercase; }
.menu-list-options ul li a { border:3px solid transparent; border-radius:2rem; transition:.2s all; }
.menu-list-options ul li a::after { content:''; width:1.6rem; height:1.6rem; display:inline-block; margin-left:1rem; }
.menu-list-options ul li a::after { background-size:contain; background-repeat:no-repeat; background-position:center; } 
.menu-list-options ul li a:hover { border-color:var(--colorVerde); } 
.menu-list-options ul li.active a { border-color:var(--colorVerde); } 
.menu-list-options .btn-lista::after { background-image:url('images/ico-lista-n.png'); }
.menu-list-options .btn-grid::after { background-image:url('images/ico-grid-n.png'); }
@media only screen and (min-width: 1024px) { 
	.menu-list-options { margin:0 0 6rem 0; }
	.menu-list-options ul li { padding:1rem 0 1rem 0; }
	.menu-list-options ul li a { font-size:2.5rem; padding: 0.4rem 2rem 0.4rem 2rem; }
	.menu-list-options ul li a::after { width:2rem; height:2rem; }
}

.item-dqa-acordion.two .menu-list-options ul li a { color:#fff; }
.item-dqa-acordion.two .menu-list-options ul li:nth-child(1) { border-color: #fff; }
.item-dqa-acordion.two .menu-list-options .btn-lista::after { background-image:url('images/ico-lista-b.png'); }
.item-dqa-acordion.two .menu-list-options .btn-grid::after { background-image:url('images/ico-grid-b.png'); }

.item-dqa-acordion.three .menu-list-options ul li a { color:#fff; }
.item-dqa-acordion.three .menu-list-options ul li:nth-child(1) { border-color: #fff; }
.item-dqa-acordion.three .menu-list-options .btn-lista::after { background-image:url('images/ico-lista-b.png'); }
.item-dqa-acordion.three .menu-list-options .btn-grid::after { background-image:url('images/ico-grid-b.png'); }


/*
  List Theme 1
  Fotógrafos
*/
.one .data-list { display: none; opacity:0; visibility:hidden; transition:.2s all; }
.one .data-list.active { display: block; opacity:1; visibility:visible; }
.two .data-list { display: none; opacity:0; visibility:hidden; transition:.2s all; }
.two .data-list.active { display: block; opacity:1; visibility:visible; }
.three .data-list { display: none; opacity:0; visibility:hidden; transition:.2s all; }
.three .data-list.active { display: block; opacity:1; visibility:visible; }

.list-theme-1 { list-style:none; margin:0; padding:0; }
.list-theme-1 li { list-style:none; margin:0 0 1.5rem 0; padding:0; }
.list-theme-1 li a { font-size:2rem; line-height: 1em; }
.list-theme-1 li a { text-decoration: none; display:block; font-weight:600; color: transparent; text-transform:uppercase; }
.list-theme-1 li a { -webkit-text-stroke: 2px black; transition:.2s all; }
.list-theme-1 li a:hover { color:#000; }
@media only screen and (min-width: 1024px) { 
	.list-theme-1 li { margin:0 0 3rem 0; }
	.list-theme-1 li a { font-size:7.4rem; }
}

.item-dqa-acordion.one .list-theme-1 li a { -webkit-text-stroke: 1px black; }
.item-dqa-acordion.one .list-theme-1 li a:hover { color:#000; }
@media only screen and (min-width: 1024px) { 
	.item-dqa-acordion.one .list-theme-1 li a { -webkit-text-stroke: 2px black; }
}

.item-dqa-acordion.two .list-theme-1 li a { -webkit-text-stroke: 1px #fff; }
.item-dqa-acordion.two .list-theme-1 li a:hover { color:#fff; }
@media only screen and (min-width: 1024px) { 
	.item-dqa-acordion.two .list-theme-1 li a { -webkit-text-stroke: 2px #fff; }
}

.item-dqa-acordion.three .list-theme-1 li a { -webkit-text-stroke: 1px #fff;  }
.item-dqa-acordion.three .list-theme-1 li a:hover { color:#fff; }
@media only screen and (min-width: 1024px) { 
	.item-dqa-acordion.three .list-theme-1 li a { -webkit-text-stroke: 2px #fff;  }
}


/*
  Grid Theme 1
  Fotógrafos
*/
.data-grid { display: none; opacity:0; visibility:hidden; transition:.2s all; }
.data-grid.active { display: block; opacity:1; visibility:visible; }
.grid-theme-1 { display:flex; /*gap:3rem;*/ gap: 3rem 0; flex-wrap: wrap; /*justify-content: space-between;*/ }
.grid-theme-1 .item { flex: 0 0 100%; }
.grid-theme-1 .item .wrapper-all {  }
.grid-theme-1 .item .wrapper-all .wrapper-imagen {  }
.grid-theme-1 .item .wrapper-all .wrapper-imagen a { display:block; }
.grid-theme-1 .item .wrapper-all .wrapper-imagen img { width:100%; vertical-align:bottom; }
.grid-theme-1 .item .wrapper-all .wrapper-label { margin:1rem 0 0 0; }
@media only screen and (min-width: 1024px) { 
	.grid-theme-1 .item { /*flex: 0 0 calc(33.33% - 3rem);*/ flex: 0 0 33.33%;  }
}

.grid-theme-1 .item .fotografo-name { position:relative; display:inline-block; }
.grid-theme-1 .item .fotografo-name { font-size:1.8rem; padding-left:2rem; }
.grid-theme-1 .item .fotografo-name::before { display: flex; align-items: center; }
.grid-theme-1 .item .fotografo-name::before { position:absolute; width:1rem; height:100%; top:0; left:0; }
.grid-theme-1 .item .fotografo-name::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content:'\f0da'; color: #9700ff; }
@media only screen and (min-width: 1024px) { 
	.grid-theme-1 .item .fotografo-name { font-size:2.4rem; padding-left:2rem; }
}



/*
  Menu Vertical
*/
.widget-menu-vertical { /*position: absolute; bottom: 4rem; left: 41%; z-index: 999;*/ }
.menu-dqa-vertical { visibility:hidden; opacity:0; transition:.3s all; }
.menu-dqa-vertical.visible { visibility:visible; opacity:1; }
.menu-dqa-vertical .wrapper-menu { position:fixed; bottom:4rem; left:50%; transform: translateX(-50%); z-index:999; }
.menu-dqa-vertical .wrapper-menu ul { display: flex; list-style:none; padding:0; margin:0; width:fit-content; border-radius:1rem 1rem 1rem 1rem; overflow:hidden; }
.menu-dqa-vertical .wrapper-menu ul li { list-style:none; padding:0; margin:0; }
.menu-dqa-vertical .wrapper-menu ul li { display:inline-flex; }
.menu-dqa-vertical .wrapper-menu ul li a { font-size:1.6rem; }
.menu-dqa-vertical .wrapper-menu ul li a { display:block; color:#fff; background-color:rgba(0,0,0,0.6); text-decoration:none; }
.menu-dqa-vertical .wrapper-menu ul li a { padding:1rem 1.2rem 1rem 1.2rem; transition:.2s all; }
.menu-dqa-vertical .wrapper-menu ul li a:hover { background-color:var(--colorVerde); color:#000; }
.menu-dqa-vertical .wrapper-menu ul li.active a { background-color:var(--colorVerde); color:#000; }
@media only screen and (min-width: 1440px) {
	.menu-dqa-vertical .wrapper-menu ul li a { font-size:1.8rem; }
}

.menu-dqa-vertical-back {  }
.menu-dqa-vertical-back { visibility:hidden; opacity:0; transition:.3s all; }
.menu-dqa-vertical-back.visible { visibility:visible; opacity:1; }
.menu-dqa-vertical-back .wrapper-menu { position:fixed; bottom:4rem; left:50%; transform: translateX(-50%); z-index:999; }
.menu-dqa-vertical-back .wrapper-menu ul { display: flex; list-style:none; padding:0; margin:0; width:fit-content; border-radius:1rem 1rem 1rem 1rem; overflow:hidden; }
.menu-dqa-vertical-back .wrapper-menu ul li { list-style:none; padding:0; margin:0; }
.menu-dqa-vertical-back .wrapper-menu ul li { display:inline-flex; }
.menu-dqa-vertical-back .wrapper-menu ul li a { font-size:1.6rem; }
.menu-dqa-vertical-back .wrapper-menu ul li a { display:block; color:#fff; background-color:rgba(0,0,0,0.6); text-decoration:none; }
.menu-dqa-vertical-back .wrapper-menu ul li a { padding:1rem 2rem 1rem 5rem; transition:.2s all; }
.menu-dqa-vertical-back .wrapper-menu ul li a:hover { background-color:var(--colorVerde); color:#000; }
.menu-dqa-vertical-back .wrapper-menu ul li.active a { background-color:var(--colorVerde); color:#000; }
.menu-dqa-vertical-back .wrapper-menu ul li a::before { display:flex; justify-content:center; align-items:center; }
.menu-dqa-vertical-back .wrapper-menu ul li a::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content:'\f060'; width:1rem; height:100%; position:absolute; top:0; left:2rem; }
@media only screen and (min-width: 1440px) {
	.menu-dqa-vertical-back .wrapper-menu ul li a { font-size:1.8rem; }
}





/*
	Galerias
*/
    .dqa-gal { background-color:#000; position: relative; opacity:0; visibility:hidden; transition: .5s all; /*display:none;*/ position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; }
    .dqa-gal.visible { opacity:1; visibility:visible; /*display:block;*/ }

    .swiper { background-color:#000; }
    .swiper .swiper-slide { width: auto; height: auto; display: flex; align-items: center; transition: opacity .3s; }
    .swiper .swiper-slide { opacity: .1; }
    .swiper .swiper-slide-active { opacity: 1; }
    .slide-inner { max-height: 100vh; }
    .photo { display: block; width: 100%; } 
    @media only screen and (min-width: 768px) {
    	.photo { display: block; max-height: 100vh; width: auto; } 
    }
    .swiper-button-next, .swiper-button-prev { position: absolute; top: 0; bottom: 0; min-width: 30%; height: 100%; z-index: 2; }
    .swiper-button-next, .swiper-button-prev { border: 0; background: transparent; }
    .swiper-button-next:after, .swiper-button-prev:after { content:''; }
    .swiper-button-prev { left: 0; cursor: w-resize; }
    .swiper-button-next { right: 0; cursor: e-resize; }

    .swiper { width: 100%; height: 100vh; }
    .swiper-v2 { width: 100%; height: 100vh; }
    

/*
   Thumbnails
*/
/*
.thumbnails-wrapper { display: block; position: absolute; width: 100%; bottom: 0; left: 0; right: 0; z-index: 9; text-align: center; }
.thumbnails-wrapper .mySwiperThum { display: inline-block; vertical-align: bottom; }
.thumbnails-wrapper .swiper-slide { width: auto !important; }
.thumbnails-wrapper .swiper-slide { opacity: 0.6; transition: opacity .3s; }
.thumbnails-wrapper .swiper-slide-thumb-active { opacity: 1; }
.thumbnails-wrapper .swiper-slide:hover { opacity: 1; }
.thumbnails-wrapper .thumbnail { height: 72px; width: auto; cursor: pointer; display: block; transition: opacity .3s; }
*/

.thumbnails-wrapper .mySwiperThum { position: absolute; width: 100%; bottom: 0; left: 0; z-index:9; }
.thumbnails-wrapper .mySwiperThum { cursor: pointer; box-sizing: border-box  }
.thumbnails-wrapper .mySwiperThum .swiper-slide { width:72px; height:72px; text-align:center; overflow:hidden; }
.thumbnails-wrapper .mySwiperThum .swiper-slide img { width:100%; /*width: auto;*/ height:100%; object-fit:cover; /*object-position: top;*/ }
.thumbnails-wrapper .mySwiperThum .swiper-slide { opacity: 0.6; transition: opacity .3s; }
.thumbnails-wrapper .mySwiperThum .swiper-slide-thumb-active { opacity: 1; }

@media only screen and (min-width: 768px) {
	/*
	.thumbnails-wrapper .mySwiperThum { width: 40%; text-align: center; left: 30%; overflow: hidden; }
	*/
}


/*
  Título de galería
*/
.title-gal { position: absolute; z-index: 9; left: 24px; top: 24px; color: #fff; font-size: 1.4rem; text-transform: uppercase; letter-spacing: .04em; font-weight: 500; text-decoration:none; }
.title__state-1, .title__state-2 { transition: opacity .3s,transform .3s; }
.title__state-2 { opacity: 0; position: absolute; white-space: nowrap; left: 1.4rem; transform: translateX(50px); }
.title-gal:hover .title__state-1 { opacity: 0; }
.title-gal:hover .title__state-2 { opacity: 1; transform: translateX(0); }


/*
  Info Gal
*/
.info-wrapper-gal { position: absolute; right: 0; top: 0; z-index: 9999; padding-right: 2rem; padding-top: 2rem; }
.info-wrapper-gal .btn { padding: 0; background: transparent; border: 0; position: relative; z-index: 3; }
.info-wrapper-gal .btn i { color:#fff; font-size:2.2rem; }
 .info-wrapper-gal .info-box.visible { opacity: 1; pointer-events: auto; }
.info-wrapper-gal .info-box { position: absolute; right: 0; top: 0; background: rgba(0,0,0,.5); color: #fff; letter-spacing: .01em; pointer-events: none; opacity: 0; transition: opacity .4s; width: 305px; height: auto; padding: 3.2rem 8.2rem 1.8rem 3.2rem; -webkit-backdrop-filter: blur(100px); backdrop-filter: blur(100px); }
.info-wrapper-gal .info-box .label { display: block; font-size:1.6rem; font-weight:600; margin: 0 0 0.5rem 0; text-transform:uppercase; }
.info-wrapper-gal .info-box .value { display: block; font-size:1.6rem; font-weight:300; margin:0 0 1.5rem 0; }
.info-wrapper-gal .info-box .list-actions { list-style:none; margin:0; padding:0; }
.info-wrapper-gal .info-box .list-actions li { list-style:none; margin:0 0 0.8rem 0; padding:0; }
.info-wrapper-gal .info-box .list-actions li a { display:flex; text-decoration:none; vertical-align:middle; }
.info-wrapper-gal .info-box .list-actions li a::before { content:''; width: 2.2rem; height: 2.2rem; margin-right: 0.5rem; display:inline-block; background-repeat:no-repeat; background-size:contain; background-position:center; }
.info-wrapper-gal .info-box .list-actions li a.btn-share::before { background-image:url('images/ico-share.png'); }
.info-wrapper-gal .info-box .list-actions li a.btn-insta::before { background-image:url('images/ico-instagram.png'); }
.info-wrapper-gal .btn { cursor:pointer; }


/*
		Menu nosotros
*/
.menu-nosotros { list-style:none; margin:0; padding:0; }
.menu-nosotros li { list-style:none; padding:0 0 0 0; margin:0 0 1.5rem 0; }
.menu-nosotros li a { display:inline-block; font-size:3rem; line-height: 1em; font-weight:600; color:#959595; transition:.3s all;  border-bottom:1px solid transparent; }
.menu-nosotros li a:hover { color:#000; border-color:#000; }
.menu-nosotros li a.active { color:#000; border-color:#000; }
.menu-nosotros li:last-child { margin:0 0 0 0; }

/*
		Nosotros
*/
.texto-nosotros-1 {  }
.texto-nosotros-1 p::before { content: ''; width: 0.8em; height: 0.8em; display: inline-block; margin-right: 1.6rem; }
.texto-nosotros-1 p::before { background-image:url('images/ico-1.png'); background-repeat:no-repeat; background-position:center; background-size:contain; }

.text-contacto {  }
.text-contacto a { color:#000; }
.text-contacto a:hover { color:rgba(0,0,0,0.6); }


/*
	Foto Nuestro Equipo
*/
.img-equipo-nosotros { position:relative; }
@media only screen and (min-width: 1280px) { 
	.img-equipo-nosotros::after { content:''; width: 20rem; height:20rem; position: absolute;; right: -10rem; top: -10rem; z-index:-1; }
	.img-equipo-nosotros::after { background-image:url('images/ico-2.png'); background-repeat:no-repeat; background-size:contain; }
}

/*
	Nuestro Equipo  
*/
.sec-nuestro-equipo {  }
.widget-image-equipo { /*width:calc(100% - 70px);*/ width:100%; }
.widget-image-equipo img { width:100%; vertical-align:bottom; }

/*
	Nuestro Equipo - Animación 
*/
.widget-vector-final { position:absolute; right:2rem; top:0; z-index:-1; }
.widget-vector-final .widget-wrapper { position:relative; }
.widget-vector-final .widget-wrapper { width:100px; height:100px; }
.widget-vector-final .widget-wrapper img { width:100%; }
.widget-vector-final .vector-texto { position:absolute; top:0; left:0; }
.widget-vector-final .vector-ico { position:absolute; top:0; left:0; }						
.widget-vector-final .vector-texto img { transform-origin: center center; animation: circleButton_zYIuK 15s linear infinite; }
@media only screen and (min-width: 1280px) { 
	.widget-image-equipo { /*width:calc(100% - 184px);*/ width:calc(100% - 104px); }
	.widget-vector-final .widget-wrapper { width:204px; height:204px; }
}

@keyframes circleButton_zYIuK {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}


/*
		Nosotros - Imagen Panel
*/
.img-panel-nosotros { position:relative; }
.img-panel-nosotros::before { content:''; width:74rem; height:79rem; position:absolute; right:50%; top: 50%; z-index:-1; }
.img-panel-nosotros::before { background-image:url('images/vector-nosotros-v2.png'); background-size:contain; }


/*
	Clientes
*/
.list-clientes { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:2rem; }
.list-clientes li { list-style:none; margin:0; padding:0; flex: 0 0 calc( 33.33% - 2rem ); }
.list-clientes li .wrapper-imagen { display:block; border:3px solid #DEE0D8; border-radius:1rem; }
.list-clientes li .wrapper-imagen img { display:block; filter: grayscale(100%); }
@media only screen and (min-width: 1024px) {
	.list-clientes li { flex: 0 0 calc( 16.6% - 2rem ); }
}

.elementor-element-edit-mode .sub-page-nosotros { position:static; }
.sub-page-nosotros { /*position:absolute; width:100%; top:0; left:0;*/ }
.sub-page-nosotros { /*visibility:hidden; opacity:0;*/ display: none; transition:.3s all; }
.sub-page-nosotros.visible { /*visibility:visible; opacity:1;*/ display:block; }




/* Page Home */
	.page-home { padding:0; margin:0; }	
	.page-home { background-color: #fff; transform: translateX(100%); overflow: hidden; z-index: 3; position: relative; position: fixed; width: 100%; visibility:hidden; opacity:0; transition:.3s all; }
	.page-home.visible {  visibility: visible; opacity: 1; z-index: 999; transition: transform 0.3s ease; transform: translateX(0%); }
	.page-home.visible.static { position:static; } 



/* Page Nosotros */
	.sec-page-nosotros-dqa  { height: auto; overflow: auto; } /*quino*/
	.page-nosotros { padding:0; margin:0; }	
	.page-nosotros { background-color: #fff; transform: translateX(100%); overflow: hidden; z-index: 3; position: relative; position: fixed; width: 100%; visibility:hidden; opacity:0; transition:.3s all; }
	.page-nosotros.visible {  visibility: visible; opacity: 1; z-index: 999;
	transition: transform 0.3s ease; transform: translateX(0%); }
	.page-nosotros.visible.static { position:static; height:100%; } 
	.page-nosotros .page-header { padding:0; margin:0; }
	.page-nosotros .page-header .widget-image { width:100%; }
	.page-nosotros .page-header .widget-image img { width:100%; vertical-align:bottom; }

	/* Sec DQA  */
	.sec-dqa { padding:0; margin:0; }
	.sec-dqa .container-dqa { display:flex; flex-wrap:wrap; width: 100%; margin-right: auto; margin-left: auto; }
	.sec-dqa .col-dqa { width:100%; box-sizing:border-box; display: flex; flex-wrap: wrap; padding:2rem; }
	.sec-dqa .widget-image img { vertical-align:bottom; }
	.sec-dqa .widget-text p { padding:0; margin:0; }
	@media only screen and (min-width: 1024px) {
		/*.sec-dqa .container-dqa { max-width: Min(100%,1140px); }*/
		.sec-dqa .container-dqa { max-width: Min(100%,875px); }		
		.sec-dqa .container-dqa.full { max-width:100%; } 

		.sec-dqa.section-nosotros-5 .container-dqa { max-width: Min(100%,1100px); }
	}

	/* Sec Nosotros 1 */
	.section-nosotros-1 { padding:3rem 0 3rem 0; margin:0 0 0 0; }
	.section-nosotros-1 .widget-image { vertical-align: middle; display: inline-block; margin:0 0 0 0; }
	.section-nosotros-1 .widget-image img { width:100%; }
	.section-nosotros-1 .widget-text p { /*font-size:2.5rem;*/ font-size: 1.85rem; line-height: 1.2em; padding:0; margin:0 0 1rem 0; text-align:justify; }
	.section-nosotros-1 .col-2 .widget-image { margin:0 0 2rem 0; }
	@media only screen and (min-width: 1024px) {
		.section-nosotros-1 { padding:5rem 0 0rem 0; }
		.section-nosotros-1 .col-1 { width:33.33%; }
		.section-nosotros-1 .col-2 { width:66.66%; padding:1rem 1rem 1rem 6rem; }
		.section-nosotros-1 .col-2 { align-self: center; }
		.section-nosotros-1 .col-2 .widget-image { margin:0 0 4rem 0; }
	}
	.img-panel-nosotros { position:relative; }
	.img-panel-nosotros::before { background-image: url(images/vector-nosotros-v2.png); background-size: contain; }
	.img-panel-nosotros::before { content: ''; width: 74rem; height: 79rem; position: absolute; right: 50%; top: 50%; z-index: -1; }


	/* Sec Nosotros 2 */
	.section-nosotros-2 {  }
	.section-nosotros-2 .widget-text span { font-size:1.5rem; line-height:1.2em; color:#959595; font-weight:400; }

	/* Sec Nosotros 3 */
	.section-nosotros-3 {  }
	@media only screen and (min-width: 1024px) {
		.section-nosotros-3 { padding:0 0 8rem 0; }
		.section-nosotros-3 .col-1 { width:25%; }
		.section-nosotros-3 .col-2 { width:75%; }
	}

	/* Sec btn ver trabajos */
	.widget-btn-vertrabajos { text-align:center; }
	.widget-btn-vertrabajos a { font-size: 2rem; line-height: 1em; font-weight: 500; }
	.widget-btn-vertrabajos a { position: relative; display: block; padding:1.5rem 1.5rem 1.5rem 5rem; border-radius:2rem; border:3px solid #00F1A5; color:#000; text-decoration:none; }
	.widget-btn-vertrabajos a:hover { background-color:#00F1A5; }
	.widget-btn-vertrabajos a::before { content:''; width:2rem; height:2rem; position:absolute; left:1.5rem; }
	.widget-btn-vertrabajos a::before { background-repeat:no-repeat; background-size:contain; background-position:center; }
	.widget-btn-vertrabajos a::before { background-image:url('images/ico-arrow-right.svg'); }
	

	/*
		Nosotros - Producción
	*/
	.view-produccion .widget-text p { font-size:1.7rem; font-weight:300; line-height:1.5em; text-align:justify; }

	/*
		Nosotros - Contacto
	*/
	.view-contacto { width:100%; }
	.view-contacto .data-contact-studio { margin:0 0 2rem 0; }
	.view-contacto .data-contact-area {  }
	.view-contacto .data-contact-area .item { margin:0 0 2rem 0; }
	.view-contacto .widget-text {}
	.view-contacto .widget-text h2 { text-transform: uppercase; font-size:2.2rem; line-height: 1.3em; font-weight:600; }
	.view-contacto .widget-text p { font-size:1.7rem; line-height: 1.3em; font-weight:300; }
	.view-contacto .widget-text a { font-size:1.7rem; line-height: 1.3em; font-weight:300; color:#000; }
	@media only screen and (min-width: 1024px) {
		.view-contacto .data-contact-area { display:flex; gap:2rem; }
		.view-contacto .data-contact-area .item { flex:1; }
	}

	/* Sec Nosotros 4 */
	.section-nosotros-4 {  }
	.section-nosotros-4 .col-1 { justify-content:center; }

	/* Sec Nosotros 5 */
	.section-nosotros-5 {  }
	.section-nosotros-5 .container-dqa { position:relative; }
	.section-nosotros-5 .col-1 { flex-direction:column; padding-top: 8rem; }
	.section-nosotros-5 .widget-text { margin-bottom:4rem; }
	.section-nosotros-5 .widget-text span { font-size: 1.5rem; line-height: 1.2em; color: #959595; font-weight: 400; }
	@media only screen and (min-width: 1024px) {
		.section-nosotros-5 { padding: 0 0 15rem 0; }
	}

	/* Sec Nosotros 7 */
	.section-nosotros-7 {  }
	.section-nosotros-7 .col-1 { padding:2rem; }
	.section-nosotros-7 .col-2 { padding:2rem; }
	.section-nosotros-7 .widget-text {  }
	.section-nosotros-7 .widget-text p { /*font-size:3rem;*/ font-size:1.85rem; line-height:1.3em; text-align:justify; padding:0 0 2rem 0; }
	.section-nosotros-7 .col-2 .widget-image { width:100%; margin-bottom:2rem; }
	.section-nosotros-7 .col-2 .widget-image img { width:100%; }
	@media only screen and (min-width: 1024px) {
		.section-nosotros-7 { padding:0 0 0 0; }
		.section-nosotros-7 .col-1 { width:33.33%; padding:0 10rem 0 0; }
		.section-nosotros-7 .col-2 { width:66.66%; }

		.section-nosotros-7 .col-1 .widget-image { align-self: end; }
		.section-nosotros-7 .col-2 .widget-image { margin:0 0 5rem 0; }
		.section-nosotros-7 .col-2 .widget-text { padding:0 24rem 0 0; }
	}



/*
	Btn Top
*/
.widget-btn-top { position: relative; width: 94px; height: 39px;   }
.widget-btn-top .image-black, 
.widget-btn-top .image-green { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.3s ease; }
.widget-btn-top .image-green { opacity: 0; }
.widget-btn-top:hover .image-black { opacity: 0; }
.widget-btn-top:hover .image-green { opacity: 1; }




.sec-main-page { overflow:auto; }