@import url("https://fonts.googleapis.com/css2?family=Hepta+Slab:wght@300;400;500;600&display=swap");
:root {
--negro: #1D1D1D;
--gris-1: #3C3C3C;
--gris-2: #9B9B9B;
--gris-3: #C6C6C6;
--gris-4: #F4F4F4;
--marron: #745036;
--blanco: #ffffff;
--padding-general: calc(10.5vw + var(--padding-columna));
--padding-columna: 10px;
--fix-time-msk: .5s; 
--size-custom-cursor-over: 25px
}
::-moz-selection { 
color: var(--blanco);
background: var(--gris-1);
}
::selection {
color: var(--blanco);
background: var(--gris-1);
}/*/*/.fila-general {
padding: 0 var(--padding-general)!important;
}
.columna-general {
padding: 0 var(--padding-columna)!important;
}
.cursor-cont {
position: absolute!important;
z-index: 111111;
mix-blend-mode: exclusion;
transition: all 200ms ease-out;
}
.custom-cursor {
width: 50px;
height: 50px;
border-radius: 100px;
border: 1px solid var(--blanco);
transition: all 200ms ease-out;
position: fixed;
pointer-events: none;
left: 0;
top: 0;
transform: translate(calc(-50% + 15px), -50%);
display: block!important;
}
.custom-cursor2 {
width: 8px;
height: 8px;
border-radius: 100%;
background-color: var(--blanco);
position: fixed;
transform: translate(-50%, -50%);
pointer-events: none;
transition: width .3s, height .3s, opacity .3s;
display: block!important;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: none!important;
}
.hover {
width: var(--size-custom-cursor-over);
height: var(--size-custom-cursor-over);
}
.cursorinnerhover {
width: var(--size-custom-cursor-over);
height: var(--size-custom-cursor-over);
}
.display-none {
display: none!important;
}
@media (max-width: 999px){
.columna-general {
padding: 0!important;
}
}/*/*/* {
font-variant-ligatures: no-common-ligatures;
}
h2 {
font-size: 6vw;
line-height: normal!important;
font-family: 'Hepta Slab', serif;
}
@media (max-width: 999px){
h2 {
font-size: 10vw!important;
}
}
@media (max-width: 689px){
h2 {
font-size: 13vw!important;
}
}/*/*/#slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container .current-menu-item>a:after,
body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container .current-menu-item>a:after,
body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li a:hover:after {
display: none!important;
}
#top .container {
padding: 0 var(--padding-general)!important;
}
.current-lang span {
color: var(--blanco);
}/*/*/.header-cont {
padding: 0 var(--padding-general)!important;
}
.header-titulo-txt {
padding-top: 3.5vw!important;
padding-right: 30px!important;
}
.header-titulo {
padding-bottom: 30px;
}
.header-cont .header-titulo .nectar-split-heading p {
font-size: 5.7vw;
font-family: 'Hepta Slab', serif;
color: var(--blanco);
font-weight: 400;
}
.header-cont .header-titulo .nectar-split-heading p > span {
line-height: 20px;
}
.header-txt {
padding-top: 30px;
padding-bottom: 30px;
color: var(--gris-2);
}
.header-txt > div:last-child > div {
padding: 0 var(--padding-columna)!important
}
.header-year p {
font-family: 'Hepta Slab', serif;
color: var(--gris-2);
padding-top: 10px;
}
.header-img-mask-cont {
cursor: none;
padding-left: 30px!important;
}
.header-img-cont {
width: 50%!important;
overflow: hidden;
}
.header-tapa-negra-cont .header-tapa-negra {
opacity: 1;
animation: anima-img 2s;
animation-fill-mode: forwards;
animation-delay: calc(var(--fix-time-msk) + 1s);
background: var(--negro)!important;
height: 50%!important;
}
.header-tapa-negra-cont .header-tapa-negra:nth-child(4) {
right: 0;
animation-delay: calc(var(--fix-time-msk) + 1.1s);
}
.header-tapa-negra-cont .header-tapa-negra:nth-child(3) {
left: 0;
animation-delay: calc(var(--fix-time-msk) + 1.2s);
}
.header-tapa-negra-cont .header-tapa-negra:nth-child(2) {
right: 0;
top: 0;
animation-delay: calc(var(--fix-time-msk) + 1.3s);
}
.header-img-cont .wpb_wrapper > .img-with-aniamtion-wrap:last-child {
position: relative;
z-index: 20!important;
width: 100%;
}
.header-tapa-negra-cont,
.header-tapa-negra-cont * {
height: 100%!important;
}
@keyframes anima-img {
0%{
opacity: 1;
}
5%{
opacity: 0;
}
10%{
opacity: 1;
}
15%{
opacity: 0;
}
20%{
opacity: 1;
}
100%{
opacity: 0;
}
}
.header-scroll-1,
.header-scroll-2 {
font-family: 'Hepta Slab', serif;
color: var(--gris-1);
font-weight: 700;
padding: 200px 0 20px 0!important;
}
.header-scroll-2 {
padding-top: 20px!important;
}
.header-scroll-2 div {
color: var(--gris-3)!important;
}
.header-scroll-1 .nectar-scrolling-text-inner__text-chunk,
.header-scroll-2 .nectar-scrolling-text-inner__text-chunk {
padding-left: 4vw!important;
}
.header-luz {
z-index: 10;
position: absolute;
width: 300px;
height: 300px;
border-radius: 1000px;
background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%);
mix-blend-mode: overlay;
position: fixed;
transition: all 200ms ease-out;
left: calc(calc(-50vw + 25px) - var(--padding-general) + 50px);
top: -150px;
}
.header-msk {
z-index: 20!important;
}
@media (max-width: 999px){
.header-titulo-txt,
.header-img-mask-cont {
padding: 0!important;
}
.header-cont .header-titulo .nectar-split-heading p {
font-size: 10vw!important;
}
}
@media (max-width: 689px){
.header-scroll-1 {
padding-top: 100px!important;
}
}/*/*/.proyectos-subtitulo {
color: var(--gris-1);
font-family: 'Hepta Slab', serif;
font-size: 2.5vw;
font-size: 48px;
line-height: normal;
}
.proyectos-masonry-grid .nectar-post-grid-filters {
padding-top: 7vw!important;
}
.proyectos-masonry-grid .nectar-post-grid-filters h4 {
display: none!important;
}
.proyectos-masonry-grid .nectar-post-grid-filters > div:last-child {
display: block!important;
}
.proyectos-masonry-grid .nectar-post-grid,
.proyectos-subtitulo {
padding-top: 4vw!important;
}
.nectar-post-grid-filters > div > a {
font-family: 'Hepta Slab', serif;
font-weight: 600;
font-size: 14px;
color: var(--gris-2);
}
.nectar-post-grid-filters > div > a:hover,
.nectar-post-grid-filters > div > a.active {
color: var(--gris-1);
}
.nectar-post-grid-wrap[data-style=content_overlaid] .nectar-post-grid[data-grid-item-height*=vh][data-masonry=yes] .nectar-post-grid-item {
min-height: 400px!important;
}
.nectar-post-grid .post-heading span {
display: none;
}
@media (max-width: 999px){
.proyectos-masonry-grid .nectar-post-grid {
margin: 0!important;
}
}
@media (max-width: 689px){
.proyectos-subtitulo {
font-size: 30px;
}
}/**/.project-title h1 {
font-family: 'Hepta Slab', serif!important;
line-height: normal!important;
font-weight: 300!important;
font-size: 5vw!important;
padding-bottom: 20px!important;
}
.proyecto-txt-cont > div > .wpb_wrapper {
padding: 100px 8.5vw!important;
}
.proyecto-txt p {
color: var(--gris-2)!important;
}
.proyeto-negrita {
font-family: 'Hepta Slab', serif!important;
font-weight: 500!important;
font-size: 20px!important;
text-transform: uppercase!important;
color: var(--gris-1);
}
.sidebar-proyecto p {
display: flex;
flex-direction: column;
padding: 0!important;
}
.sidebar-proyecto p > .proyeto-negrita {
padding-top: 20px;
}
.sidebar-proyecto p > .proyeto-negrita:first-child {
padding-top: 0;
}
#portfolio-nav {
padding-bottom: 150px;
background: var(--blanco)!important;
}
#portfolio-nav .controls {
display: flex!important;
justify-content: space-between!important;
flex-wrap: nowrap;
}
#portfolio-nav li {
width: 49%!important;
align-items: flex-end!important;
display: flex!important;
}
.sidebar-proyecto p > .proyeto-negrita:after {
content: '';
width: 50px!important;
height: 2px!important;
background: var(--gris-1)!important;
display: block;
margin: 15px 0!important;
}
.fancybox-caption.fancybox-caption--separate {
display: none!important;
}
.container-wrap .bottom_controls h3 .text {
text-align: left!important;
font-family: 'Hepta Slab', serif!important;
text-transform: uppercase;
font-size: 30px;
font-weight: 400;
}
.container-wrap .bottom_controls .controls li {
padding: 2% 5%!important;
background: var(--gris-1)!important;
transition: .4s;
}
.container-wrap .bottom_controls .controls li:hover {
background: var(--negro)!important;
}
.container-wrap .bottom_controls .controls li .proj-bg-img {
display: none!important;
}
.container-wrap .bottom_controls .controls h3 {
margin: 0!important;
transform: translateX(0)!important;
}
.container-wrap .bottom_controls .controls .previous-project * {
text-align: right!important;
}
.container-wrap .bottom_controls .controls .next-project * {
text-align: left!important;
}
.container-wrap .bottom_controls .controls .previous-project {
justify-content: flex-end!important;
}
.container-wrap .bottom_controls .controls .next-project {
justify-content: flex-start!important;
}
.container-wrap .bottom_controls .controls .previous-project .prev-img,
.container-wrap .bottom_controls .controls .next-project .prev-img {
min-width: 13vw!important;
height: 250px!important;
position: relative!important;
opacity: 1!important;
margin: 0 20px!important;
background-position: center!important;
background-size: cover!important;
}
.container-wrap .bottom_controls .controls li:after {
background: none!important;
}
.container-wrap[data-nav-pos=after_project_2] .bottom_controls .only span:not(.text) {
text-align: left!important;
}
.proyecto-datos > div > .wpb_wrapper * {
margin: 0!important;
}
.proyecto-datos {
padding-left: 30px!important;
}
.proyecto-datos > div > .wpb_wrapper *:nth-child(even) {
margin-bottom: 30px!important;
}
.container-wrap .bottom_controls .controls svg,
.container-wrap .bottom_controls .controls .line {
display: none!important;
}
.container-wrap .bottom_controls .controls h3 > span {
padding-bottom: 20px!important;
}
.container-wrap .bottom_controls .controls h3 > span:last-child:after {
content: url(https://demo5.miltrescientosgramos.com/wp-content/uploads/2023/10/proyect-arrow.svg);
display: block;
bottom: 0;
position: relative;
width: 100px!important;
}
.previous-project h3 > span:last-child:after {
left: 100%!important;
transform: translateX(-100%) scale(-1, 1)!important; 
}
@media (max-width: 999px){
.proyecto-datos {
padding-left: 0!important;
padding-top: 50px!important;
}
.container-wrap .bottom_controls .controls .previous-project:after,
.container-wrap .bottom_controls .controls .next-project:before {
display: none!important;
}
#portfolio-nav li {
width: 100%!important;
margin-top: 20px;
padding-top: 30px!important;
padding-bottom: 30px!important;
}
#portfolio-nav li:first-child {
order: 2;
}
#portfolio-nav li:last-child {
order: 1;
}
.container-wrap .bottom_controls .controls .previous-project:after,
.container-wrap .bottom_controls .controls .next-project:before {
display: block!important;
height: 150px!important;
}
.container-wrap .bottom_controls h3 .text {
font-size: 25px;
}
.proyectos-masonry-grid.fila-general {
padding-left: calc(var(--padding-general) / 2)!important;
padding-right: calc(var(--padding-general) / 2)!important;
}
.container-wrap .bottom_controls .controls .prev-img {
width: 50%!important;
min-width: 50%!important;
}
}
@media (max-width: 689px){
.project-title h1 {
font-size: 14vw!important;
padding-bottom: 20px!important;
}
.proyecto-txt-cont > div > .wpb_wrapper {
padding: 50px 8.5vw!important;
}
}
@media (max-width: 500px){
#portfolio-nav .controls li {
display: flex!important;
flex-direction: column;
}
#portfolio-nav .controls li {
align-items: flex-start!important;
}
#portfolio-nav .controls .prev-img {
margin-left: 0!important;
}
.container-wrap .bottom_controls .controls .previous-project * {
text-align: left!important;
}
.previous-project h3 > span:last-child:after {
left: 0%!important;
transform: translateX(0) scale(-1, 1)!important;
}
}/*/*/#metodo h2 {
font-weight: 400;
padding-top: 8vw!important;
}
.metodo-txt,
.metodo-txt-doble p{
line-height: 1.5!important;
padding-top: 20px!important;
}
.metodo-txt {
padding-top: 30px!important;
color: var(--gris-2);
}
.metodo-txt-doble {
padding: 80px calc(var(--padding-general) + 3vw)!important;
}
.metodo-txt-doble p {
color: var(--gris-4);
}
.metodo-scrolling-txt-1,
.metodo-scrolling-txt-2 {
font-family: 'Hepta Slab', serif;
color: var(--gris-2);
font-size: 5vw!important;
line-height: normal;
text-transform: lowercase;
left: 50vw;
transform: translateX(-50vw);
}
.metodo-scrolling-txt-1 {
padding-top: 10.5vw;
}
.img-scroll-txt-1,
.img-scroll-txt-2 {
padding: 0 var(--padding-general);
}
.img-scroll-txt-1 img,
.img-scroll-txt-2 img {
width: 100%!important;
}
#metodo-2 {
padding-top: 6vw!important;
background: var(--gris-1);
-webkit-box-shadow: inset 0px 23vw 0px 0px var(--gris-4);
-moz-box-shadow: inset 0px 23vw 0px 0px var(--gris-4);
box-shadow: inset 0px 23vw 0px 0px var(--gris-4);
}
.metodo-txt-doble {
padding: 0 10vw;
}
@media (max-width: 689px){
.metodo-scrolling-txt-1,
.metodo-scrolling-txt-2 {
font-size: 13vw!important;
}
.metodo-scrolling-txt-1 {
padding-top: 6vw;
}
#metodo-2 {
-webkit-box-shadow: inset 0px 29vw 0px 0px var(--gris-4);
-moz-box-shadow: inset 0px 29vw 0px 0px var(--gris-4);
box-shadow: inset 0px 29vw 0px 0px var(--gris-4);
}
.metodo-txt-doble {
padding: 40px var(--padding-general) 80px var(--padding-general)!important;
}
}/*/*/.hacemos-titulo {
font-family: 'Hepta Slab', serif;
color: var(--gris-2);
font-weight: 400!important;
padding-top: 100px;
line-height: normal!important;
font-size: 2.7vw;
}
.hacemos-txt {
padding: 60px 0!important;
}
body[data-form-submit=regular] .container-wrap button[type=submit],
.hacemos-btn {
background: var(--gris-4)!important;
padding: 20px 0 20px 30px!important;
width: max-content;
left: 50%!important;
transform: translateX(-50%)!important;
position: relative;
display: flex;
align-items: center;
margin-bottom: 120px!important;
cursor: pointer;
overflow: hidden;
border-radius: 0!important;
line-height: 12px!important;
}
.container-wrap button[type=submit]:focus {
background: var(--gris-4)!important;
}
body[data-form-submit=regular] .container-wrap button[type=submit] {
color: var(--gris-1);
padding: 20px 0 20px 30px!important;
margin-bottom: 0!important;
opacity: 1!important;
left: 0!important;
transform: translateX(0)!important;
}
.wpcf7-form-control.wpcf7-submit:hover {
background: var(--gris-4)!important;
}
.wpcf7-form-control.wpcf7-submit span,
.hacemos-btn span {
color: var(--gris-1);
font-size: 25px;
font-weight: 500;
}
.wpcf7-form-control.wpcf7-submit img,
.hacemos-btn img {
position: relative;
padding-left: 10px;
width: 30px!important;
top: 0;
right: 0;
transition: .4s;
}
.wpcf7-form-control.wpcf7-submit img:last-child,
.hacemos-btn img:last-child {
top: 50px;
right: 50px;
transform: translateX(-100%);
}
.wpcf7-form-control.wpcf7-submit:hover img,
.hacemos-btn:hover img {
top: -50px;
right: -50px;
}
.wpcf7-form-control.wpcf7-submit:hover img:last-child,
.hacemos-btn:hover img:last-child {
top: 0;
right: 0;
}
.wpcf7-spinner {
background: var(--gris-3);
}
.wpcf7-spinner::before {
background: var(--gris-1);
}
@media (max-width: 999px){
.hacemos-titulo {
font-size: 5vw!important;
}
}
@media (max-width: 689px){
.hacemos-titulo {
font-size: 8vw!important;
}
}/*/*/.contacto-formulario-cont {
padding: 0 calc(var(--padding-general) + 50px) 0 100px!important;
}
.contacto-formulario-cont label {
display: flex;
width: 100%;
justify-content: space-between;
}
.contacto-formulario-cont label > span:first-child {
font-family: 'Hepta Slab', serif;
color: var(--gris-1);
font-weight: 400!important;
padding-right: 10px;
}
.contacto-formulario-cont label > span:nth-child(2) {
width: 80%!important;
}
.contacto-txt-formu {
top: 50%!important;
transform: translateY(-50%)!important;
}
.formulario-legal-txt {
padding-bottom: 10px!important;
}
#contacto .wpcf7-list-item span,
.formulario-legal-txt {
font-size: 10px!important;
color: var(--blanco)!important;
line-height: 1.4!important;
width: 100%!important
}
#contacto .wpcf7-list-item {
margin: 0!important;
}
#contacto input[type="checkbox"] {
margin-left: 0!important;
}
@media (max-width: 999px){
.contacto-formulario-cont {
padding-top: 100px!important;
padding-bottom: 100px!important;
}
}
@media (max-width: 689px){
.contacto-formulario-cont {
padding: 100px 30px!important;
}
}/**/.wpcf7-form textarea,
.wpcf7-form input {
background: none;
border: none;
border-bottom: 1px solid var(--gris-3)!important;
border-radius: 0!important;
padding: 0;
font-size: 20px!important;
right: 0!important;
position: relative;
color: var(--gris-2);
}
.wpcf7-form textarea {
resize: none;
height: 100px;
}
.wpcf7-form input[type="submit"] {
border: none!important;
}
.wpcf7-form textarea:focus,
.wpcf7-form input:focus {
border: none;
border-bottom: 1px solid var(--gris-2)!important;
box-shadow: none;
}
.wpcf7-form-control-wrap,
.wpcf7 form > *:nth-last-child(2) {
display: flex!important;
flex-direction: column!important;
align-items: flex-end!important;
padding: 0!important;
}
.wpcf7-response-output,
.wpcf7-not-valid-tip {
padding: 0!important;
margin: 0!important;
background: none!important;
box-shadow: none!important;
color: var(--marron)!important;
text-align: right;
}
.wpcf7-response-output {
border: none!important;
margin-bottom: 100px!important;
font-weight: 400;
}
.wpcf7 form[data-status="sent"] .wpcf7-response-output {
color: var(--marron)!important;
}
.contacto-formulario-cont .contacto-txt a {
color: var(--gris-2);
}
.contacto-formulario-cont .contacto-txt  {
line-height: 1.5!important;
}
.contacto-logo-cont.proyecto-activo .column-bg-overlay {
background: var(--blanco)!important;
}
@media (max-width: 999px){
.contacto-txt-formu {
top: 0!important;
transform: translateY(0)!important;
}
}/*/*/.politicas-cont-txt {
padding-bottom: 100px!important;
}
.politicas-cont-txt a {
text-decoration: underline;
}
.politicas-cont-txt h2 {
font-size: 30px!important;
margin-top: 30px;
}/*/*/.copyright-cont {
font-size: 14px!important;
position: absolute;
bottom: 15px;
color: var(--gris-2);
}
.copyright-cont a {
color: var(--gris-4);
}
@media (max-width: 999px){
.copyright-cont {
position: relative;
bottom: 0;
padding-top: 50px;
}
.contacto-formulario-cont {
padding-bottom: 15px!important;
}
}