@charset "utf-8";
/* CSS Document */

* { 
	margin: 0;
	padding: 0;
	font-family: Avgardn;
	text-decoration: none;
		
}



body, html {
	/*background: rgb(255,235,145);
background: linear-gradient(140deg, rgba(255,235,145,1) 55%, rgba(254,166,123,1) 100%);*/
			height:100%;
			    background-repeat: no-repeat;
    background-attachment: fixed;




}

h1, h2, h3, h4 { font-size: inherit; font-weight:normal;}



/* edicion de color scrollbar */
::-webkit-scrollbar {
 width: 12px;     /* Tamaño del scroll en vertical */
/*height: 15px;    /* Tamaño del scroll en horizontal */
    /*display: block;  /* Ocultar scroll */
}

/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
::-webkit-scrollbar-thumb {
 background:rgba(51,51,51,1);
 border-radius: 2px;
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
::-webkit-scrollbar-thumb:hover {
 background: rgba(0,0,0,1);
 box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
 transition: 0.3s;
}

/* Cambiamos el fondo cuando esté en active */
::-webkit-scrollbar-thumb:active {
/*background-color: #999999;*/
}

/* Ponemos un color de fondo y redondeamos las esquinas del track */
::-webkit-scrollbar-track {
 background: rgba(204,204,204,1);
 border-radius: 4px;
}
/* Cambiamos el fondo cuando esté en active o hover ::-webkit-scrollbar-track:hover,
::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}*/





#contenedor_total_index{
	width: 100%; height:100%; position:relative;
	}

/*cabecera, logo y nav pc */

#contenedor_cabecera_pc{ width:100%; height:60px; position:fixed; top:0; z-index:100; 
background: rgb(255,255,255);
/*background: rgb(255,235,145);
background: linear-gradient(140deg, rgba(255,235,145,1) 55%, rgba(254,166,123,1) 100%);*/}


#cabecera_pc{ width:80%; height:100%; margin:auto; }

header{ float:left; height:100%;}

#logo_pavel img{ height:60px}

nav{ float:right;  }
nav ul{ list-style:none;}
nav ul li{ float: left; height:100%;  padding-top:20px; font-family:Montserrat-Regular;}
nav ul li a{ text-decoration:none; display: inline-block; color:rgb(0,0,0); font-size:.85rem; padding-left:20px; text-align:center; }

nav ul li a:hover {transition: 0.3s; color:#C75F14; font-size:.85rem; }



/* boton idioma pc*/

#idioma{ float:right; height:100%; padding-left:50px; /*display:none;*/}
#idioma ul{ list-style:none; color: rgb(153,153,153);font-size:.8rem;}
#idioma ul li{ float: right; height:100%;  padding-top:21px; font-family:Montserrat-Regular;}
#idioma ul li a{ text-decoration:none; display: inline-block; color: rgb(153,153,153); font-size:.8rem; padding-left:10px; text-align:center;  }

#idioma ul li a:hover {transition: 0.3s; color: rgb(0,0,0); }





/*pie de pagina con footer y datos*/

footer{ width:100%; float:left; background-color:rgb(0,0,0);font-family:Montserrat-Regular;}


#contenedor_pie_de_pagina_in{ width:50%; margin:auto;  padding-bottom:3rem;}


#contact_data_in { width:100%; margin:auto; /*padding:.7rem 0px .7rem 0px;*/}
#contact_data_in ul{ list-style:none; text-align:left;  }
#contact_data_in ul li{ padding:0.5rem 10px 0.5rem 10px; display:inline;  font-family:Montserrat-Regular;}
#contact_data_in ul li a{ text-decoration:none;  color: rgb(255,255,255); font-size:.85rem; font-weight:800; font-family:Montserrat-Regular;  transition: 0.3s;}

#contact_data_in ul li a:hover {transition: 0.3s; color: rgb(153,153,153); font-size:.85rem;}



/*menu responsive*/



#menu_icon {
  width: 25px;
  height: 2px;
  background-color: rgba(0,0,0,1);
  margin: 3px 1px;
  padding-top:2px;
  float:right;
}

#menu_button {
	
	width:27px;
	height:27px;
	font-size: 30px;
	float: right;
	transition: .3s;
	overflow: hidden;
	position: relative;
	top: 18px;
	right:10px; display:none;
	
	
}
#menu_button :hover {
	background-color: rgba(0,0,0,1);
	
}
#menu_button a {
	color: rgba(255,255,255,1);
	text-align: center;
	padding: 5px;
}




#menu_responsive{z-index: 110;
	position: fixed;
    top: 0px;
	left: 0;
	width: 100%;
	height: 0%;
	opacity:0%;
	
	transition: 0.3s;
	overflow: hidden;
	background: rgb(255,255,255);

}


#logo_menu_responsive{ width:100%; margin:auto; }
#logo_menu_responsive{ text-align:left;}
#logo_menu_responsive img{ height:60px; padding-top:30px}



/* menu responsive eng*/
#menu_responsive_eng{z-index: 110;
	position: fixed;
    top: 0px;
	left: 0;
	width: 100%;
	height: 0%;
	opacity:0%;
	
	transition: 0.3s;
	overflow: hidden;
	background: rgb(255,255,255);
}



#logo_menu_responsive{ width:100%; margin:auto; }
#logo_menu_responsive{ text-align:left;}
#logo_menu_responsive img{ height:60px; padding-top:30px}

/* fin menu responsive eng*/
















.submenus ul {
	font-size: 1.1rem;
	padding-top: 0px; 
	font-family:Montserrat-Regular;
}



.submenus  ul li {
	display: block;
	float: left;
	border-bottom: 1px solid #FFF;
	color: #FFFFFF;
	width: 100%;
	transition: .3s;
	padding-bottom: 12px;
	padding-top: 12px;
	padding-left: 3%;
	
}

.submenus  ul li:hover {
	background-color:rgb(239,239,239); transition: 0.3s;
}

.submenus  ul li a {font-family:Montserrat-Regular;
	display: block;
	padding-left: 3%;
	color:rgb(0,0,0);

	
}




.item { float:left;}




#contenedor_x_cerrar{ width:100%; height:60px; background-color:rgb(0,0,0); position:relative;}


#x_cerrar{
	font-size:2rem;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	float: right;
	position: absolute;
	top: 12px;
	right:9%; 
}
	
	
#x_cerrar a{color:rgb(255,255,255);}



/* Estilos pmpo top presentacion  */

#thispageh1{ display:none;}
#thispageh2{ display:none;}

#po_espacio_arriba{ float:left; width:100%; height:60px;}



#po_contenedor{float:left; width:100%;
}


#po_elementos{ margin:auto; width:50%;  }



#po_foto{float:left; width:45%;}
#po_foto img{ width:100%;  padding-top:20px; padding-bottom:20px;}


#po_txt_cita_on{ display:block;}
#po_txt_cita_hide{ display:none;}




#po_txt{float:right;width:52%; padding-left:2%;}

#po_txt_vacio{float:left; width:100%; height:90px;}

#po_txt_titulo{float:left;}
#po_txt_titulo p{ text-align: left; font-size:2.1rem; font-family:Montserrat-SemiBold;}




#po_txt_cita{float:left; padding-top:2%}
#po_txt_cita p{ text-align:left; font-size:1.3rem; line-height:1.8rem;  font-family:Montserrat;}

#po_txt_firma{float:right;}
#po_txt_firma p{text-align: right; font-size:2.5rem; font-family:Autography; padding-top:2%; }

#po_trayectoria{float:left; width:100%; padding-top:10px;}
#po_trayectoria_txt{ margin:auto; width:50%; }
#po_trayectoria_txt p{text-align: justify; font-size:1.1rem; line-height:1.8rem; font-family:Montserrat;}

#po_contenedor_boton{float:left; width:100%; padding-top:1.5rem; padding-bottom:4rem; }

#boton_hablemos{float: left; margin:auto; width:255px; background-color:#C75F14; text-align:center; padding:9px 2px; border-radius:5px;  transition: 0.3s;}
#boton_hablemos a{ font-family:Montserrat; text-decoration:none; color: rgb(255,255,255); transition: 0.3s; font-size:.95rem;}
#boton_hablemos a:hover{color: rgb(51,51,51); }

#boton_hablemos_2{float: left; margin:auto; width:255px; background-color:#C75F14; text-align:center; padding:9px 2px; border-radius:5px;  transition: 0.3s;}
#boton_hablemos_2 a{ font-family:Montserrat; text-decoration:none; color: rgb(255,255,255); transition: 0.3s; font-size:.95rem;}
#boton_hablemos_2 a:hover{color: rgb(51,51,51); }


	


#po_espacio_abajo{float:left; width:100%; height:30px;  display:block; }
#po_espacio_abajo_white{float:left; width:100%; height:2.5rem; display:block; }








/* Estilos mkt content parte arriba_ full pantalla */





#contenedor_content_mkt{ float:left; width:100%;  height:400px; background-image: url(../imgmktpl/marketing_pavel_lopez.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden;}


#contenedor_content_interior_arriba{ float:left; width:100%; height:48%; position:relative;}
#contenedor_content_interior_arriba_txt{ float:left; bottom:0; left:33%; position:absolute;}
#contenedor_content_interior_arriba_txt p{ font-size:2rem; font-family:Avgardn; color:rgb(255,255,255) }


#contenedor_content_interior_abajo{ float:left; width:100%; height:52%; position:relative;}
#contenedor_content_interior_abajo_txt{ float:right;  top:5%; right:33%; position:absolute;}
#contenedor_content_interior_abajo_txt p{ font-size:2.5rem; font-family:Adam-Bold ; color:rgb(255,235,145) }

/*cambios usando art content video*/

#contenedor_content_art{ float:left; width:100%;position:relative; overflow:hidden;}

#contenedor_video_art{  position:relative; }


#black_frame_video{ height:100%; position: absolute; height:100%; width:100%; z-index:40; background-color:rgb(0,0,0, .20)}

#contenedor_textos_main_video{  position: absolute; height:100%; width:100%; z-index:50 }









/* Estilos mkt_ full pantalla */

#container_what_i_do{ width:100%; float:left; padding: 3rem 0px 0px 0px;}
#what_i_do_txt{ width:50%; margin:auto; text-align:center; font-size:1.8rem; padding:.5rem 0px 0px 0px; border-radius:0px;}
#what_i_do_txt p{ color: rgb(0,0,0); font-family:Montserrat-SemiBold;}


#container_what_i_do_casos{ width:100%; float:left; padding: 1rem 0px 0px 0px;}
#what_i_do_casos{ width:50%; margin:auto; text-align:center; font-size:1.8rem; padding:.5rem 0px 3rem 0px; border-radius:0px;}
#what_i_do_casos p{ color: rgb(0,0,0); font-family:Montserrat-SemiBold;}


#container_steps_parts{width:800px; margin:auto; }


#container_steps_all_text_part_a{width:50%; float:left; height:500px; }
#container_steps_all_text_part_b{width:50%; float:right; }

#marco_servicios{ width:100%; margin:auto; border-style:solid; border-color:rgb(0,0,0); border-width:1rem; }


#container_steps_title{width:100%; float:left; }



#what_i_do_servicios{ width:50%; margin:auto; text-align:center; font-size:1.8rem; padding:.5rem 0px 0px 0px; border-radius:0px;}
#what_i_do_servicios p{ color: rgb(0,0,0); font-family:Montserrat-SemiBold;}


/* Estilos 4 servicios_ full pantalla */

#container_4_servicios{ width:100%; float:left; padding: 3rem 0px 0px 0px;}

#container_todos_los_servicios{ width:60%; margin:auto; }

#container_un_servicio{ max-width:100%;float:left; height:auto; display:flex; flex-wrap: nowrap; padding-bottom:2rem;}

#container_un_servicio_marco{margin:auto;  width:90%; padding:2rem 0rem; border-color: rgb(204,204,204); border-style:solid; border-width: thin; }


#container_imagen_servicio{width:20%;float:left;}
#container_imagen_servicio img{width:100%; padding-top:20px; }

#container_descripcion_servicio{width:80%;float:left;/** height:250px**/}
#servicio_title{padding-top:20px;  width:90%; float:left; text-align:left; font-size:1.5rem; }
#servicio_title p{font-family:Montserrat-Semibold;}


#servicio_txt{padding-top:15px; padding-bottom:20px; width:90%; float:left; line-height:1.5rem;}
#servicio_txt p{font-family:Montserrat; font-size:1rem; }


#steps_title{width:100%; text-align:left; font-size:1.6rem; color: rgb(0,0,0); }
#steps_title p{ padding:.7rem 1rem 0.7rem 1rem; font-family:Montserrat-Semibold; }
.steps_title{ font-size:1.4rem;}

#container_steps_txt{width:100%; float:left;}
#steps_txt{width:95%;   margin:auto; text-align:left; /*font-size:1.2rem ;*/ }
.steps_txt{font-size:1.1rem; /*font-weight:normal;*/ line-height:1.8rem; font-family:Montserrat;}
#steps_txt p{padding:0rem 1rem 1rem 1rem; background:rgb(255,255,255);}










#container_steps_subtitle{width:100%; float:left; display:none;}
#steps_subtitle{width:95%;margin:auto; text-align:left; font-size:1.3rem ; font-weight:800; }
#steps_subtitle p{padding:.7rem 1rem 0.7rem 1rem; background:rgb(255,255,255);}


#container_steps_img_a{width:5%; float:left;}
#container_steps_img_a img{width:100%; opacity:.8}

#container_steps_img_b{width:50%; float:right;}
#container_steps_img_b img{width:100%;}

#container_steps_all_txt{width:95%; float:left;}









/* Estilos mkt_ work blocks */

#container_works_blocks{width:75%; margin:auto; overflow:hidden;}

#a_work_block{ width:25%; float:left; position:relative;  overflow:hidden;   
  border: 16px solid  rgb(255,255,255);
  box-sizing: border-box;  padding-bottom:0.5rem; height:550px; border-bottom:rgb(204,204,204) thin solid;}

#a_work_link_button{width:100%; height:100%; float:left; position:absolute; z-index:5; overflow:hidden; }
#a_work_link_button img{width:100%; height:100%; opacity:0; transition:0.3s; }
#a_work_link_button img:hover{opacity:.23;}


#a_work_img{width:100%; float:left;}
#a_work_img img{ width:100%; }





#a_work_result{width:100%; float:left; font-size:1.1rem; text-align:left;}
#a_work_result p{padding:1rem 1rem 0rem 1rem; font-family:Montserrat-SemiBold; }

#a_work_task{width:100%; float:left; }
#a_work_task p {padding:.5rem 1rem 0rem 1rem; color: rgb(0,0,0); font-size:.9rem; font-family:Montserrat-Regular; }


#a_work_ratio{width:100%; float:left; font-size:1rem; text-align:left;}
#a_work_ratio p{padding:.5rem 1rem .5rem 1rem; color:#C75F14; font-family:Montserrat-SemiBold;  }



#a_work_industry{width:100%; float:left; }
#a_work_industry p {padding:.5rem 1rem 1rem 1rem; color: rgb(0,0,0); font-size:.8rem; font-family:Montserrat; }











/* Estilos _ logos_ clientes */

#logos_clientes {
	
	width: 70%;
	margin:auto;
	

}

#space_clientes{ width:100%; height:3rem;}


#logo_img {
	float: left;
	width: 20%;
}
#logo_img img {
	width: 100%; opacity:.85
}


/* Estilos _ mis_ clientes_encabezado */
#container_my_clients{ padding:0px 0px 3rem 0px;}
#my_clients{ width:50%; margin:auto; text-align:center; font-size:1.8rem; padding:.5rem 0px .5rem 0px;}
#my_clients p{ color: rgb(0,0,0); font-family:Montserrat-SemiBold;}
#space_in_page{ width:100%; float:left; height:2rem;}








#clientes{ width:100%; float:left;height:60px;}
#espaciador_superior{ width:100%; float:left; height:30px; }


/* boton cierre*/

#background_cierre{ background-color: rgb(0,0,0); height: auto; width:100%; float:left; padding-top:3rem;}
#container_cierre_caso{  width:50%; margin:auto; }


#container_caso_mkt_cierre{ float:left; width:100%;  }

#caso_mkt_content_cierre{width:100%; float:right;}


#caso_mkt_content_title_cierre{width:100%; float:left; }

#content_title_cierre{width:100%; margin:auto; text-align: left; font-size:2rem; color: rgb(255,255,255);  }
#content_title_cierre p{ padding:.7rem 1rem 0.7rem 0rem; font-family:Montserrat-SemiBold;  }


#caso_mkt_content_txt_cierre{width:100%; float:left; padding-bottom:10px; padding-top:10px; color: rgb(255,255,255); }
#content_txt_cierre{width:100%; float:left; text-align:left; font-size:1.2rem ; line-height:2rem; }
#content_txt_cierre p{padding:0.7rem 1rem 0.7rem 0rem;  font-family:Montserrat-Regular; }



/* estilos para casos 2026*/


/* la cabecera y ratios de casos 2026*/


#contenedor_cabecera_casos{ width:100%; float:left;}
#cabecera_casos{width:100%; margin:auto; }

#textos_titular_casos{ width:55%; float:left; }

#titular_mini_caso_de_estudio{width:75%; margin:auto; }
#titular_mini_caso_de_estudio p{ font-size:1rem; font-family:Montserrat-SemiBold; padding-top:50px; padding-bottom:1rem;}

#titular_casos{ width:75%; margin:auto; }
#titular_casos p{ font-size:3.2rem; font-family:Montserrat-SemiBold; padding-top:0px;    }

#subtitular_casos{ width:75%; margin:auto;}
#subtitular_casos p{font-family:Montserrat-Regular; padding-top:8px; font-size:1.6rem; line-height:2.5rem;  }

#imagen_casos{ width:45%; float:left; overflow:hidden;}



#contenedor_ratios_superior{ width:100%; float:left; padding-top:3rem; padding-bottom:1rem}
#ratios_superior{width:80%; max-width:1000px; margin:auto; }


#un_ratio_a{ width:45%; float:left; border-right:rgb(204,204,204) thin solid;}

#un_ratio_b{ width:45%; float: right; }

#un_ratio_cifra{width:35%; float:left;}
#un_ratio_cifra p{font-family:Montserrat-SemiBold; font-size:3.5rem;}

#un_ratio_texto{width:40%; float: left;}
#un_ratio_texto p{ padding-top:.5rem; font-family:Montserrat-Regular;font-size:1.4rem;  }








/* el caso*/
#container_caso_mkt{  width:80%; max-width:900px; margin:auto; padding-top:10px;}

#separador{float:left; width:100%; height:3rem;}

#container_caso_mkt_elementos{ float:left; width:100%;  }


#caso_mkt_content_a{width:50%; float:left;  }
#caso_mkt_content_b{width:50%; float:right; }
#caso_mkt_content_c{width:100%; float:right;}


#caso_mkt_img_a{width:50%; float:left; }
#caso_mkt_img_a img{width:100%; padding-bottom:2rem }

#caso_mkt_img_b{width:50%; float:right; }
#caso_mkt_img_b img{width:100%; padding-bottom:2rem }

#caso_mkt_img_c{width:100%; float:right; }
#caso_mkt_img_c img{width:100%; padding-bottom:2rem; padding-top:2rem; }



#caso_mkt_content_title{width:100%; float:left; }
#content_title{width:100%; margin:auto; text-align:left; font-size:2rem;  background-color: rgb(255,255,255); }
#content_title p{ padding:.7rem 1rem 0.7rem 1rem; font-family:Montserrat-SemiBold;  }


#content_title_insight{width:100%; margin:auto; text-align:left; font-size:2rem; color: rgb(102,102,102); background-color: rgb(255,255,255); }
#content_title_insight p{ padding:0rem 1rem 0.7rem 1rem; font-family:Montserrat-SemiBold;  }


#caso_mkt_content_insight{width:100%; float:left; padding-bottom:10px; padding-top:10px;  }
#content_insight_txt{width:80%; float:left; text-align:left; font-size:1.2rem ; line-height:2rem; }
#content_insight_txt p{padding:0.7rem 1rem 0.7rem 1rem; background:rgb(255,255,255); font-family:Montserrat-Regular; }



#caso_mkt_content_txt{width:100%; float:left; padding-bottom:10px; padding-top:10px; }
#content_txt{width:100%; float:left; text-align:left; font-size:1.2rem ; line-height:2rem; }
#content_txt p{padding:0.7rem 1rem 0.7rem 1rem; background:rgb(255,255,255); font-family:Montserrat-Regular; }
.content_resaltado{ font-weight:bold;}



/* Estilo para el contenedor de la lista (ul) */
#content_txt ul.lista-analisis {
    width: 100%;
    float: left;
    list-style-type: none; /* Elimina los bullets feos por defecto */
    padding: 0; /* Resetea el padding nativo */
    margin: 0;
    background: rgb(255,255,255); /* Mismo fondo del párrafo */
}

/* Estilo para cada ítem de la lista (li) */
#content_txt ul.lista-analisis li {
    padding: 0rem .5rem .5rem 2rem; /* Ajusta el padding para dar espacio al nuevo indicador */
    font-family: Montserrat-Regular;
    font-size: 1.2rem;
    line-height: 2rem;
    position: relative; /* Para controlar el posicionamiento del indicador personalizado */
}








#caso_mkt_objetivos{width:100%; float:left; padding-bottom:10px; padding-top:10px; }
#content_objetivos{width:80%; float:left; text-align:left; font-size:1.2rem ; line-height:2rem;}
#content_objetivos p{ padding:0.5rem 1rem 0.5rem 1rem; background:rgb(255,255,255); font-family:Montserrat-Regular; }



/* bloque resultados ratios y  texto*/

#content_title_resultados{width:100%; margin:auto; text-align:left; font-size:2rem;  background-color: rgb(255,255,255); border-bottom:solid rgb(153,153,153) thin;}
#content_title_resultados p{ padding:.7rem 1rem 3rem 1rem; font-family:Montserrat-SemiBold;  }
#caso_mkt_resultados{width:100%; float:left; padding-bottom:10px; padding-top:10px; }
#resultados_contenedor{width:100%;float:left; padding-bottom:2rem; padding-top:2rem; }
#resultados_ratio{ float:left; text-align:left; font-size:3.5rem ; line-height:2rem; color:#C75F14; border-right:rgb(204,204,204) thin solid;}
#resultados_ratio p{padding:0.5rem 1rem 0.5rem 1rem; background:rgb(255,255,255); font-family:Montserrat-SemiBold;  }
#resultados_txt{float:left; text-align:left; font-size:1.2rem ; line-height:2rem; }
#resultados_txt p{padding:0.5rem 1rem 0.5rem 1rem; background:rgb(255,255,255); font-family:Montserrat-Regular; }
#content_line{width:100%; margin:auto; text-align:left; font-size:2rem; color: rgb(102,102,102); background-color: rgb(255,255,255); border-bottom:solid rgb(153,153,153) thin;}
.icon_small{font-size:2.4rem; }


/* bloque acciones estrategicas*/
#caso_mkt_acciones{width:100%; float:left; /*padding-bottom:10px; padding-top:10px;*/}
#acciones_contenedor{width:100%;float:left; padding-top:2rem;}
#content_title_acciones{ padding-top:3rem; width:100%; margin:auto; text-align:left; font-size:2rem;  background-color: rgb(255,255,255); /*border-bottom:solid rgb(153,153,153) thin;*/}
#content_title_acciones p{ padding:.7rem 1rem 0rem 1rem; font-family:Montserrat-SemiBold;  }
#accion_realizada{ float:left; width:100%; text-align:left; font-size:1.5rem ; }
#accion_realizada p{padding:1rem 1rem 2rem 1rem; background:rgb(255,255,255); font-family:Montserrat-Regular;  font-weight: bold }
#accion_resultado{float:left; text-align:left; font-size:1.2rem ; line-height:2rem; }
#accion_resultado p{padding:0rem 1rem 1rem 1rem; background:rgb(255,255,255); font-family:Montserrat-Regular; }


#resultado_final{float:left; text-align:left; font-size:1.3rem ; padding:2rem 0rem; line-height:2rem; }
#resultado_final p{padding:0rem 1rem 1rem 1rem; background:rgb(255,255,255); font-family:Montserrat-Regular; }


.orange{ color:#C75F14}



/* imagen metodologia*/
#imagen_roadmap{ width:100%}
#imagen_roadmap img{ width:100%}




/* laptop 1280 x 800 */
/* ipad pro 1024 x 1366 */

@media screen and (max-width:1250px) 
 
 {
	 
#po_elementos{ width:60%}

#po_foto img{ padding-top:40px; padding-bottom:20px;}

#po_txt_vacio{ height:130px;}


#container_todos_los_servicios{ width:70%; margin:auto; }

#container_works_blocks{width:90%; margin:auto; overflow:hidden;}

#a_work_block{ width:33.3%; height:550px;} 
	 
	 }


@media screen and (max-width:1150px) 
 
 { 
 #po_foto img{ padding-top:70px; padding-bottom:20px;}
 

 /**#container_descripcion_servicio{height:310px}**/
 
#container_works_blocks{width:95%;}

#container_cierre_caso{  width:63%; }

#contenedor_pie_de_pagina_in{ width:63%; }


 
 }










/* iphone 12 428 x 926 */
/* galaxy 20 412 x 915 */


@media screen and (max-width:950px) 
 
 {
	 nav{ display:none}
#menu_button{ display:block} 
	 
	#cabecera_pc{ width:95%} 
	
	
	#po_foto img{ padding-top:40px; padding-bottom:0px;}
	#po_txt_vacio{ height:125px;}
	
/**#container_descripcion_servicio{ height:300px}**/
	
		
	#container_steps_parts{width:95%; } 
	 
	
	
	#logos_clientes {width: 90%;}
	
	#po_elementos{ width:90%;  }
	
	#po_txt_titulo p{ font-size:1.8rem;}
	#po_txt_cita p{font-size:1.3rem;}
	#po_txt_firma p{font-size:2.1rem;}
	#po_trayectoria_txt{ width:90%;}
	#po_trayectoria_txt p{font-size:1rem; font-weight: normal;}	
	#idioma{ padding-right:35px;  padding-top:5px;}


#container_cierre_caso{  width:70%; }
#contenedor_pie_de_pagina_in{ width:70%; }



/* estilos para servicios*/

#container_todos_los_servicios{ width:90%;}



/* estilos para botones index casos*/

#container_works_blocks{width:95%;}
	
#a_work_block{ width:50%; height:550px;}


/* estilos para casos*/

#titular_mini_caso_de_estudio{width:85%;}

#container_caso_mkt{  width:90%;}	

#textos_titular_casos{ width:100%; }

#titular_casos{ width:85%;}

#subtitular_casos{ width:85%;}

#subtitular_casos p{padding-top:10px; padding-bottom:3rem; }

#imagen_casos{ width:100%;}

#ratios_superior{width:90%;}





#un_ratio_a{ width:48%; }

#un_ratio_b{ width:48%; }

#un_ratio_cifra{width:45%;}

#un_ratio_texto{width:50%; }







	 
	 }

@media screen and (max-width:600px) 
 
 { #cabecera_pc{ width:98%} 
	 
	 #idioma{ padding-right:30px; padding-top:5px; float:right;}
	 
#po_elementos{ width:95%; }



#po_txt_cita_on{ display:none;}
#po_txt_cita_hide{ display:block; float:left; width:100%; }
#po_txt_cita_hide_contenedor{ width:90%; margin:auto; }	 
	 
 
	#po_foto img{ padding-top:40px; padding-bottom:1rem;}
	#po_txt_vacio{ height:75px;}
	
		
	 #po_txt_titulo p{ font-size:1.7rem }
	 #po_txt_cita p{font-size:1.2rem; text-align:center }
	 #po_trayectoria_txt p{font-size:1.1rem;  text-align:center; } 

	 
	 
	 
	 #po_foto{width:40%;}
	 #po_txt{float:right;width:55%}
	 #po_txt_cita{float:right; padding-top:2%}
	 

 

	 
	
	#boton_hablemos{float: none;} 
	 
	#container_descripcion_servicio{ height: auto}	 
	 
	 
	 #container_todos_los_servicios{ width:95%;}	 
	 
	 #container_un_servicio_marco{width:95%;}
	 
	 #container_un_servicio{ max-width:100%;}

#what_i_do_servicios{ width:100%;}
#what_i_do_casos{ width:100%;}






#container_works_blocks{width:80%; margin:auto;}

#a_work_block{ width:100%; border-bottom:rgb(204,204,204) thin solid; height:520px;}

#a_work_result p{padding:1rem 0rem .5rem 0rem; /*font-size:1.1rem;*/  }
 
#a_work_task p {padding:0rem 0rem 0rem 0rem; /*line-height:1.6rem*/ }

#a_work_ratio p{padding:.5rem 0rem 1rem 0rem;}

#a_work_industry p {padding:.5rem 0rem 3rem 0rem;}















#titular_mini_caso_de_estudio p{ padding-top:50px;}

#titular_casos{ width:85%; overflow:hidden; }
#subtitular_casos{ width:85%;  overflow:hidden;}
#titular_casos p{ font-size:2.5rem;}
#subtitular_casos p{font-size:1.5rem; }

#un_ratio_a{ width:100%; padding-bottom:2rem; border-right:none; }

#un_ratio_b{ width:100%; float:left; padding-top:2rem; border-top:rgb(204,204,204) thin solid; }



#imagen_casos img{ width:150%;}










#logos_clientes {
	
	width: 100%;
	
}
#logo_img {
	
	width: 50%;
}
#logo_img img {
	width: 100%;
}


#my_clients{ width:95%; }

#container_cierre_caso{  width:80%; }
#contenedor_pie_de_pagina_in{ width:80%; }
#contact_data_in{ padding-top:1rem;}
#contact_data_in ul li a{ font-size:1.1rem;}
#contact_data_in ul li{ display: list-item;}



#servicio_txt p { font-size:1.1rem; line-height:1.8rem;}


#po_contenedor_boton{ padding-bottom:2rem;}

	 }
	 

@media screen and (max-width:450px) 	 
	 
	 { #idioma{ padding-right:0px; padding-top:5px; float: left}
	 
	 #resultados_ratio{  border-right:none}
	 #what_i_do_servicios{ width:80%;}
     #what_i_do_casos{ width:80%;}
	 #po_txt_vacio{ height:60px;}
#container_works_blocks{width:90%;}
	 
	 
		#po_foto img{ padding-top:60px; padding-bottom:1rem;}
	
	
		
	 #po_txt_titulo p{ font-size:1.5rem }

	 
	 
	 }