.bloque-inicio-entorno h2 {
font-size: 70px;
line-height: 1;
font-weight: bold;
}
.text-horizontal-white {
position: absolute;
left: 150px;
top: 100px;
}
.port-1-descripcion-proyecto h2 {
margin: 0
}
#filters {
background: rgba(255,255,255,0.8);
padding: 25px;
}
#main, .hero-title, .hero-subtitle, #main-page-content, #hero-bg-image, #footer-container, .post-image, #post-content, .post-article-wrap{
opacity:1!important;
transform:inherit!important;
}
.mostrar-pdf{
display:none;
}
.ocultar-pdf{
display:inherit;
}
#hero .post-title{
line-height:1.2;
}
.bloque-flex-interiorismo-min .bloque-interiorismo-grid {
filter: none;
}
.bloque-flex-interiorismo-min span {
background: white;
padding: 4px 31px;
}
nav {
top: 0;
}
textarea {
font-family: 'helvetica-neue-lt';
}
input[type="text"], input[type="email"], input[type="search"], textarea {
font-family: 'helvetica-neue-lt';
}
.article-content{
width:40vw;
}
.tm-arrow{
display:none;
}
.texto-kit{
padding:0 70px;
}
.bloque-web-entorno{
margin: 100px 70px;
}
#bloque-tengo-un-proyecto .vc_row{
margin: 0 90px;
}
.classic-menu .flexnav li ul{
top:25px;
}
p.texto-video.type-test{
min-height: 100px;
} input#wp-block-search__input-1{
color: white;
}
#open-sidebar i{
color: white;
}
h2#recent-comments{
color: white;
}
a.wp-block-latest-posts__post-title{
color: white;
}
.bauman-sidebar-widget ul li a{
color:white;
}
h2#recent-posts{
color: white;
}
div#sidebar{
background: #222220;
color: white;
} .espacio{
margin:15px 0;
}
footer.wp-block-latest-comments__comment-meta{
background: transparent;
}
#bloque-kit-digital-entorno a{
font-size:25px;
}
.text-320-horizontal p{
line-height: 1.2;
}
.sub-menu .menu-item{
padding: 8px 0;
}
.inner{
vertical-align:inherit;
}
.flexnav.flexnav-show{
padding-top: 50px;
}
#bloque-kit-digital-entorno h2{
font-size: 70px;
line-height: 1.1;
font-weight: bold;
}
section#bloque-kit-digital-entorno{
background: #c1a3ad;
padding-top:100px;
}
#bloque-kit-digital-entorno h3{
font-size: 70px;
line-height: 1;
font-weight: bold;
letter-spacing: 3px;
}
#bloque-kit-digital-entorno p{
font-size: 40px;
width: fit-content;
}
.franja-rosa-kit-enotorno{
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: #c1a3ad;
height: 200px;
z-index: -1;
}
.bloque-svg-kit-entorno{
top:-150px;
z-index:0;
}
strong{
color:#222220;
}
#scene{
margin-top:50px;
}
.portfolio-wrap{
margin-top: 15px;
}
.hero-subtitle{
font-size: 25px;
font-weight: 200;
margin-top: 25px;
}
.hero-title{
font-size: 65px;
line-height: 1;
color:#222220;
font-weight: bold;
height:fit-content;
}
.contenido-te-ayudamos p{
height:35px;
}
.capa-blanca{
position: absolute;
left: 0;
right: 0;
background: white;
bottom: 0;
top: 167px;
}
.capa-blanca-horizon{
position: absolute;
left: 100px;
right: 0;
background: white;
top: 0;
bottom: 0;
}
.bloque-capa-blanca-horizon{
position:relative;
}
.bloque-video-web{
position: relative;
top: -10vw;
}
.bloque-texto-identidad-diseno li:hover{
background: #c5a259;
transition: 1s;
width: fit-content;
color: white;
cursor: pointer;
padding: 0 15px;
}
.bloque-texto-diseno-desarrollo{
padding-left: 70px;
}
.bloque-texto-diseno-identidad-corporativa {
padding-left: 70px;
margin-top:150px;
}
.subrayado {
width: fit-content!important;
position:relative;
padding:0 10px;
}
.subrayado-verde:hover::after{
background: #9ebab0;
width: 100%;
}
.subrayado-rosa:hover::after{
background: #c1a3ad;
width: 100%;
}
.subrayado-amarillo:hover::after{
background: #c5a259;
width: 100%;
}
.subrayado::after{
transform-origin: left;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -8px;
transition: 1s;
width: 1px;
z-index: -1;
height:15px;
}
.texto-svg-kit{
width: 50vw;
margin: 0 auto;
color: white!important;
position: absolute;
left: 0;
right: 0;
top: 30px;
}
.texto-svg-kit strong{
color: white;
}
#hero-image-parallax{
top:0!important;
}
#main-page-content{
transform:inherit!important;	
}
#main{
transform:inherit!important;	
}
.ajax-link{
z-index:9999!important;
}
.bloque-esquema-servicios-min{
display:none;	
}
#col_ppal_mov{
display:none;
}
#filters li a {
font-size: 15px!important;
}
#bloque-tengo-conocenos{
min-height: 100vh;
background-image: url(https://ideade.es/wp-content/uploads/2022/03/fondo-mano-web-01.min_.jpg);  background-attachment: fixed!important;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.texto-paso-kit a {
text-decoration: underline;
}
.columna_responsive{
padding-left:300px;
}
#bloque-cv-conocenos{
background-size:auto 400px!important;
background-position:right -35px!important;
background-repeat:no-repeat!important;
}
.titulo_principal{
margin:0;
font-size:80px;
line-height:1em;
font-weight:bold;
letter-spacing:2px;
}
.texto_principal{
line-height:1;
letter-spacing:0.5px;
}
@media(max-width:800px){
#bloque-tengo-conocenos {
min-height: 600px;
background-size: cover;
background-attachment: inherit!important;
padding-bottom: 11px!important;
}
#col_ppal_mov{
display:block;
}
#col_ppal_pc{
display:none;
}
#bloque-cv-conocenos{
background-size:auto 150px!important;
background-position: right -15px!important;
}
.titulo_principal{
margin:0;
font-size:40px!important;
line-height:1em;
font-weight:bold;
letter-spacing:2px;
}
.columna_responsive{
padding:0!important;
}
#col-cv-conocenos{
padding-left:30px;
padding-right:30px;
}
}
.button-text-bold a{
font-weight:700!important;
}
#bloque-end-agencia {
margin-left: 70px;
padding: 100px 0;
width: 600px;
}
#bloque-end-agencia h3{
font-size:70px;
font-weight:bold;
line-height:1;
}
#bloque-end-agencia p{
color:white;
}
#bloque-end-agencia .boton-blanco {
width: fit-content;
text-align: left;
margin: 0;
height: fit-content;
font-weight: inherit;
padding: 5px 50px;
margin-top: 50px;
}
#bloque-sabemos-loquehacemos h3{
font-size:70px;
font-weight:bold;
line-height:1;
}
#bloque-sabemos-loquehacemos {
width: 750px;
height: 70vh;
margin: 70px;
}
#svg_27{
opacity:0;
transition:1s;
}
.ventajas-produccion:hover #svg_27{
opacity:1;
}
#bloque-grid-interiorismo::-webkit-scrollbar {
height: 8px;
}
#bloque-grid-interiorismo::-webkit-scrollbar-thumb {
background: gray;
border-radius: 4px;
}
#bloque-grid-interiorismo::-webkit-scrollbar-thumb:hover {
background-color: lightgray;
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}
#bloque-grid-interiorismo::-webkit-scrollbar-track {
background: white;
}
#bloque-grid-interiorismo {
height: 620px;
position: sticky!important;
width: 100%;
overflow: hidden;
z-index: 9;
top: 130px;
}
#scroll-grid-interiorismo {
display:flex;
flex-direction:row;
}
#bloque-scroll-produccion{
width: 100vw!important;
padding: 0!important;
overflow: unset;
}
#bloque-scroll-produccion-min{
display:none;
}
.sticky-grid-interiorismo{
width:1px;
height:147vh;
}
.grid-interiroismo {
display: flex;
flex-direction: row;
width: fit-content;
position: absolute;
gap: 5px;
margin: 5px 0;
}
.grid-interiroismo a{
position:relative;
}
.bloque-interiorismo-grid{
width:620px;
height:620px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background-size:contain;
filter: brightness(0.75);
}
#bloque-scroll-produccion span{
padding:20px 0;
color:white;
font-size:30px;
opacity:0;
position:absolute;
top:0;
left:15px;
z-index:99;
line-height:1.1em;
}
#bloque-scroll-produccion p{
color:white;
font-size:18px;
}
.bloque-texto-360 i {
margin-right: 10px;
}
.bloque-texto-360 a {
color: white;
font-weight: bold;
}
.bloque-experiencia-360-min i {
margin-right: 10px;
}
.bloque-experiencia-360-min a {
color: white;
font-weight: bold;
}
section#bloque-rosa-video {
height: 80vh;
display: flex;
align-items: center;
}
.contenido-rosa-video h3 {
font-size: 70px;
font-weight: bold;
line-height:1;
}
.contenido-rosa-video li {
font-weight: bold;
font-size: 20px;
line-height: 1.3;
color:#222220;
}
.contenido-rosa-video a {
font-weight: bold;
}
.contenido-rosa-video i {
margin-right: 10px;
}
.contenido-rosa-video{
width:950px;
margin:0 auto!important;
}
#bloque-video-home{
background-attachment:fixed;
background-size:cover;
}
.horizontal .contenido i {
margin-right: 10px;
}
.horizontal .contenido a {
font-weight: bold;
}
#bloque-franja-digital{
margin-top:150px;	
}
.bloque-experiencia-360-min{
display:none;
}
.wpb_raw_html{
margin:0;   
}
.franja-blanca{
fill:#fff;
transition:1s;
}
#hero-caption{
z-index:-1;
}
#bloque-nuestro-trabajo .wpb_single_image {
margin-bottom:0px!important;
}
.bloque-portfolio-home{
max-height:97vh;
overflow:hidden;
position: relative;
margin: 30px 0;
}
.imagen-full-height-portfolio-home img{
width:480px;
height:100%;
}
html,body{
font-family: "helvetica-neue-lt"!important;
color:#222220;
background:transparent;
}
* {
scrollbar-width: thin;
scrollbar-color: lightgray white;
}
body::-webkit-scrollbar {
width: 8px;
}
body::-webkit-scrollbar-thumb {
background: gray;
border-radius: 4px;
}
body::-webkit-scrollbar-thumb:hover {
background-color: lightgray;
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}
body::-webkit-scrollbar-track {
background: white;
}
h1, h2, h3, h4, h5, h6{
color:#222220;
}
main{
overflow:unset;
}
span{
color:#222220;
}
a{
color:#222220;
}
p{
color:#222220;
font-size:20px;
}
.blog-thumbnails-grid article {
margin: 70px 10px;
width: calc(100% - 20px);
height: fit-content;
float: none;
}
.bg-img-end{
height:700px;
display:flex;
align-items:center;
justify-content:center;
background-position-y:-240px;
background-size:cover;
background-attachment:fixed
}
.article-wrap:before{
content:""
}
.bg-servicios{
background-size:inherit;
background-position-y:33px;
}
.blog-thumbnails-grid .article-img img {
object-fit: inherit;
}
.blog-thumbnails-grid .article-img {
position: relative;
}
.blog-thumbnails-grid .article-img-wrap {
position: relative;
}
.blog-thumbnails-grid .article-link-img {
position: relative;
display: inherit;
}
.blog-thumbnails-grid .article-wrap {
background: white;
padding: 0;
height: auto;
position: relative;
}
header {
background: white!important;
height: 100px;
position: fixed;
top: 0;
transition: top 0.2s ease-in-out;
width: 100%;
}
.flexnav li {
padding-top:0;
padding-bottom:0;
}
.nav-up {
top: -140px!important;
}
#bloque-tabla-kit .wpb_text_column{
margin:0;
} .pasos-kit{
width:500px;
display:flex;
flex-direction:row;
align-items:center;
}
.numero-pasos-kit{
font-size:150px;
line-height:1;
font-weight:bold;
}
.aplicar-kit-digital {
display: flex;
width: 100%;
position: relative;
flex-direction:column;
justify-content:center;
}
.paso-1-kit,.paso-2-kit, .paso-3-kit,  .paso-4-kit{
opacity:0;
}
.texto-paso-kit span {
font-size: 40px;
font-weight: bold;
}
#bloque-texto-kit{
margin:50px 0;
}
#bloque-texto-kit h2{
font-size:60px; 
line-height:1;
font-weight:bold;
}
#bloque-teayudamos-kit h2{
font-size:60px;
color:white;
line-height:1;
font-weight:bold;
}
#bloque-segmentos-kit h2{
font-size:60px;
line-height:1;
font-weight:bold;
}
.bloque-segmentos {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 90%;
margin: 0 auto;
transform:translateX(400px);
}
.segmentos-kit {
width: 500px;
height: 500px;
border-radius: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 20px 0 150px;
}
.segmentos-kit p{
font-size:22px;
}
.segmentos-kit h3 {
margin: 0;
font-weight: bold;
font-size: 35px;
}
span.linea-segmentos {
background: white;
height: 3px;
width: 100px;
left: -50px;
margin: 6px 0 20px 0;
position: relative;
}
.bloque-rosa-kit {
background: #c1a3ad;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
.bloque-texto-inicio-kit{
width: 60vw;
margin: 0 auto;
height:850px;
display:flex;
flex-direction:column;
justify-content:center;
}
.texto-amarillo-kit{
font-size:35px;
color:#c5a259;
}
.bloque-texto-inicio-kit h2{
font-size: 70px;
line-height: 1.2;
font-weight: bold;
z-index:9;
}
.bloque-svg-inicio-kit{
height:auto;
background:#c1a3ad;
}
.svg-kit{
position:relative;
top:-400px;
}
#bloque-teayudamos-kit svg {
width: 70px;
height: 70px;
margin:15px;
}
#bloque-teayudamos-kit h2{
font-size:60px; 
line-height:1;
font-weight:bold;
}
.content-tabla-kit-xs{
width: 100%;
display:flex;
gap:15px;
overflow: hidden;
}
.columnas-tablat-kit-xs{
min-width:45vw;
height:auto;
padding: 10px;
}
.columnas-tablat-kit-xs-carousel{
width:auto;
height:auto;
display:flex;
gap:15px;
overflow-x: scroll;
}
.col-carousel-kit{
min-width: 40vw;
width: 40vw;
padding: 10px;
}
#bloqe-tabla-kit{
display:inherit;
}
#bloque-tabla-kit-xs{
display:none;
}
#bloque-teayudamos-contacto{
height:70vh;
display:flex;
align-items:center;
}
#bloque-teayudamos-contacto h2{
font-size:70px; 
line-height:1;
font-weight:bold;
}
.boton-teayudamos {
width: fit-content;
background: white;
color: #222220;
border: 1px solid #222220;
padding: 15px 30px;
font-size: 20px;
font-weight: bold;
letter-spacing: 1px;
}
#bloque-titulo-tabla-kit h2{
font-size:60px; 
line-height:1;
font-weight:bold;
}
.post-template-default main{
overflow:unset;	
}
.col-hero #hero-caption {
padding: 0;
transform: translateY(0px)!important;
opacity: 1!important;
}
.col-hero {
width: 48%;
position: sticky;
top: 170px;
height: fit-content;
}
.col-content{
width:48%;
}
.col-blog{
padding:0 50px;
display:flex;
flex-direction:row;
justify-content:space-between;
}
#post{
max-width:100vw;
padding:0;
}
.column-blog-max {
width: auto;
margin: 0 -200px;
}
.column-blog-med{
margin:0 100px;	
}
.mega-testimonial-4{
position:relative;	
}
.mega-testimonial-4::before{
content:"“";
font-size:75px;
position:absolute;
top:0;
left:0;
line-height:0.5;
}
#post-content, .post-meta-data, .post-navigation, .post-comments, .post-form{
padding:0!important;
}
#prueba-horizontal{
position:relative!important;
}
.bloque-prueba{
width:200px;
height:100%;
border-radius:100%;
border:1px solid #222220;
}
.contenido-prueba-horizontal{
width:200vw;
height:80vh;
background:coral;
display:flex;
justify-content:space-between;
flex-direction:row;
position:absolute;
bottom:0;
}
.prueba-horizontal{
position:relative!important;
display:flex;
flex-direction:column;
justify-content:end;
background:lightcoral;
width:200vw;
height:100vh;
} .item-wrap{
z-index:999;
}
@font-face {
font-family: 'helvetica_neue_ltbold';
src: url(//ideade.es/wp-content/uploads/2022/02/helvetica-neue-lt-75-bold-webfont.woff2) format('woff2'),
url(//ideade.es/wp-content/uploads/2022/02/helvetica-neue-lt-75-bold-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'helvetica_neue_ltroman';
src: url(//ideade.es/wp-content/uploads/2022/02/helvetica-neue-lt-55-roman-webfont.woff2) format('woff2'),
url(//ideade.es/wp-content/uploads/2022/02/helvetica-neue-lt-55-roman-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
.pin-horizontal{
height:100vh;
}
.imagen-full img{
width:100%;
} p#typewriter-estrategia {
width: 60vw;
margin: 0 auto;
margin-top: 50px;
padding: 0 90px;
min-height: 250px;
}
div#bloque-fin-estrategia-marca {
margin: 0 80px;
}
.contenido-horizontal-produccion {
height: 850px;
margin:0 15px;
}
.bloque-portfolio-home-min{
display:none;
}
.classic-menu .flexnav li a span{
color:#222220;
}
.bloque-inspiradoras-entorno {
margin: 100px 65px;
height: 60vh;
display: flex;
align-items: center;
}
.span-atravesde-estrategia span:after {
content: "";
position: absolute;
left: 0;
top: -9px;
right: 100%;
bottom: -10px;
background-color: #c5a259;
z-index: -1;
transition: 1s;
}
.span-atravesde-estrategia:hover span:after {
width: auto;
right: -15px;
left: -15px;
}
.span-atravesde-estrategia:hover {
border-bottom: none;
}
.span-atravesde-estrategia:hover span {
color:#222220!important;
}
.span-atravesde-estrategia span {
position:relative;
transition:1s;
color:white;
}
.span-atravesde-estrategia {
margin-bottom: 30px!important;
border-bottom: 1px solid white;
transition:1s;
}
.franja-verde-inicio-video-up{
position:absolute;
bottom:0;
}
.typespan{
animation: blinker 1s linear infinite;
}
@keyframes blinker{
50%{
opacity: 0;
}
}
.bloque-subrayador{
position:relative;
display:inline-block;
}
.subrayador{
position:absolute;
width:0px;
height:100%;
background:#c5a259;
left:0;
z-index:-1;
}
.bloque-nos-encargamos-interiorismo{
transform:translateX(-100vw);
}
.bloque-svg-interiorismo{
display:flex;
justify-content:center;
margin-left:100px;
}
.bloque-svg-interiorismo-min{
display:none;
justify-content:center;
margin-left:100px;
}
.circulo-svg-interiorismo{
width: 170px;
height: 170px;
border: 2px solid #222220;
border-radius: 100%;
position: relative;
}
.bloque-contenido-svg-interiorimos{
position: absolute;
width: 2px;
height: 200px;
left: 50%;
top: 50%;
transform-origin:0 0;
}
.linea-svg-interiorismo{
width: 100%;
height: 220px;
background: #222220;
transform: rotate(150deg);
transform-origin: 0 0;
}
.linea-svg-interiorismo::before{
content: "";
position: absolute;
font-weight: bold;
width: 20px;
height: 20px;
left:-10px;
background: #222220;
border-radius:100%;
bottom:0;
}
.linea-svg-interiorismo-2{
width: 100%;
height: 120px;
background: #222220;
transform: rotate(210deg) translate(-2px, 0);
transform-origin: 0 0;
}
.linea-svg-interiorismo-2::before{
content: "";
position: absolute;
font-weight: bold;
width: 20px;
height: 20px;
left:-10px;
background: #222220;
border-radius:100%;
bottom:0;
}
.linea-svg-interiorismo-3{
width: 100%;
height: 150px;
background: #222220;
transform: rotate(300deg) translate(-2px, 0);
transform-origin: 0 0;
}
.linea-svg-interiorismo-3::before{
content: "";
position: absolute;
font-weight: bold;
width: 20px;
height: 20px;
left:-10px;
background: #222220;
border-radius:100%;
bottom:0;
}
.linea-svg-interiorismo-4{
width: 100%;
height: 170px;
background: #222220;
transform: rotate(380deg);
transform-origin: 0 0;
}
.linea-svg-interiorismo-4::before{
content: "";
position: absolute;
font-weight: bold;
width: 20px;
height: 20px;
left:-10px;
background: #222220;
border-radius:100%;
bottom:0;
}
.linea-svg-interiorismo-5{
width: 100%;
height: 220px;
background: #222220;
transform: rotate(430deg);
transform-origin: 0 0;
}
.linea-svg-interiorismo-5::before{
content: "";
position: absolute;
font-weight: bold;
width: 20px;
height: 20px;
left:-10px;
background: #222220;
border-radius:100%;
bottom:0;
}
.texto-svg-interiosismo-1{
transform:rotate(-150deg);
bottom:-50px;
}
.texto-svg-interiosismo-2{
transform:rotate(-210deg);
bottom:-50px;
}
.texto-svg-interiosismo-3{
transform:rotate(-300deg);
bottom:-70px;
}
.texto-svg-interiosismo-4{
transform:rotate(-380deg);
bottom:-45px;
}
.texto-svg-interiosismo-5{
transform:rotate(-430deg);
bottom:-70px;
}
.texto-svg-interiosismo{
position:absolute;
right:0;
left:0;
display:flex;
justify-content:center;
font-size:23px;
}
.sticky-texto-svg{
position:relative!important;
}
.svg-change{
position:absolute;
left:0;
right:0;
width:100%;
}
.svg-change-5, .svg-change-2, .svg-change-3, .svg-change-4 {
opacity:0;
}
.text-line-effect{
opacity:0;	
}
.line-effect {
width: 0%;
position: absolute;
background: white;
height: 100%;
bottom: 0;
border-top: 4px solid #222220;
}
.svg-modo-agencia, .svg-modo-agencia text{
transform:translatex(100vw);
}
#bloque-equipo-agencia{
display:flex;
flex-wrap:wrap;
width:70vw;
margin:0 auto;
-webkit-flex-wrap:wrap;
justify-content:center;
align-items:end;
gap:15px;
margin-bottom:70px;
}
.bloque-persona-equipo-agencia{
position:relative;
margin:10px;
background: #222220;
height: 450px;
width: 325px;
display:flex;
flex-direction:column;
justify-content:flex-end;
}
.texto-persona-equipo {
padding: 15px;
transform: translateY(calc(100% - 80px));
}
.bloque-persona-equipo-agencia:hover .texto-persona-equipo {
transform: translateY(10px);
transition: 1s;
}
.bloque-persona-equipo-agencia span{
font-size: 20px;
color: white;
font-weight: bold;
}
.bloque-persona-equipo-agencia p{
font-size: 16px;
color: white;
line-height:1.3;
}
.eye {
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
background: #222220;
position: absolute;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transition: border .3s ease-out, width .3s ease-out, height .3s ease-out;
-moz-transition: border .3s ease-out, width .3s ease-out, height .3s ease-out;
-o-transition: border .3s ease-out, width .3s ease-out, height .3s ease-out;
transition: border .3s ease-out, width .3s ease-out, height .3s ease-out;
}
.container-eye {
cursor: pointer;
width: 50px;
height: 50px;
position:absolute;
border-radius: 50%;
overflow: hidden;
}
.bloque-ojo {
position: relative;
width: 140px;
}
.bloque-texto-modo-agencia {
display: flex;
flex-direction: row;
gap:30px;
}
.bloque-pupila{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
display:flex;
align-items:center;
justify-content:center;
}
#bloque-inicio-agencia{
height:50vh;
margin:0 50px;
}
#bloque-ojo-agencia{
margin-left:70px;
}
#bloque-inicio-agencia h3{
font-size:70px;
font-weight:bold;
}
#bloque-inicio-agencia p{
font-size:20px;
width:500px;
}
#seccion-imagen-agencia {
height: 100vh;
background-position: center center;
background-size: cover;
background-attachment:fixed;
}
.bloque-texto-ojo {
width: 600px;
position: relative;
}
.contenido-ojo {
position: absolute;
bottom: 0;
right: 180px;
}
.bloque-texto-ojo h2 {
font-size: 70px;
font-weight: bold;
line-height: 1;
}
.bloque-texto-ojo p {
font-size: 20px;
}
.bloque-svg-modo-agencia{
width:220px;
}
#bloque-verde-agencia{
height:100vh;
}
#bloque-verde-agencia h3{
font-size:70px;
font-weight:bold;
line-height:1;
margin:0;
}
section#bloque-texto-equipo-agencia {
margin: 70px 70px;
}
.bloque-palabras-produccion{
position:relative;
width:320px;
display:contents;
}
.bloque-palabras-produccion span{
font-size:70px;
font-weight:bold;
position:absolute;
color:#c5a259;
line-height:1;
}
.bloque-palabras-verde-agencia{
position:relative;
width:320px;
}
.bloque-palabras-verde-agencia span{
font-size:70px;
font-weight:bold;
position:absolute;
color:white;
line-height:1;
}
.palabra-agencia{
opacity:0;
}
.texto-equipo-agencia{
width:650px;
}
.texto-equipo-agencia h3{
font-size:70px;
line-height:1;
font-weight:bold;
}
.texto-equipo-agencia h3 strong{
font-size:70px;
line-height:1;
font-weight:bold;
}
.texto-equipo-agencia p{
font-size:20px;
}
.texto-fin-agencia{
width:60%;
margin:0 auto!important;
}
#bloque-inicio-produccion {
margin-top: 100px;
margin-left: 70px;
height: 60vh;
display: flex;
align-items: center;
}
#bloque-inicio-produccion h2{
font-size:70px;
font-weight:bold;
line-height:1;
}
#bloque-inicio-produccion p{
font-size:20px;
width:690px;
}
.texto-typewrite-inicio{
width:500px;
}
#seccion-video-produccion{
position:relative;
height:100vh;
background-attachment:fixed;
}
#bloque-nuestra-fabrica-produccion h1{
font-size:70px;
font-weight:bold;
line-height:1;
}
#bloque-nuestra-fabrica-produccion p{
font-size:20px;
}
#bloque-nuestra-fabrica-produccion{
height:80vh;
margin-left:70px;
}
#bloque-horizontal-produccion {
width: 1950px;
height: 900px;
}
.contenido-horizontal-produccion p {
font-size: 16px;
line-height:1.3;
}
.contenido-horizontal-produccion h3 {
font-size: 25px;
font-weight: bold;
margin-top: 25px;
}
.texto-horizontal-produccion {
margin: 0 20px;
}
.imagen-contenido-produccion img{
width: 325px;
height: 450px;
}
.bloque-contenido-horizontal-produccion {
display: flex;
flex-direction: row;
padding: 0!important;
position: static!important;
margin:0 50px;
align-items:flex-end;
}
#bloque-fin-produccion {
height: 60vh;
padding-bottom: 35px;
}
#bloque-fin-produccion h3 {
font-size: 70px;
font-weight: bold;
line-height: 1;
margin-left: 70px;
}
.ventajas-produccion{
display:flex;
flex-direction:row;
}
.ventajas-produccion svg {
width: 50px;
border-radius: 100%;
margin-right: 50px;
}
.ventajas-produccion {
display: flex;
flex-direction: row;
align-items: center;
margin-left: 80px;
margin-top:25px;
}
.ventajas-produccion span {
font-size: 20px;
font-weight: bold;
}
#bloque-nuestra-fabrica-produccion svg{
width:70%;
}
.texto-fabrica-produccion{
width:700px;
margin-top:50px;
}
#bloque-inicio-interiorismo-experiencial {
height: 100vh;
background-size: cover;
background-position-y: bottom;
background-attachment:fixed;
}
#bloque-texto-interiorismo {
height: 80vh;
margin: 0 70px;
}
#bloque-texto-interiorismo p{
font-size:20px;
}
#bloque-texto-interiorismo span{
font-size:25px;
margin-bottom:30px;
font-weight:bold;
}
.texto-inicio-interiorismo {
display: flex;
align-items: flex-end;
gap: 29px;
justify-content: center;
height: 400px;
}
.bloque-svg-interiorismo-abc {
position: relative;
align-items: start;
width: 120px;
display: flex;
height: 100%;
transform:translatey(-100vh)
}
.texto-inicio-interiorismo h1 {
display: flex;
align-items: end;
font-size:70px;
font-weight: 600;
color: white;
line-height: 90px;
}
.bloque-inicio-interiorismo {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: start;
gap: 29px;
margin-left:40px;
}
.bloque-nos-encargamos-interiorismo{
margin: 0 70px;
}
.bloque-nos-encargamos-interiorismo h3 {
font-size:70px;
line-height: 1;
font-weight: bold;
}
.bloque-icono-interiorismo {
display: flex;
flex-direction: row;
align-items: center;
margin:15px 0;
}
.bloque-icono-interiorismo img{
margin-right:15px;
}
.bg-end-int{
background-attachment:fixed;
background-size:cover;
height:850px;
display:flex;
align-items:end;
}
.bloque-icono-interiorismo:hover img {
filter: invert(1);
transition: 1s;
}
.bloque-icono-interiorismo span {
font-size: 25px;
font-weight: bold;
}
#bloque-juntos-interiorismo p {
font-size: 20px;
width: 700px;
margin-left:80px;
}
#bloque-juntos-interiorismo h2 {
font-size: 85px;
line-height: 1;
font-weight: bold;
margin-left:80px;
width:700px;
}
.bloque-svg-entorno-abc .letra-svg{
color:#222220!important;
bottom:-10px;
}
#bloque-incio-entorno-digital{
height:70vh;
}
.bloque-inicio-entorno{
display:flex;
flex-direction:row;
align-items:flex-end;
justify-content:start;
gap:29px;
padding-left:45px;
}
.bloque-svg-entorno-abc {
position: relative;
align-items: start;
width: 350px;
display: flex;
height: 100%;
transform: translateX(-100vw);
}
.texto-inicio-entorno h2 {
font-size:70px;
font-weight: 600;
color: #222220;
line-height: 90px;
}
.texto-inspiradoras-entorno p{
font-size:70px;
font-weight: bold;
line-height: 1;
}
.texto-columnas-entorno{
column-count:2;
margin:60px 0;
font-size: 20px;
}
.svg-esquema-entorno{
width:450px;
}
.bloque-web-entorno p {
font-size: 20px;
}
.bloque-web-entorno h2 {
font-size: 70px;
font-weight: bold;
line-height: 1;
}
.texto-fondo-verde{
background-color:#9ebab0;
}
#bloque-tengo-un-proyecto p {
font-size: 25px;
font-weight: bold;
}
.bloque-plan-estrategia p{
font-size:24px;
line-height:1.5;
}
span.texto-plan-bloque-rosa-estrategia {
font-size: 250px;
font-weight: bold;
color: white;
line-height: 1;
position:relative;
}
.bloque-svg-estrategia-marca-abc span{
color:#c1a3ad!important;
line-height:520px;
}
.texto-inicio-estrategia-marca h1 {
display: flex;
align-items: end;
gap: 35px;
font-size:  85px;
font-weight:900;
color: #fff;
line-height: 1;
}
.bloque-svg-estrategia-marca-abc {
position: relative;
align-items: start;
width: 350px;
display: flex;
height: 100%;
transform:translatey(100vh)
}
.texto-fin-estrategia {
width: 90%;
}
#bloque-inicio-estrategia-marca {
height: 100vh;
margin: 0 30px;
overflow:initial;
}
.texto-inicio-estrategia-marca{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content:start;
gap:29px;
position:relative;
margin-bottom:-70px;
}
#bloque-rosa-estrategia-de-marca{
position:relative;
}
.bloque-atravesde-estrategia span{
font-size:20px;
font-weight:600;
color:white;
}
.texto-atravesde {
font-size: 85px;
line-height: 1;
text-align: end;
color: white;
font-weight: 600;
}
.texto-fin-estrategia span{
font-size:  90px;
font-weight: bold;
line-height: 1;
}
.bloque-atravesde-estrategia{
padding-bottom:150px;
cursor:crosshair;
}
.texto-atravesde-estrategia{
margin:20px 0;
opacity:0;
}
.bloque-texto-atravesde-estrategia!important{
padding-top:60px;
}
.strong-texto-fin-strategia {
background-color:#9ebab0;
}
#bloque-rosa-estrategia-de-marca{
padding-top:0!important;
}
.bloque-franja-rosa-up-estrategia{
margin-top:-30px;
z-index:0;
}
.bloque-texto-rosa-estrategia{
width:400px;
min-width:400px;
}
.bloque-animacion-rosa-estrategia{
display:flex;
justify-content:start;
width:60vw;
margin:0 auto;
align-items:center;
padding:0 90px;
}
.bloque-circulos-estrategia {
display: flex;
flex-direction: row;
align-items: center;
width: auto;
justify-content: center;
transform: translateX(600px);
}
.bloque-circulos-estrategia i{
margin:20px;
}
.circulo-discontinuo svg {
position: absolute;
}
.circulo-discontinuo{
display: flex;
flex-direction: column;
position: relative;
width: 325px;
min-width:300px;
height: 300px;
justify-content: center;
align-items: center;
font-size: 70px;
font-weight: 600;
}
.circulo-discontinuo-3 {
background: white;
border-radius: 100%;
}
.svg-underline-plan {
position: relative;
top: -40px;
transform: translateX(-100vw);
}
#bloque-tengo-un-proyecto {
height: auto;
padding-bottom: 60px;
padding-top: 70px;
}
.boton-negro:hover{
position: relative;
z-index: 9999;
color: #222220;
}
.boton-negro:hover::before {
transform: translateX(0%);
}
.boton-negro::before {
content: "";
position: absolute;
background-color: white;
top: 0;
left: 0;
bottom: 0;
right: 0;
transform: translateX(-100%);
transition: all 1s;
z-index:-1;
}
.boton-negro {
color:white;
position: relative;
z-index: 4;
padding: 15px 45px;
background-color: #222220;
font-weight: bold;
overflow: hidden;
display:flex;
justify-content:center;
}
.boton-blanco:hover{
position: relative;
z-index: 9999;
color: white;
}
.boton-blanco:hover::before {
transform: translateX(0%);
}
.boton-blanco::before {
content: "";
position: absolute;
background-color: #222220;
top: 0;
left: 0;
bottom: 0;
right: 0;
transform: translateX(-100%);
transition: all 1s;
z-index:-1;
}
.boton-blanco {
position: relative;
z-index: 4;
padding: 15px 45px;
background-color: white;
border: 1px solid #222220;
font-weight: bold;
width: 200px;
margin: 0 auto;
overflow: hidden;
display:flex;
justify-content:center;
}
a.fbx-next.fbx-btn-transition.fbx-btn-shadow {
background: transparent;
border: none;
box-shadow: none;
color: white!important;
}
a.fbx-prev.fbx-btn-transition.fbx-btn-shadow {
background: transparent;
border: none;
box-shadow: none;
color: white!important;
}
.fbx-rounded .fbx-close {
background: transparent!important;
border: none!important;
color: white!important;
box-shadow: none;
}
.fbx-rounded .fbx-inner {
background-color: white!important;
border: none!important;
}
.logo-svg-diseno{
opacity:0.6
}
.fa-facebook-f:before, .fa-facebook:before {
content: "\f09a";
font-family: 'FontAwesome';
}
.menu-item {
width: fit-content!important;
}
.menu-item:hover::after {
background: #c1a3ad;
width: 90%;
}
.menu-item::after {
transform-origin: left;
content: "";
position: absolute;
left: 5%;
right: 5%;
bottom: -8px;
transition: 1s;
width: 1px;
z-index: -1;
height:15px;
}
.classic-menu .flexnav li ul {
left: 0!important;
right: 0!important;
width: 300px;
background:white;
}
.flexnav li a{
font-family:'helvetica-neue-lt'!important;
}
.menu a{
font-size:18px!important;
}
.flexnav li ul:after{
display:none!important;
}
.flexnav li ul li a{
color:#222220!important;
opacity:1;
}
.menu-item:hover::after {
background: #c1a3ad;
width: 90%;
}
.menu-item::after {
transform-origin: left;
content: "";
position: absolute;
left: 5%;
right: 5%;
bottom: -8px;
transition: 1s;
width: 1px;
z-index: -1;
height:15px;
}
.sub-menu .menu-item:hover::after {
background: #c5a259;
width: 90%;
}
.sub-menu .menu-item::after {
transform-origin: left;
content: "";
position: absolute;
left: 5%;
right: 5%;
bottom: 20px;
transition: 1s;
width: 1px;
z-index: -1;
height:15px;
}
.counter-value::after{
content:"º";
}
.bloque-svg-diseno-abc {
position: relative;
align-items: start;
width: 410px;
display: flex;
height: 100%;
}
.letra-svg {
position: absolute;
font-size: 600px;
left: 0;
right: 0;
bottom: -50px;
color: white;
opacity: 0;
font-weight:bold;
z-index: 99;
height: auto;
line-height: 400px;
}
.texto-nuestro-trabjo {
width: 950px;
margin: 100px auto!important;
}
div#bloque-botones-proyectos {
width: 950px;
margin: 50px auto;
}
.franja-verde-bloque-video{
position:absolute;
bottom:0;
}
.bloque-svg-franja-verde {
height: 209px;
}
.item-sizer{
width:25%;
}
.item {
width: 25%;
height: 300px;
float:left;
}
.item.wide {
width: 50%;
height: 600px;
}
.item.alto{
width:25%;
height:600px;
}
@media only screen and (max-width: 799px){
.item, .item.wide {
width: 100%!important;
height: 65vw!important;
}
}
.item-caption {
transform: translateY(500px)!important;
}
.item:hover .item-caption {
transform: translateY(0px)!important;
transition: 1s;
background:rgba(255,255,255,0.7);
}
h3.item-title {
font-size: 15px;
background: #222220;
color: white;
padding: 10px 50px;
line-height: 1;
text-align:center
}
.item-title-sect {
position: relative;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
height: fit-content;
}
.item-caption {
display: flex;
flex-direction: column-reverse;
align-items: center;
justify-content: center;
height: 100%;
padding:50px;
}
.item-cat {
text-align: center;
position: absolute;
top: 30px;
}  .texto-inicio-diseno-publicitario {
display: flex;
align-items: flex-end;
gap: 29px;
justify-content: center;
height: 400px;
width: fit-content;
margin: 0 auto;
margin-left: 430px;
}
.texto-inicio-diseno-publicitario svg {
width: 430px;
}
.texto-inicio-diseno-publicitario h1 {
display: flex;
align-items: end;
font-size:85px;
color: white;
margin:-10px;
line-height: 90px;
font-weight:bold;
}
#bloque-diseno-publicitario {
background-size: cover;
height: 100vh;
background-attachment: fixed;
background-position: center;
margin-top:100px;
}
.franja-blanca-diseno-top{
position:absolute;
top:0;
left:0;
right:0;
}
.franja-blanca-diseno-bottom{
margin:0;
}
.franja-blanca-diseno-bottom img{
position:relative;
left:0;
right:0;
top:-2px;
width:100vw;
z-index:4;
}
#bloque-identidad-corporativa {
height: 100vh;
z-index: 2;
padding: 0;
}
.bloque-svg-logo-diseno {
position: absolute;
top: 0;
bottom: 0;
width: 1080px;
right: 0;
z-index:-1
}
.franja-verde-down-diseno {
position: absolute;
bottom: 0;
left: -15px;
right: -15px;
background: white;
}
.bloque-texto-identidad-diseno .titulo-identidad-corporativa {
display: flex;
flex-direction: column;
align-items: flex-end;
padding-right:20px;
}
.bloque-texto-identidad-diseno h2 {
font-size: 70px;
letter-spacing: 1px;
line-height: 80px;
font-weight: 600;
margin-bottom: 50px;
}
.bloque-texto-identidad-diseno h3 {
font-size: 70px;
letter-spacing: 1px;
line-height: 80px;
font-weight: 600;
margin-bottom: 50px;
}
.bloque-texto-identidad-diseno p {
color:#222220;
}
.bloque-texto-identidad-diseno li {
font-size: 20px;
color: #222220;
line-height: 32px;
margin-left: 25px;
font-weight:600;
}
.franja-verde-down-diseno .vc_column-inner {
padding-top: 0!important;
}
#bloque-desarrolo-producto-diseno{
height:90vh;
}
.svg-desarrolo-diseno{
position: absolute!important;
left: 0!important;
top: 0;
opacity:0.7;
height: 90vh;
z-index:0;
}
.svg-desarrolo-diseno svg{
width:60vw;
}
@keyframes grow {
0% { max-height: var(--lineHeight); }
100% { max-height: calc(var(--lineHeight) * var(--lines)); }
}
@keyframes carriageReturn {
0% { top: 0; }
100% { top: calc(var(--lineHeight) * var(--lines)); }
}
@keyframes type {
0% { width: 100%; }
100% { width: 0%; }
}
.typewriter{
--bgColor: white;
--lines: 500;
--lineHeight: 1.5rem;
--timePerLine: 2s;
--widthCh: 55;
--width: calc(var(--widthCh) * 1ch); --time: calc(var(--lines) * var(--timePerLine));
animation: grow var(--time) steps(var(--lines));
animation-fill-mode: forwards;
background: var(--bgColor);  
line-height: var(--lineHeight);
max-height: var(--lineHeight);
overflow: hidden;
position: relative;
width: var(--width); }
.typewriter::before {
content: "";
animation: 
type var(--timePerLine) linear infinite, 
carriageReturn var(--time) steps(var(--lines)) var(--lines),
caret 0.5s steps(2);
background: var(--bgColor);
border-left: 2px solid;
bottom: 0;
height: 2rem;
position: absolute;
right: 0;
width: 100%;
}
.typewriter.monospace::before {
animation: 
type var(--timePerLine) steps(var(--widthCh)) infinite, 
carriageReturn var(--time) steps(var(--lines)) var(--lines),
caret 0.5s steps(2) infinite;
font-weight:bold;
}
.boton-portfolio:hover a {
position: relative;
z-index: 9999;
color: white;
}
.boton-portfolio:hover::before {
transform: translateX(0%);
}
.boton-portfolio::before {
content: "";
position: absolute;
background-color: #222220;
top: 0;
left: 0;
bottom: 0;
right: 0;
transform: translateX(-100%);
transition: all 1s;
}
.boton-portfolio {
position: relative;
z-index: 4;
padding: 15px 45px;
background-color: white;
border: 1px solid #222220;
font-weight: bold;
width: 200px;
margin: 0 auto;
overflow: hidden;
display: flex;
justify-content: center;
}
#bloque-bg-entorno{
background-attachment:fixed;
background-position-x:center;
background-position-y:-55px;
background-size:cover;
height:700px;
display:flex;
align-items:center;
margin-top:-200px;
}
.svg-int-top {
position: absolute!important;
top: 0;
left: 0!important;
right: 0;
}
#bloque-bg-entorno .boton-blanco {
margin: 0 auto!important;
}
#bloque-typewriter-diseno {
height: 50vh;
margin-left: 70px;
margin-top: -5px!important;
}
#bloque-grafica-publlicitaria-diseno{
margin-left:70px;
margin-top:70px;
margin-bottom:70px;
}
p{
color:#222220;
}
div#bloque-horizontal .scrollmagic-pin-spacer {
padding-bottom:0!important;
box-sizing: initial;
}
.bloque-inicio .bloque-formas .forma-1 {
width: 270px;
z-index: 2;
position: absolute;
left: 0;
bottom: 145px;
opacity:0;
}
.bloque-inicio .bloque-formas .forma-2 {
width: 350px;
z-index: 2;
position: absolute;
left: 350px;
bottom: 0px;
opacity:0;
}
.bloque-inicio .bloque-formas .forma-3 {
width: 205px;
position: absolute;
right: 840px;
bottom: 145px;
opacity:0;
}
.bloque-inicio .bloque-formas .forma-4 {
width: 400px;
position: absolute;
right: -20px;
z-index: 2;
height: 100%;
opacity:0;
}
.bloque-inicio .bloque-formas .forma-4 svg {
width: auto;
height: 100%;
}
.bloque-inicio .bloque-formas .forma-5 {
width: 400px;
position: absolute;
left: -600px;
z-index: 5;
height: 100%;
}
.bloque-inicio .bloque-formas .forma-5 svg {
width: auto;
height: 100%;
}
.bloque-inicio .bloque-formas .forma-6 {
width: 400px;
position: absolute;
right: -600px;
z-index: 2;
height: 100%;
}
.bloque-inicio .bloque-formas .forma-6 svg {
width: auto;
height: 100%;
}
.bauman_portfolio-template-default p{
font-size: 16px;
line-height: 23px;
}
.bauman_portfolio-template-default h3{
font-size:28px;
}
.triagulo-imagenes-port-2 .wpb_single_image {
margin:0px!important;
}
.bloque-logo-port-2{
position:relative;
top:-150px;
}
.bloque-derecha-port-2{
justify-content:flex-end;
display:flex;
flex-direction:row;
}
.bloque-grid-imagenes-port-2 .wpb_single_image{
margin:0!important;	
}
.bloque-grid-imagenes-port-2 .vc_single_image-wrapper{
margin:5px!important;	
}
.bloque-grid-imagenes-port-2{
width:100vw;
height:auto;
margin-bottom:50px;
overflow:hidden;
}
.bloque-grid-imagenes-port-2 div{
overflow:hidden;
}
.wpb_raw_html{
margin:0;   
}
.franja-blanca{
fill:#fff;
transition:1s;
}
#hero-caption{
z-index:-1;
}
.bloque-inicio {
width: 100%;
height: 100vh;
position: relative;
}
.bloque-inicio .fondo-inicio {
z-index: -1;
position: absolute;
top: 100px;
left: 0;
right: 0;
bottom: 0;
-webkit-animation: animate 15s ease infinite;
animation: animate 15s ease infinite;
transform-origin: center center;
}
.bloque-inicio .fondo-inicio svg {
width: auto;
height: auto;
}
.bloque-inicio .bloque-texto-inicio {
z-index: 1;
display: flex;
flex-direction: row;
justify-content: center;
gap: 100px;
align-items: center;
height: 100vh;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity:0;
}
.bloque-inicio .bloque-texto-inicio .texto-inicio {
width: 550px;
}
.bloque-inicio .bloque-texto-inicio .texto-inicio .texto-inicio-1 {
font-size: 25pt;
color:#222220;
line-height:40px;
}
.bloque-inicio .bloque-texto-inicio-2 {
z-index: 1;
display: flex;
flex-direction: row;
justify-content: center;
gap: 200px;
align-items: center;
height: 100vh;
position: absolute;
top: 0;
bottom: 0;
right: -150vw;
z-index: 4;
}
.bloque-inicio .bloque-texto-inicio-2 .texto-inicio-2 {
width: 550px;
}
.bloque-inicio .bloque-texto-inicio-2 .texto-inicio-2 h3 {
font-size: 25pt;
color:#222220;
}
.bloque-inicio .bloque-formas {
position: absolute;
top: 150px;
bottom: 0;
left: 0;
right: 0;
height: 100vh;
}
div#bloque-scroll-horizontal {
width: 100vw!important;
padding: 0!important;
overflow:unset;
}
div#bloque-scroll-horizontal .vc_column-inner{
padding: 0!important;
}
.horizontal {
height: 100vh;
position: sticky!important;
width: 100%;
overflow: hidden;
z-index: 9;
top: 20px;
background: #c5a259;
}
.sticky-horizontal {
width: 1px;
height: 150vw;
}
.bloque-sticky-horizontal {
display: flex;
flex-direction: row;
}
.horizontal .contenido {
height: 100%;
background-color: #c5a259;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 150vw;
overflow: hidden;
display: flex;
padding: 70px 0 150px 0;
align-items: center;
justify-content: end;
flex-direction: row;
}
.horizontal .contenido .item-scroll-x {
height: 100%;
padding-top: 50px;
display: flex;
flex-direction: row;
align-items:center;
}
.horizontal .contenido .text-horizontal {
font-size: 25px;
position: relative;
margin-top: 30px;
margin-left: 30px;
line-height: 1.3;
width: 610px;
top: -30px;
color: white;
}
.horizontal .contenido .text-horizontal::before {
content: "*";
position: absolute;
font-size: 70px;
left: -35px;
top: -50px;
}
.horizontal .contenido .bloque-circulo-horizontal-top {
align-items:center;
position: relative;
display:flex;
left:-210px;
justify-content:center;
height:100%;
}
.horizontal .contenido .bloque-circulo-horizontal-top .circulo-horizontal {
border: 5px solid #222220;
border-radius: 50%;
width: 370px;
height: 370px;
position: relative;
}
.horizontal .contenido .bloque-circulo-horizontal-top .circulo-horizontal .numero {
font-size: 280PX;
margin-left: 80px;
color: #222220;
display: flex;
height: 370px;
align-items: center;
justify-content: start;
width: 370px;
}
.horizontal .text-320-horizontal{
display:none;
}
.horizontal .contenido .bloque-circulo-horizontal-top .circulo-horizontal .text-320-horizontal {
position: absolute;
border-bottom: 2px solid #222220;
width: 290px;
font-size: 15pt;
line-height: 1;
left: 50%;
top: calc( 50% - 60px);
padding-left: 30px;
letter-spacing: 3px;
transform-origin: 0 60px;
transform: rotate(300deg) translate(215px, 0);
height: 60px;
}
.horizontal .contenido .bloque-circulo-horizontal-top .descripcion-horizontal {
margin-left: 50px;
width: 340px;
height: 100% ;
display: flex;
flex-direction: column;
padding-top: calc(333px - 60px);
}
.horizontal .contenido .bloque-circulo-horizontal-top .descripcion-horizontal h3 {
font-size: 54pt;
color:white!important;
}
.horizontal .contenido .bloque-circulo-horizontal-top .descripcion-horizontal p {
font-size: 15pt;
color:white;
}
.horizontal .contenido .bloque-circulo-horizontal-mid {
align-items: center;
position: relative;
display:flex;
justify-content:start;
height:100%;
}
.horizontal .contenido .bloque-circulo-horizontal-mid .circulo-horizontal {
border: 5px solid #222220;
border-radius: 50%;
width: 370px;
height: 370px;
position: relative;
}
.horizontal .contenido .bloque-circulo-horizontal-mid .circulo-horizontal .numero {
font-size: 280PX;
margin-left: 80px;
color: #222220;
display: flex;
height: 370px;
align-items: center;
justify-content: start;
width: 370px;
}
.horizontal .contenido .bloque-circulo-horizontal-mid .circulo-horizontal .text-320-horizontal {
position: absolute;
border-bottom: 2px solid #222220;
width: 290px;
font-size: 15pt;
line-height: 1;
right: 50%;
top: calc( 50% - 60px);
padding-right: 30px;
letter-spacing: 3px;
transform-origin: 100% 60px;
transform: rotate(300deg) translate(-215px, 0);
height: 60px;
text-align: right;
}
.horizontal .contenido .bloque-circulo-horizontal-mid .descripcion-horizontal {
margin-left: 50px;
width: 340px;
display: flex;
flex-direction: column;
height:100%;
padding-top: calc(333px - 60px);
}
.horizontal .contenido .bloque-circulo-horizontal-mid .descripcion-horizontal h3 {
font-size: 54pt;
color: white!important;
}
.horizontal .contenido .bloque-circulo-horizontal-mid .descripcion-horizontal p {
font-size: 15pt;
color:white;
}
.horizontal .contenido .bloque-circulo-horizontal-bottom {
align-items: center;
position: relative;
padding-left:120px!important;
display:flex;
height:100%;
}
.horizontal .contenido .bloque-circulo-horizontal-bottom .circulo-horizontal {
border: 5px solid #222220;
border-radius: 50%;
width: 370px;
height: 370px;
position: relative;
}
.horizontal .contenido .bloque-circulo-horizontal-bottom .circulo-horizontal .numero {
font-size: 280PX;
margin-left: 80px;
color: #222220;
display: flex;
height: 370px;
align-items: center;
justify-content: start;
width: 370px;
}
.horizontal .contenido .bloque-circulo-horizontal-bottom .circulo-horizontal .text-320-horizontal {
position: absolute;
border-bottom: 2px solid #222220;
width: 290px;
font-size: 15pt;
line-height: 1;
left: 50%;
top: calc( 50% - 60px);
padding-left: 30px;
letter-spacing: 3px;
transform-origin: 0 60px;
transform: rotate(300deg) translate(215px, 0);
height: 60px;
}
.horizontal .contenido .bloque-circulo-horizontal-bottom .descripcion-horizontal {
margin-left: 50px;
width: 340px;
display: flex;
flex-direction: column;
height:100%;
padding-top: calc(333px - 60px);
}
.horizontal .contenido .bloque-circulo-horizontal-bottom .descripcion-horizontal h3 {
font-size: 54pt;
color:white!important;
}
.horizontal .contenido .bloque-circulo-horizontal-bottom .descripcion-horizontal p {
font-size: 15pt;
color:white;
}
.bloque-experiencia-360 {
height: 100vh;
cursor: crosshair;
background:white;
transition:1s;
display:inherit;
}
.bloque-experiencia-360 .experiencia-360{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height:100%;
}
.bloque-experiencia-360 .bloque-texto-360 {
position: relative;
padding-right: 100px;
}
.bloque-experiencia-360 .bloque-texto-360 .texto-360 {
width: 310px;
height: 100px;
position: relative;
}
.bloque-experiencia-360 .bloque-texto-360 .texto-360 p {
background-color: white;
padding: 10px 0;
position: absolute;
right: -450px;
z-index: 99;
font-size: 21px;
transition:1s;
letter-spacing:0.9px;
}
.bloque-experiencia-360 .bloque-texto-360 .titulo-experiencia-360 {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: start;
gap: 10px;
}
.bloque-experiencia-360 .bloque-texto-360 .titulo-experiencia-360 .titulo-experiencia p {
border-bottom: 2px solid #c1a3ad;
font-size: 15pt;
font-weight: bold;
line-height: 1;
padding-bottom: 5px;
margin-bottom: 0;
padding-left: 15px;
}
.bloque-experiencia-360 .bloque-texto-360 .titulo-experiencia-360 .titulo-360 {
font-weight: bold;
font-size: 46pt;
color:#222220;
}
.bloque-experiencia-360 .bloque-texto-360 .titulo-experiencia-360 .titulo-360 #counter{
color:#222220;
}
.bloque-experiencia-360 .bloque-texto-360 .titulo-experiencia-360 .titulo-360 #counter::after {
content: "º";
}
.bloque-experiencia-360 .bloque-rueda-360 {
width: 450px;
}
.bloque-experiencia-360 .bloque-rueda-360 .rueda-experiencia-360 {
width: 450px;
height: 450px;
}
.type-test::after {
content: "|";
transition: ease-in-out 0.3s;
opacity: 1;
-webkit-animation: cursor 1s infinite;
animation: cursor 1s infinite;
}
.texto-video{
color:white;
}
@-webkit-keyframes cursor {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
@keyframes cursor {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0;
}
} div#bloque-franja-blanca {
position: absolute;
left: 0;
right: 0;
height: 80vh;
margin:0 -3px;
}
div#bloque-franja-blanca .franja-blanca-down {
width: 100vw;
position: absolute;
bottom: 0;
}
div#bloque-franja-blanca .franja-blanca-u {
width: 100vw;
position: absolute;
top: 0;
}
.bloque-lista-servicios p:hover::before {
content: "\f061";
font-family: 'FontAwesome';
font-size: 20px;
position: absolute;
left: -40px;
}
.bloque-lista-servicios p:hover {
color: white;
}
.bloque-lista-servicios p:hover a {
color: white;
}
.bloque-lista-servicios p {
color: #222220;
font-size: 21px;
font-weight: 600;
}
.bloque-lista-servicios h1:hover::before {
content: "\f061";
font-family: 'FontAwesome';
font-size: 20px;
position: absolute;
left: -40px;
}
.bloque-lista-servicios h1:hover {
color: white;
}
.bloque-lista-servicios h1:hover a {
color: white;
}
.bloque-lista-servicios h1 {
color: #222220;
font-size: 21px;
font-weight: 600;
margin:0;
}
.bloque-lista-servicios{
position:relative;
}
.bloque-lista-servicios a {
margin-left:20px;
}
.texto-servicios p {
color: #222220;
font-weight: 600;
font-size: 21px;
}
.texto-servicios {
margin-bottom: 20px;
margin-left:30px;
}
div#bloque-texto-servicios {
width: 517px;
margin: 0 auto;
}
#bloque-imagen-fondo-servicios{
height:950px;
z-index:1;
background-attachment:fixed;
}
#bloque-rosa-servicios{
height:800px;
z-index:2;
}
.bloque-imagen-franja-rosa-down {
height: 800px;
position: absolute;
width: 100vw;
top: 0;
z-index:-1;
}
img.imagenn-franja-rosa-down {
position: absolute;
background: white;
bottom: 0;
}
img.imagenn-franja-rosa-up {
width: 100vw;
position: absolute;
bottom: 0;
}
.bloque-departamento-creativo-servicios {
position: absolute;
z-index: 3;
top: 0;
bottom: 600px;
left: 315px;
width: 700px;
display: flex;
}
.bloque-departamento-creativo-servicios img {
position: absolute;
bottom: 135px;
filter:invert(1);
}
.bloque-esquema-servicios-min{
overflow-x:scroll;
}
.bloque-esquema-servicios-min svg{
width:1500px;
margin:100px 0;
}
.texto-esquema-svg{
display:flex;
justify-content:space-between;
position: absolute;
width: 100%;
left: 0;
right: 0;
top: 165px;
}
.texto-esquema-svg .columna-derecha{
width: 250px;
}
.texto-esquema-svg .columna-izquierda{
width: 250px;
text-align: right;
}
.texto-esquema-svg p {
font-size: 15px;
color: #222220;
}
.texto-esquema-svg h3 {
font-size: 25px;
margin: 0;
}
#imagen-servicios {
height: 80vh;
margin: 15px -15px;
background-image: url(https://ideade.es/wp-content/uploads/2022/03/92-DSB02024.min_.jpg);
background-position: center center;
background-size: cover;
background-attachment:fixed;
}
.botones-proyectos {
justify-content: space-between;
align-items: center;
margin-top: 30px;
display:flex;
flex-direction:row;
}
.botones-proyectos .boton-1 {
position: relative;
border: 2px solid #c1a3ad;
overflow: hidden;
z-index: 1;
padding: 10px 35px;
font-weight: bold;
letter-spacing: 1;
font-size: 18px;
color: #222220 !important;
}
.botones-proyectos .boton-1:hover {
color: #c1a3ad !important;
}
.botones-proyectos .boton-1::before {
content: '';
position: absolute;
left: 0;
top: 0;
transform: translateX(0);
background-color: #c1a3ad !important;
width: 100%;
height: 100%;
transition: all 1s;
z-index: -1;
}
.botones-proyectos .boton-1:hover::before {
transform: translateX(-100%);
}
.botones-proyectos .boton-2 {
position: relative;
border: 2px solid #9ebab0;
overflow: hidden;
z-index: 1;
padding: 10px 35px;
font-weight: bold;
letter-spacing: 1;
font-size: 18px;
color: #222220 !important;
}
.botones-proyectos .boton-2:hover {
color: #9ebab0 !important;
}
.botones-proyectos .boton-2::before {
content: '';
position: absolute;
left: 0;
top: 0;
transform: translateX(0);
background-color: #9ebab0 !important;
width: 100%;
height: 100%;
transition: all 1s;
z-index: -1;
}
.botones-proyectos .boton-2:hover::before {
transform: translateX(-100%);
}
.botones-proyectos .boton-3 {
position: relative;
border: 2px solid #c5a259;
overflow: hidden;
z-index: 1;
padding: 10px 35px;
font-weight: bold;
letter-spacing: 1;
font-size: 18px;
color: #222220 !important;
}
.botones-proyectos .boton-3:hover {
color: #c5a259 !important;
}
.botones-proyectos .boton-3::before {
content: '';
position: absolute;
left: 0;
top: 0;
transform: translateX(0);
background-color: #c5a259 !important;
width: 100%;
height: 100%;
transition: all 1s;
z-index: -1;
}
.botones-proyectos .boton-3:hover::before {
transform: translateX(-100%);
}
.love_count::after {
content:'º';
}
.contenido i {
color: #222220;
}
.espacio-vacio-diseno-publicitario {
position: absolute;
width: 100vw;
bottom: -9px;
}
.texto-nuestro-trabjo h3 {
font-size: 70px;
line-height: 1;
margin-bottom: 0;
font-weight: bold;
}
.franja-blanca{
fill:#fff;
transition:1s;
}
#hero-caption{
z-index:-1;
}
.imagen-full-height-portfolio-home img{
width:480px;
height:100%;
}
.bloque-inico-min{
display:none;
}
.horizontal-min{
display:none;
}
span.salto-desktop {
display: block;
}
span.salto-movil{
display: initial
}
footer{
background-color:#222220;
height:600px;
}
.copyright {
font-family:'helvetica-neue-lt'!important;
}
#footer-container {
height: 100%;
position: relative;
width: 51vw;
}
.copyright {
margin-left: 0px;
width:100%;
}
.socials-wrap{
display:none!important;
}
.bloque-footer {
display: flex;
flex-direction: row;
background: #222220;
justify-content: space-between;
margin: 0 15px;
}
.bloque-footer-iconos{
display:flex;
flex-direction:row;
color:white;
gap:5px;
}
.bloque-footer-iconos i{
border: 1px solid white;
width: 30px;
height: 30px;
display: flex;
flex-direction: column;
justify-content:center;
align-items:center;
color:white;
font-family:'Font Awesome 5 Brands'!important;
}
.bloque-footer-texto {
text-align: start;
display: flex;
flex-direction: column;
color: white;
background:#222220;
width:50%;
}
.bloque-footer-social {
width: 50%;
display: flex;
flex-direction: column;
}
.bloque-footer h3 {
color: white;
font-size: 23px;
font-weight: 600;
margin: 25px 0 15px 0;
text-align:initial;
}
.footer-middle{
top:0;
}
.bloque-footer a {
color: white;
font-weight: 100;
line-height: 1.3;
font-size:15px;
text-align:start;
}
.bloque-footer span {
font-weight: 100;
color: white;
line-height: 1.3;
font-size:15px;
}
.contenido-bloque-verde-agencia {
margin: 0 70px;
}
.socials-wrap{
color:white;
margin-top:25px!important;
}
.socials li a{
color:white;
}
.socials li a:hover {
color: lightgrey;
opacity: 1;
}
#logo{
top:0;
}
#logo img{
width:150px;
}
.menu-conocenos{
display:flex!important;
flex-direction:row;
}
.menu-conocenos::before {
content: "\f061";
font-family: 'Font Awesome 5 Free';
font-size: 15px;
width: 15px;
font-weight: bold;
}
@media (max-width:1450px) and (min-width:1301px){
.contenido-horizontal-produccion{
width:250px;
}
.imagen-contenido-produccion img {
width: 100%;
height: 350px;
}
.bg-img-end {
height: 600px;
background-position-y: center;
}
.bloque-svg-entorno-abc .letra-svg {
bottom: 0;
line-height: 375px;
}
.bloque-portfolio-home{
max-height:80vh;
}
.bloque-svg-diseno-abc .letra-svg{
bottom:-45px;	
}
.horizontal .contenido{
width:200vw;
}
.horizontal .contenido .bloque-circulo-horizontal-top .descripcion-horizontal {
padding-top: calc(279px - 60px);
}
.horizontal .contenido .bloque-circulo-horizontal-mid .descripcion-horizontal {
padding-top: calc(279px - 60px);
}
.horizontal .contenido .bloque-circulo-horizontal-bottom .descripcion-horizontal {
padding-top: calc(279px - 60px);
}
img.svg-texto-2 {
width: 500px;
}
.bloque-inicio .bloque-texto-inicio-2 .texto-inicio-2 {
width: 400px;
margin-left:100px;
}
.bloque-inicio .bloque-texto-inicio-2{
justify-content:start;
gap:100px;
}
.bloque-inicio .bloque-formas .forma-6 {
top: -50px;
width: 465px;
height: auto;
}
.bloque-inicio .bloque-formas .forma-5 svg {
width: 100%;
height: 100%;
}
.bloque-inicio .bloque-formas .forma-5{
width: 300px;
height: auto;
top: -50px;
}
.bloque-inicio .bloque-texto-inicio .texto-inicio {
width: 450px;
}
img.svg-texto-1 {
width: 300px;
}
.bloque-inicio .bloque-texto-inicio .texto-inicio .texto-inicio-1 {
font-size: 28px;
}
.bloque-inicio .bloque-texto-inicio-2 .texto-inicio-2 h3 {
font-size: 28px;
line-height: normal;
}
.bloque-inicio .bloque-texto-inicio { justify-content: space-around;
left: 200px;
}
.bloque-inicio .bloque-formas .forma-1 {
width: 250px;
left: -150px;
}
.bloque-inicio .bloque-formas .forma-2 {
width: 300px;
top: 0;
left: 200px;
}
.bloque-inicio .bloque-formas .forma-3 {
left: 700px;
height: auto;
width: 190px;
}
.bloque-inicio .bloque-formas .forma-4 {
width: 450px;
right: -200px;
height: auto;
}
}
@media (max-width:1300px) and (min-width:1151px){
.horizontal .contenido{
width:250vw;
}
.horizontal .contenido .bloque-circulo-horizontal-top .descripcion-horizontal {
padding-top: calc(279px - 60px);
}
.horizontal .contenido .bloque-circulo-horizontal-mid .descripcion-horizontal {
padding-top: calc(279px - 60px);
}
.horizontal .contenido .bloque-circulo-horizontal-bottom .descripcion-horizontal {
padding-top: calc(279px - 60px);
}
img.svg-texto-2 {
width: 500px;
}
.bloque-inicio .bloque-texto-inicio-2 .texto-inicio-2 {
width: 400px;
}
.bloque-inicio .bloque-texto-inicio-2{
justify-content:start;
gap:100px;
}
.bloque-inicio .bloque-formas .forma-6 {
top: -50px;
width: 465px;
height: auto;
}
.bloque-inicio .bloque-formas .forma-5 svg {
height: 100%;
}
.bloque-inicio .bloque-formas .forma-5{
width: 300px;
height: auto;
top: -50px;
}
.bloque-inicio .bloque-texto-inicio .texto-inicio {
width: 450px;
}
img.svg-texto-1 {
width: 300px;
}
.bloque-inicio .bloque-texto-inicio .texto-inicio .texto-inicio-1 {
font-size: 28px;
}
.bloque-inicio .bloque-texto-inicio-2 .texto-inicio-2 h3 {
font-size: 28px;
line-height: normal;
}
.bloque-inicio .bloque-texto-inicio{
left:-70px;
gap:140px;
justify-content:start;
}
.bloque-inicio .bloque-formas .forma-1 {
width: 250px;
left:-70px;
}
.bloque-inicio .bloque-formas .forma-2 {
width: 300px;
top: 0;
left: 250px;
z-index:-1;
}
.bloque-inicio .bloque-formas .forma-3 {
display: none;
}
.bloque-inicio .bloque-formas .forma-4 {
width: 450px;
right: -200px;
height: auto;
}
}
@media (max-width: 1298.99px){
.horizontal .contenido{
width:280vw;
}
.horizontal .contenido .bloque-circulo-horizontal-top .descripcion-horizontal {
padding-top: calc(279px - 60px);
}
.horizontal .contenido .bloque-circulo-horizontal-mid .descripcion-horizontal {
padding-top: calc(279px - 60px);
}
.horizontal .contenido .bloque-circulo-horizontal-bottom .descripcion-horizontal {
padding-top: calc(279px - 60px);
}
.col-hero{
top:50px;
}
.bloque-interiorismo-grid{
width:320px;
height:320px;
}
.bloque-svg-interiorismo{
display:none;
}
.bloque-svg-interiorismo-min {
display: flex;
margin: 25px auto!important;
}
.contenido-horizontal-produccion-min p {
font-size: 20px;
}
.contenido-horizontal-produccion-min h3 {
font-size: 25px;
font-weight: bold;
margin-top: 25px;
}
.imagen-contenido-produccion-min {
width: 100%;
height: 400px;
background: #222220;
}
.contenido-horizontal-produccion-min {
width: 310px;
}
.bloque-contenido-horizontal-produccion-min {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
gap:30px;
}
}
@media (max-width:1150px) and (min-width:1024px){
.texto-inicio-estrategia-marca{
margin-bottom:-30px;
}
.bg-img-end {
height: 70vh;
background-position: center;
background-repeat: no-repeat;
}
.svg-texto {
position: relative;
left: -100px;
}
img.svg-texto-2 {
width: 500px;
}
.bloque-inicio .fondo-inicio svg {
width: auto;
height: 100%;
}
.bloque-inicio .bloque-texto-inicio-2 .texto-inicio-2 {
width: 400px;
}
img.svg-texto-1 {
width: 300px;
}
.bloque-inicio .bloque-texto-inicio-2 .texto-inicio-2 h3 {
font-size: 25px;
color: #222220;
line-height: normal;
}
.bloque-inicio .bloque-texto-inicio .texto-inicio  .texto-inicio-1 {
font-size: 25px;
color: #222220;
line-height: normal;
}
.bloque-inicio .bloque-texto-inicio-2{
gap:100px;
justify-content:start;
}
.bloque-inicio .bloque-formas .forma-6 {
top: -50px;
width: 465px;
height: auto;
}
.bloque-inicio .bloque-formas .forma-5 svg {
width: 100%;
height: 100%;
}
.bloque-inicio .bloque-formas .forma-5{
width: 300px;
height: auto;
top: -50px;
}
.bloque-inicio .bloque-texto-inicio .texto-inicio{
width:400px;
}
.bloque-inicio .bloque-texto-inicio{
left:0;
gap:100px;
justify-content:start;
}
.bloque-inicio .bloque-formas .forma-1 {
width: 250px;
left: -100px;
}
.bloque-inicio .bloque-formas .forma-2 {
display: none;
}
.bloque-inicio .bloque-formas .forma-3 {
width: 200px;
left: 365px;
}
.bloque-inicio .bloque-formas .forma-4 {
width: 400px;
height: auto;
right:-200px;
}
}
@media (max-width: 1440px){
#footer-container{
width:78vw;
}
}
@media (min-width:1025px) and (max-width:1440px){
.sticky-grid-interiorismo{
height:165vh;
}
.segmentos-kit {
width: 450px;
height: 450px;
padding: 0px 110px;
}
}
@media (min-width:1024px) and (max-width:1440px){
#bloque-bg-entorno{
margin-top:0;	
}
.bloque-svg-kit-entorno{
top:0;
}
.svg-int-botttom{
display:none;
}
.bloque-contenido-horizontal-produccion {
display: flex;
flex-direction: row;
padding: 0!important;
position: static!important;
margin: 0 50px;
justify-content: center;
align-items: flex-end;
}
}
@media (max-width: 1023px){
.bloque-flex-interiorismo-min {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 15px 0;
gap: 30px;
}
#bloque-scroll-produccion-min{
display:inherit;
}
#bloque-scroll-produccion{
display:none;
}
.texto-circulo-min i {
margin-right: 15px;
}
.texto-circulo-min a {
margin-bottom:10px;
font-size: 20px;
font-weight: bold;
}
.texto-circulo-min p {
font-size: 20px;
}
.text-320-horizontal-min p{
font-weight:bold;
}
.texto-circulo-min{
margin-left:20px;
}
.texto-circulo-min h3{
font-size:50px;
color:white;
}
.bloque-experiencia-360 .bloque-texto-360 {
padding:0px;
}
p.texto-atravesde {
font-size: 70px;
}
main{
overflow:hidden;
}
.texto-horizontal-min {
font-size: 20px;
top: 0;
color: white;
line-height: 1.3;
position: relative;
font-weight: bold;
width: 290px;
margin: 30px 50px;
}
.texto-horizontal-min::before {
content: "*";
position: absolute;
font-size: 70px;
left: -35px;
top: -50px;
}
.bloque-circulo-min {
display: flex;
width: 98%;
justify-content: flex-start;
flex-direction: row;
}
.bloque-circulo-min .circulo-min {
border: 2px solid #222220;
border-radius: 100%;
position: relative;
display: flex;
}
.numero-min{
font-size:80px;
display:flex;
width:100%;
height:100%;
align-items:center;
margin-left:30px;
color:#222220;
}
.bloque-texto-inicio-2-mim {
position: absolute;
top: 0;
display: flex;
width: 100%;
height: 100%;
opacity:0;
}
.texto-inicio-2-min {
position: absolute;
width: 200px;
right: 20px;
top: 320px;
line-height: 1;
bottom: 0;
display: flex;
align-items: center;
}
.svg-texto-2-min {
position: absolute;
top: 0;
bottom: 0;
display: flex;
width: 75%;
left: 10px;
}
.bloque-sticky-horizontal{
display:none;
}
.bloque-inicio{
display:none;
}
.bloque-inico-min{
position: relative;
height: 57vh;
overflow: hidden;
display:inherit;
}
.fondo-inicio-min{
position: absolute;
left: -150px;
right: 0;
top: 0;
bottom: 0;
z-index: -2;
}
.fondo-inicio-min svg {
width: 400vw;
height: auto;
opacity: 0.3;
}
.bloque-texto-inico-min{
display: flex;
width: 100%;
height: 100%;
position: relative;
}
.svg-texto-min svg{
width:100%;
}
.svg-texto-min{
width: 35%;
position: absolute;
left: 10px;
top: 0;
bottom: 0;
display: flex;
align-items: center;
}
.texto-inicio-svg-min {
width: 200px;
position: absolute;
right: 10px;
top: 0;
bottom: 0;
display: flex;
align-items: center;
}
.bloque-formas-min{
position: absolute;
left: 0;
right: 0;
top: 50px;
bottom: 0;
display: flex;
align-items: center;
}
.forma-1-min{
width: 150px;
position: absolute;
left: -110px;
z-index: 2;
}
.forma-3-min {
width: 111px;
position: absolute;
right: 230px;
z-index: -1;
}
.forma-4-min{
display: none;
}
.horizontal-min{
background-color:#C5A259;
padding:55px 0;
position:relative;
display:inherit;
}
}
@media (min-width:1199px) and (max-width:1513px){
.boton-portfolio {
bottom: -50px;
}
}
@media (min-width: 550.99px) and (max-width: 950px){
.bloque-experiencia-360 .bloque-texto-360 {
padding-right: 20px;
}
.bloque-experiencia-360 .bloque-texto-360 .texto-360 p {
font-size: 20px;
right: -420px;
}
.bloque-texto-inico-min h3{
font-size:20px;
line-height:1;	}
.bloque-texto-inicio-2-mim h3{
font-size:20px;
line-height:1;
}
.bloque-svg-estrategia-marca-abc span {
line-height: 1!important;
}
.bloque-experiencia-360 .experiencia-360{
zoom: 0.75;
-moz-transform: scale(0.85);
}
.numero-min {
font-size: 160px!important;
margin-left: 70px!important;
}
.text-320-horizontal-min p {
font-size: 18px;
}
.bloque-circulo-min .circulo-min {
width: 300px!important;
height: 300px!important;
min-width: 300px;
min-height: 300px;
}
.bloque-circulo-min {
margin: 90px auto!important;
}
.svg-texto-2-min {
left:55px;
width: 306px;
}
.texto-inicio-2-min {
width: 170px;
top: 0;
right:0;
}
.texto-inicio-2-min H3 {
font-size: 20px!important;
}
.svg-texto-min {
width: 230px;
left: 49px;
}
.texto-inicio-svg-min h3 {
font-size: 20px;
}
.texto-inicio-svg-min {
width: 246px;
}
.forma-1-min {
width: 175px;
left: -94px;
}
.forma-3-min {
width: 129px;
right: 232px;
}
}
@media (min-width:550.99px) and (max-width:768.99px){
#bloque-imagen-fondo-servicios {
height: 600px;
background-size: cover;
}
.bloque-departamento-creativo-servicios {
left: 20px!important;
width: 500px;
}
.bloque-persona-equipo-agencia {
width: 300px!important;
background-size: cover!important;
height: 400px!important;
}
.contenido-ojo {
position: absolute;
bottom: 0;
right: 80px;
}
div#bloque-diseno-publicitario {
height: 70vh;
}
.bloque-svg-diseno-abc {
width: 280px;
}
.bg-img-end {
height: 50vh;
background-size: cover;
background-position-x: 15px;
background-position-y: center;
}
.bloque-animacion-rosa-estrategia {
width: 90%;
padding: 0;
margin: 0 auto;
justify-content: center;
}
.bg-end-int{
height:500px;
}
.bloque-experiencia-360{
height:550px;
}
.texto-fin-estrategia span {
font-size: 65px!important;
}
span.texto-plan-bloque-rosa-estrategia {
font-size: 190px!important;
}
.texto-equipo-agencia h3{
font-size:70px;
}
#bloque-verde-agencia h3 {
font-size: 70px;
}
#bloque-verde-agencia span {
font-size: 70px;
}
.bloque-texto-ojo {
width: 500px;
position: relative;
}
.bloque-texto-ojo h2{
font-size:70px;
}
.letra-svg {
font-size: 400px;
line-height: 300px;
}
.bloque-web-entorno {
transform: translateY(0)!important;
}
.bloque-svg-entorno-abc {
width: 250px;
}
span.salto-desktop {
display: initial;
}
span.salto-movil {
display: initial;
}
span.salto-tablet {
display: block;
}
.bloque-svg-estrategia-marca-abc {
width: 340px;
}
.texto-inicio-estrategia-marca h1 {
font-size: 70px;
line-height: 1;
}
#footer-container{
width:90vw!important;
}
.texto-esquema-svg {
top: 40px;
width: 100vw;
left: -25px;
}
.texto-esquema-svg .columna-izquierda {
width: 190px;
text-align: right;
}
.texto-esquema-svg .columna-derecha {
width: 190px;
}
.texto-esquema-svg p {
font-size: 13px;
color: #222220;
}
.texto-esquema-svg h3 {
font-size: 20px;
margin: 0;
}
}
@media (min-width:800px) and (max-width:1299px){
.item{
width:50%!important;
}
.item.wide{
width:100%!important;
height:500px!important;
}
}
@media (min-width:768px) and (max-width:1299px){
.texto-fin-estrategia span {
font-size: 70px;
}
#bloque-texto-interiorismo {
margin: 0;
}
span.texto-plan-bloque-rosa-estrategia{
font-size:190px;
}
p#typewriter-estrategia {
width: 80%;
padding: 0;
font-size:20px;
}
.bloque-svg-interiorismo-min{
zoom:0.65!important;
}
#bloque-equipo-agencia{
width:100vw;
}
.bloque-persona-equipo-agencia {
width: 360px;
background-size: cover;
height: 450px;
}
.svg-esquema-entorno {
width: 350px;
}
.circulo-discontinuo {
width: 250px;
min-width: 250px!important;
height: 250px!important;
font-size: 40px!important;
}
.bloque-animacion-rosa-estrategia {
width: 90%;
padding: 0px 25px;
justify-content: center;
align-items:end;
}
div#bloque-fin-estrategia-marca {
padding: 0 20px;
margin:0;
}
.texto-fin-estrategia{
width:100%;
}
.bloque-departamento-creativo-servicios {
left: 50px;
}
.texto-esquema-svg {
left: -25px;
width: 100vw;
}
.texto-inicio-diseno-publicitario {
margin: 0 70px;
}
.texto-inicio-diseno-publicitario h1 {
font-size:70px;
}
.texto-inicio-estrategia-marca h1 {
font-size:70px;
}
.columna-1-bloque-identidad-corporativa {
width: 50%;
}
.bloque-texto-svg-logo-diseno-publicitario{
width:50%;
}
.bloque-svg-logo-diseno {
position: absolute;
top: -28px;
width: 967px;
left: -70px;
opacity: 0.6;
}
.boton-portfolio {
bottom: -50px;
}
}
@media (min-width: 550.99px) and (max-width: 1023px){
.circulo-min{
height: 175px;
width: 175px;
min-width: 175px;
min-height: 175px;
}
}
@media (min-width: 950.99px) and (max-width: 1023px){
.bloque-texto-inico-min h3{
font-size:20px;
line-height:1;	}
.bloque-texto-inicio-2-mim h3{
font-size:20px;
line-height:1;
}
.numero-min {
font-size: 160px!important;
margin-left: 70px!important;
}
.text-320-horizontal-min p {
font-size: 18px;
}
.bloque-circulo-min .circulo-min {
width: 350px!important;
height: 350px!important;
min-width: 350px;
max-height: 350px;
}
.bloque-circulo-min {
margin: 150px auto!important;
}
.svg-texto-2-min {
width: 500px!important;
left: 37px!important;
}
.texto-inicio-2-min H3 {
font-size: 19px!important;
line-height: 1!important;
}
.texto-inicio-2-min {
width: 242px!important;
top: 0!important;
right: 138px!important;
}
.forma-1-min {
width: 175px!important;
left: -94px!important;
}
.forma-2-min{
width:0px!important;
}
.forma-3-min {
width: 129px!important;
right: 232px!important;
}
.texto-inicio-svg-min {
width: 246px!important;
margin: 0 50px!important;
right: 125px!important;
}
.forma-3-min {
right: 490px!important;
}
.forma-4-min {
display: inherit!important;
width: 300px!important;
right: -150px!important;
position: absolute!important;
}
.texto-inicio-svg-min h3 {
font-size: 20px!important;
}
.svg-texto-min {
width: 270px!important;
left:50px!important;
}
}
@media (min-width: 1260.99px) and (max-width:1499.99px){
.bloque-animacion-rosa-estrategia {
padding: 0;
}
p#typewriter-estrategia{
padding:0;
}
#bloque-equipo-agencia{
width:75vw;
}
.bloque-identidad-corporativa{
min-height:900px;
height:900px
}
}
@media (max-width:767px){
.svg-int-botttom{
margin-bottom:-10px;	
}
.numero-pasos-kit {
font-size: 100px;
}
#bloque-teayudamos-contacto{
flex-direction:column;
justify-content:center;
height:fit-content;
}
#bloque-tabla-kit{
display:none;
}
#bloque-tabla-kit-xs{
display:inherit;
}
#bloque-teayudamos-contacto h2 {
font-size: 40px!important;
}
#bloque-titulo-tabla-kit h2 {
font-size: 40px;
}
.bloque-segmentos {
display: flex;
width: fit-content;
flex-direction: column;
gap:20px;
}
.segmentos-kit {
width: 290px!important;
height: 320px!important;
padding: 15px!important;
border-radius: 0!important;
}
.segmentos-kit h3 {
font-size: 25px;
}
.segmentos-kit p {
font-size: 18px;
}
#bloque-segmentos-kit h2 {
font-size: 40px!important;
}
#bloque-teayudamos-kit h2 {
font-size: 40px!important;
}
#bloque-texto-kit h2 {
font-size: 40px!important;
}
.bloque-texto-inicio-kit h2 {
font-size: 35px!important;
width: fit-content;
}
.bloque-portfolio-home-min{
display:initial;
}
.bloque-portfolio-home {
display:none!important;
}
.bloque-web-entorno p{
width:100%;
}
#bloque-juntos-interiorismo p {
font-size: 20px;
width: 100%;
}
.bloque-svg-interiorismo{
margin-top:0!important;
}
}
@media (max-width:768px){
.mostrar-pdf{
display:inherit;
}
.ocultar-pdf{
display:none;
}
.col-content{
width:100%;
}
.col-hero {
top:0;
width: 100%;
position: relative;
}
.col-blog {
flex-direction: column;
}
.article-content{
width:100%;
}
.texto-kit{
padding:0;
}
.bloque-web-entorno {
margin: 0;
}
#bloque-bg-entorno{
margin-top:0;	
}
.bloque-svg-kit-entorno{
top:0;
}
.contenido-bloque-verde-agencia {
margin: 0;
}
#bloque-kit-digital-entorno h2 {
font-size: 50px;
}
#bloque-kit-digital-entorno h3 {
font-size: 50px;
}
#bloque-kit-digital-entorno p {
font-size: 25px;
}
.svg-kit{
top:0!important;
}
.pasos-kit{
width:auto;
}
.texto-svg-kit {
font-size: 23px;
line-height: 1.1;
width: auto;
padding: 50px 25px;
position:relative;
}
#bloque-teayudamos-kit h2{
font-size:50px;
}
.bloque-texto-inicio-kit {
width: auto;
margin: 0 25px;
height:750px!important;
justify-content:center;
}
.bloque-texto-inicio-kit h2{
font-size: 50px!important;
}
.texto-svg-kit {
font-size: 23px;
line-height: 1.1;
}
.hero-title {
font-size: 50px;
}
#bloque-grafica-publlicitaria-diseno{
margin-left: 0;
}
.bloque-texto-diseno-desarrollo{
padding-left: 0;
}
.bloque-texto-diseno-identidad-corporativa {
padding-left: 0;
}
#bloque-tengo-un-proyecto .vc_row-flex{
margin:0;
}
.bloque-esquema-servicios-min{
display:inherit;	
}
#bloque-end-agencia {
margin-left: 0;
width: 100%;
}
#bloque-end-agencia h3{
font-size:50px;
}
#bloque-sabemos-loquehacemos {
margin: 50px 0;
width: fit-content;
height: auto;
}
#bloque-inicio-produccion{
margin-left:0;
}
#bloque-nuestra-fabrica-produccion{
margin-left:0;
}
#bloque-sabemos-loquehacemos h3{
font-size:50px;
}
#bloque-texto-interiorismo {
height:auto;
margin:100px 0;
}
.texto-nuestro-trabjo{
width:100%;
}
.contenido-rosa-video li {
font-size: 20px;
}
.contenido-rosa-video h3 {
font-size: 50px;
}
.bloque-inspiradoras-entorno{
margin:0;
}
.bloque-web-entorno {
transform: translateY(0)!important;
}
.bloque-web-entorno h2{
font-size:50px;
display:inline-block;
}
.texto-inspiradoras-entorno p{
font-size:50px;
}
#bloque-franja-digital{
margin-top:100px;	
}
#bloque-inicio-estrategia-marca{
height:70vh;
}
#seccion-imagen-agencia {
background-position: left center;
}
section#bloque-texto-equipo-agencia {
width: 100%!important;
margin:0;
}
#bloque-inicio-agencia {
height: 50vh;
margin: 0;
}
#bloque-ojo-agencia {
margin:0;
left: 0!important;
padding: 0!important;
width: 100%!important;
}
.bloque-icono-interiorismo span {
font-size: 20px;
}
#bloque-juntos-interiorismo h2 {
font-size: 50px;
width:100%;
margin:0;
}
#bloque-juntos-interiorismo p {
width:100%;
margin-left:0;
}
.bloque-nos-encargamos-interiorismo h3{
font-size:50px!important;	
}
.numero-pasos-kit{
font-size:80px;
}
#bloque-teayudamos-contacto h2 {
font-size: 54px;
}
.bloque-svg-inicio-kit {
height: auto;
}
.bloque-texto-inicio-kit h2{
font-size:60px;
}
.bloque-svg-inicio-kit svg{
top:-150px;
}
#bloque-sticky-svg{
height:300px;
}
.bloque-texto-rosa-estrategia {
width: 300px;
min-width: 300px;
}
#bloque-inicio-produccion p{
width:100%!important;
}
.svg-esquema-entorno {
width: 300px;
}
.circulo-discontinuo {
width: 200px;
min-width: 200px!important;
height: 200px!important;
font-size: 40px!important;
}
#bloque-identidad-corporativa {
min-height: 80vh;
height: 80vh;
}
#bloque-desarrolo-producto-diseno{
height:80vh;
}
.texto-inicio-diseno-publicitario h1 {
font-size: 13vw;
line-height: 1;
}
.texto-inicio-diseno-publicitario {
gap: 10px;
margin-left:50px;
margin-bottom:20px;
}
.typewriter.monospace.no-caret {
width: 100%;
}
.bloque-texto-svg-logo-diseno-publicitario {
margin: 0 auto;
width: 90%;
}
.bloque-svg-logo-diseno {
position: absolute;
top: -17px;
width: 113%;
opacity: 0.7;
}
.bloque-texto-identidad-diseno h2 {
font-size: 50px;
line-height: 1;
display: inline-block;
}
.bloque-texto-identidad-diseno h3 {
font-size: 50px;
line-height: 1;
display: inline-block;
}
.boton-portfolio {
bottom: 0px;
}
}
@media (max-width:1024px){
.texto-inicio-estrategia-marca{
margin-bottom:-30px;
}
.post-navigation {
width: 90%;
}
.post-meta-data{
width:90%;
}
#bloque-grid-interiorismo{
height:320px;
}
div#header-container {
display: flex;
align-items: center;
justify-content: space-between;
}
#bloque-tengo-un-proyecto .vc_row{
margin:0;
}
.admin-bar header{
top:0;
}
.svg-kit{
top:-200px;
}
.bloque-texto-inicio-kit h2{
font-size: 65px;
}
.svg-int-botttom{
display:none;
}
.sub-menu{
display:inherit!important;
}
.classic-menu .flexnav li ul{
background:#222220;
}
#bloque-video-home {
height: 80vh;
}
.svg-desarrolo-diseno svg {
width: 80vw;
}
#bloque-inicio-produccion h2{
font-size:60px;
}
.bloque-palabras-produccion span{
font-size:60px;
}
.ventajas-produccion{
margin-left:0;
}
#bloque-fin-produccion h3 {
font-size: 60px;
margin-left:0;
}
#bloque-nuestra-fabrica-produccion h1 {
font-size: 60px;
margin-left:0;
}
.contenido-horizontal-produccion {
height: 850px;
margin: 0 15px;
width: 250px;
}
.imagen-contenido-produccion img {
width: 250px;
height: auto;
}
#bloque-horizontal-produccion {
width: 100%;
height: auto;
margin:0 auto;
}
.contenido-horizontal-produccion {
height: fit-content;
}.bloque-contenido-horizontal-produccion {
flex-wrap: wrap;
transform: translate(0)!important;
justify-content: space-around;
width: 100vw;
height: fit-content;
align-items: start;
width:100%;
margin:0;
}
#bloque-bg-entorno {
height: 60vh;
background-position-y: center;
}
header {
position: relative;
height:80px;
}
div#bloque-diseno-publicitario{
margin-top:50px;
}
#bloque-teayudamos-contacto h2 {
font-size: 70px;
}
.bloque-svg-inicio-kit svg {
top: -50px;
}
.bloque-segmentos {
width: 100%;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
align-items:center;
}
.segmentos-kit p {
font-size: 20px;
}
.segmentos-kit h3 {
font-size: 30px;
}
.segmentos-kit {
width: 350px;
height: 350px;
padding: 15px;
align-items: center;
justify-content: center;
}
.classic-menu .flexnav li a span{
color:#fff;
font-size:25px;
}
.flexnav li ul li a{
color:#fff!important;
opacity:1;
margin-left:20px;
}
.menu-item:hover::after {
background: #c1a3ad;
width: 0%;
}
.menu-item::after {
background: transparent;
width: 0%!important;
}
.flexnav li.link:last-child{
align-items:center;
gap:5px;
}
}
@media (max-width:550px){
.bloque-inicio-entorno h2 {
font-size: 50px;
}
.video-bg{
display:none;
}
button.mute-video{
display:none;
}
.bauman_portfolio-template-default 	#hero.has-image {
height: 50vh;
}
.bauman_portfolio-template-default  div#hero {
height: 50vh;
}
.bauman_portfolio-template-default  #hero-bg-wrapper{
height: 70vh;
}
.post-navigation {
width: 70%;
}
.post-meta-data{
width:70%;
}
.hero-bottom{
opacity:1!important;
position:relative!important;
transform:translate(0);
}
#show-filters span{
font-size:17px;
}
.button-text-bold a{
background-color:#9EBAB0;
}
.hero-bottom #show-filters{
opacity:1!important;
position:relative!important;
transform:translate(0);
}
.columna_responsive {
padding-top: 340px!important;
padding-left: 15px!important;
padding-right: 15px!important;
padding-bottom: 30px!important;
}
div#bloque-tengo-conocenos {
background-size:contain;
min-height: 300px;
padding: 0!important;
background-attachment: inherit!important;
}
.bloque-inicio-interiorismo{
margin-left:0;
}
#bloque-end-agencia h3 {
font-size: 45px;
}
.circulo-min {
height: 130px;
width: 130px;
min-width: 130px;
min-height: 130px;
}
#bloque-texto-interiorismo{
margin-top:20px;
}
.bloque-footer-texto{
width:fit-content;
}
.bloque-footer-social{
width:fit-content;
}
.bloque-texto-atravesde-estrategia{
padding-top:20px!important;
}
.bloque-palabras-produccion{
display:inherit;
}
.franja-blanca-diseno-bottom img{
display:none;
}
.texto-amarillo-kit{
font-size:25px;
}
.svg-end-int{
margin-bottom:-1px;
}
.ventajas-produccion svg {
width: fit-content;
margin-right: 15px;
}
#bloque-fin-produccion {
height: fit-content;
padding: 100px 0;
}
#bloque-nuestra-fabrica-produccion{
margin:70px 0;
height:auto;
}
.bloque-palabras-produccion span{
font-size:50px;
}
#bloque-juntos-interiorismo{
padding:70px 0;	
}
.texto-circulo-min a {
font-size: 18px;
}
.texto-circulo-min p {
font-size: 18px;
}
.texto-circulo-min{
margin-left:18px;
overflow:auto;
}
.texto-circulo-min h3{
font-size:35px;
}
section#bloque-video-home {
height: auto;
background-size: cover;
}
.bloque-svg-entorno-abc .letra-svg{
bottom:-50px;
}
#bloque-identidad-corporativa {
height: fit-content;
min-height: fit-content;
}
#bloque-desarrolo-producto-diseno{
height:fit-content;
}
#seccion-imagen-agencia {
height: 50vh!important;
background-position-x: -97px;
background-attachment: inherit;
}
#bloque-equipo-agencia{
width:100vw;
}
.bloque-persona-equipo-agencia {
width: 300px;
height: 400px;
background-position: center;
}
.texto-360 p {
font-size: 17px;
}
.bloque-experiencia-360-min {
height: 700px;
background: white;
transition: 1s;
display: inherit;
}
.bloque-experiencia-360-min .experiencia-360 {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
padding: 0 20px;
align-items: center;
}
.bloque-experiencia-360-min .bloque-texto-360 {
position: relative;
display: flex;
align-items: center;
background-image: url(https://ideade.es/wp-content/uploads/2021/10/rueda-servicios-negra.svg);
width: 300px;
height: 300px;
background-repeat: no-repeat;
}
.bloque-experiencia-360-min .bloque-texto-360 .texto-360 {
width: 310px;
height: 100px;
position: relative;
}
.bloque-experiencia-360-min .bloque-texto-360 .texto-360 p {
background-color: white;
padding: 10px 0;
position: absolute;
right: -340px;
z-index: 99;
font-size: 14pt;
transition:1s;
}
.bloque-experiencia-360-min .bloque-texto-360 .titulo-experiencia-360 {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: start;
gap: 10px;
height: fit-content;
background: white;
z-index: 99999999;
}
.bloque-experiencia-360-min .bloque-texto-360 .titulo-experiencia-360 .titulo-experiencia p {
border-bottom: 2px solid #c1a3ad;
font-size: 18px;
font-weight: bold;
line-height: 1;
padding-bottom: 5px;
margin-bottom: 0;
padding-left: 15px;
}
.bloque-experiencia-360-min .bloque-texto-360 .titulo-experiencia-360 .titulo-360 {
font-weight: bold;
font-size: 60px;
color:#222220;
}
.bloque-experiencia-360-min .bloque-texto-360 .titulo-experiencia-360 .titulo-360 #counter{
color:#222220;
}
.texto-360 {
margin: 50px  0;
}
.bloque-experiencia-360-min .bloque-texto-360 .titulo-experiencia-360 .titulo-360 #counter::after {
content: "º";
}
.bloque-experiencia-360-min .bloque-rueda-360 .rueda-experiencia-360 {
width: 300px;
height: 300px;
}
.bloque-experiencia-360{
display:none;
}
.bloque-circulo-min{
padding: 50px 14px;	
}
.bloque-texto-inico-min h3{
font-size:19px;
line-height:1;	}
.bloque-texto-inicio-2-mim h3{
font-size:19px;
line-height:1;
}
#bloque-inicio-produccion{
margin-left:0;
}
.bg-end-int {
height: 379px;
background-size: cover;
background-attachment:inherit;
}
.bloque-nos-encargamos-interiorismo{
margin:0;
}
.bloque-inicio-entorno{
padding-left:0;
justify-content:start;
}
.col-svg-entorno svg{
width:260px!important;
}
.col-svg-entorno .vc_column-inner {
padding:0;
margin:0;
margin-top:15px;
}
#bloque-bg-entorno {
height: 40vh;
background-position-y: center;
background-size: cover;
}
.bloque-inspiradoras-entorno {
margin: 15px 0;
height:fit-content;
}
.bg-img-end {
height: 300px;
background-size: cover;
background-position: center;
}
div#imagen-servicios {
height: 50vh;
background-attachment:inherit;
}
.imagenn-franja-rosa-down{
display:none;
}
.bloque-franja-rosa-up-estrategia{
display:none;
}
div#bloque-franja-blanca {
position: absolute;
left: 0;
right: 0;
height: 50vh;
margin: 0 -3px;
}
section#bloque-texto-equipo-agencia {
left: 0!important;
padding: 0!important;
margin: 0;
width: 90vw!important;
}
.texto-equipo-agencia h3 strong {
font-size: 50px;
}
div#bloque-ojo-agencia {
margin: 50px 0;
padding: 0!important;
left: 0!important;
width: 90vw!important;
}
#bloque-imagen-fondo-servicios {
height: 500px;
background-attachment:inherit;
background-size: cover;
}
.column-blog-max{
width:auto;	
margin:0;
}
.column-blog-med{
margin:0;	
}
.bloque-experiencia-360{
height:650px;
}
.circulo-svg-interiorismo {
margin: auto;
zoom: 0.6;
}
#bloque-verde-agencia {
height: 70vh!important;
}
.texto-equipo-agencia {
width: 100%!important;
}
.texto-equipo-agencia h3{
font-size:50px!important;
}
#bloque-verde-agencia{
height:70vh!important;
}
.bloque-palabras-verde-agencia span{
font-size:50px!important;
}
#bloque-verde-agencia h3 {
font-size: 50px!important;
}
.bloque-texto-ojo h2 {
font-size: 50px!important;
}
.bloque-texto-modo-agencia {
flex-direction: column!important;
margin: 30px 0!important;
}
.bloque-texto-ojo {
width: 100%!important;
}
.contenido-ojo{
position:relative!important;
right:0!important;
}
#bloque-inicio-agencia p{
width:100%!important;
}
#bloque-fin-produccion h3{
font-size: 50px!important;
}
.texto-fabrica-produccion {
width: 100%!important;
}
.texto-typewrite-inicio {
width: 100%!important;
}
#bloque-nuestra-fabrica-produccion svg {
width: 100%!important;
}
#bloque-nuestra-fabrica-produccion h1 {
font-size: 50px!important;
}
#seccion-video-produccion {
height: 50vh!important;
background-attachment:inherit;
background-size:cover;
}
#bloque-inicio-produccion h2 {
font-size: 50px!important;
}
#bloque-inicio-interiorismo-experiencial {
height: 56vh!important;
min-height: 56vh!important;
background-attachment:inherit;
background-size:cover;
}
.bloque-svg-interiorismo-abc {
width: 40px!important;
}
.texto-inicio-interiorismo h1 {
font-size: 45px!important;
line-height: 1!important;
}
.texto-inspiradoras-entorno {
margin: 50px 0;
}
.texto-columnas-entorno {
column-count: 1;
}
#bloque-incio-entorno-digital {
height: 56vh;
padding-bottom:5px;
}
.bloque-svg-entorno-abc {
width: 120px!important;
}
.texto-inicio-entorno h1 {
font-size: 45px;
line-height: 1;
}
.bloque-svg-estrategia-marca-abc {
width: 100px;
}
.boton-blanco {
bottom: 0!important;
margin-top: 50px;
padding: 15px 37px!important;
width: fit-content!important;
}
div#bloque-fin-estrategia-marca {
min-height: 80vh;
margin: 0!important;
}
.texto-fin-estrategia span {
font-size: 50px!important;
}
.bloque-circulos-estrategia {
display: flex;
flex-wrap: wrap;
margin:0;
gap:35px;
}
.texto-fin-estrategia{
width:100%;
}
.circulo-discontinuo {
width: 150px!important;
min-width: 150px!important;
height: 150px!important;
font-size: 37px!important;
}
.bloque-circulos-estrategia i {
display: none;
}
#bloque-rosa-estrategia-de-marca {
padding-top: 70px;
}
.bloque-svg-estrategia-marca-abc span {
line-height: 1.1!important;
}
.texto-inicio-estrategia-marca{
margin:0;
}
.texto-inicio-estrategia-marca h1 {
font-size: 45px!important;
line-height: 1!important;
margin:0;
padding-left:20px;
}
p#typewriter-estrategia {
width: 90%;
font-size:20px;
padding:0;
min-height:40vh;
}
span.texto-plan-bloque-rosa-estrategia {
font-size: 140px!important;
}
.bloque-animacion-rosa-estrategia {
flex-direction: column;
width: 90%;
padding: 0;
align-items: start;
margin-top:60px;
}
.bloque-svg-diseno-abc{
width:140px;
}
div#bloque-diseno-publicitario {
height: 55vh;
}
div#bloque-typewriter-diseno {
padding: 0 15px!important;
}
div#bloque-inicio-estrategia-marca {
height: 56vh;
padding: 0!important;
}
.bloque-franja-rosa-up-estrategia {
margin-bottom: -5px;
}
.bloque-lista-servicios {
margin-left: 30px;
}
.bloque-departamento-creativo-servicios {
width: 350px;
left: 0;
}	
.texto-servicios p {
font-size: 20px;
}
.bloque-lista-servicios p {
font-size: 20px;
}
.bloque-lista-servicios h1 {
font-size: 20px;
}
div#bloque-texto-servicios {
width: fit-content;
margin: 0 15px;
}
.botones-proyectos {
flex-direction: column;
align-items: flex-start;
gap:15px;
}
.bloque-footer {
flex-direction:column!important;
}
.letra-svg {
position: absolute;
font-size: 200px;
left: 0;
right: 0;
bottom: -50px;
color: white;
opacity: 0;
z-index: 99;
font-weight: 900;
height: auto;
line-height: initial;
}
span.salto-desktop {
display: initial;
}
span.salto-movil{
display: block;
}
span.salto-tablet{
display: initial;
}
span.salto-tablet{
display: initial;
}
.texto-nuestro-trabjo h3 {
font-size: 50px;
line-height: 1;
}
#footer-container {
width: 100vw!important;
}
.bloque-contenido-horizontal-produccion-min{
justify-content:center!important;
gap:0;
}
.contenido-horizontal-produccion-min {
width: 280px;
}
}
@media (max-width:425px){
}
@media (max-width:375px){
.columna_responsive{
padding-top:300px!important;
}
.franja-verde-up {
margin-bottom: -3px;
}
.forma-3-min{
right:220px;
}
}
@media (max-width:340.99px){
.bloque-departamento-creativo-servicios {
width: 304px;
left: 0;
}
div#bloque-texto-servicios {
width: 320px;
margin: 0 auto;
}
.bloque-lista-servicios {
margin-left: 10px;
width: 310px;
}
.texto-servicios {
margin: 10px;
width: 310px;
}
}
@media (max-width:320px){
.svg-int-botttom {
margin-bottom: -13px;
}
.texto-horizontal-min {
width: 237px;
margin: 0 auto;
}
.bloque-experiencia-360-min .bloque-texto-360 {
width: 250px;
height: 250px;
}
.bloque-experiencia-360-min .experiencia-360 {
padding: 0 30px;
}
.forma-3-min{
right:160px;
}
.texto-inicio-svg-min{
width:150px!important;	
}
.texto-inicio-2-min{
width:140px;
right:0;
}
.bloque-texto-inicio-2-mim h3{
font-size:17px!important;
}
.bloque-texto-inico-min h3{
font-size:17px!important;
}
.circulo-svg-interiorismo {
margin: auto;
zoom: 0.5!important;
}
.texto-inicio-estrategia-marca {
gap: 29px!important
}
.bloque-svg-estrategia-marca-abc {
min-width: 100px!important;
}
.letra-svg {
font-size: 185px!important;
}
.bloque-circulo-min .circulo-min {
height: 120px!important;
width: 120px!important;
min-width: 120px!important;
min-height: 120px!important;
}
}