/*
 Theme Name:     DevelOPP
 Theme URI:      https://imesdisseny.com
 Description:    Divi Child Theme
 Author:         imesdisseny
 Author URI:     https://imesdisseny.com
 Template:       Divi
 Version:        1.1.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */



/* responsive */

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
}
 
@media all and (max-width: 980px) {
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 }

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 }

/* Apply to all ordered lists */

ul li::marker, ol li::marker {
  color: #00A0D2; /* Cambia el color de los puntos o números */
}

ol {
  list-style-type: decimal;
  padding-left: 0; /* Remove default padding */
}

ol li {
  display: flex; /* Flexbox to separate the number from the text */
	padding-left: 1.1rem !important;

}

ol li::before {
  content: counter(list-item) ". "; /* Display the number followed by a space */
  counter-increment: list-item; /* Increment the counter for each list item */
  margin-right: 9px; /* Adjust the space between the number and the text */
  color: #00A0D2;
  font-weight: 900;
}
ol li:first-child::before {
  margin-right: 11px;
}




.transparent__grid {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
  color: #000;
}

.transparent__grid h5, .transparent__grid p, .transparent__grid ul li {
  color: inherit;
  position: relative; /* Agregar esta propiedad */
}

.transparent__grid::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://developp.com/wp-content/uploads/2024/12/Modalidades-1_4UNITATS.jpg');
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  z-index: -1; /* Imagen detrás del contenido */
}

.transparent__grid:hover::before {
  opacity: 1; /* Imagen visible al hacer hover */
}

/* Nueva capa oscura semi-transparente */
.transparent__grid::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Color negro semi-transparente */
  opacity: 0;
  z-index: 0; /* Asegura que la capa esté sobre la imagen pero debajo del contenido */
  pointer-events: none; /* Asegura que la capa no interfiera con el texto */
}

.transparent__grid:hover::after {
  opacity: 1; /* La capa se vuelve visible al hacer hover */
}

.transparent__grid:hover h5, 
.transparent__grid:hover p, 
.transparent__grid:hover ul li {
  color: white;
  z-index: 2;
}

.transparent__grid:hover .et_pb_button.ddb-grid-item-button {
  background-color: white;
  z-index: 100;
}

/* Modificar estils grid transparent al fer hover */

.transparent__grid {
  position: relative;
  overflow: hidden;
  height: 30rem;
  z-index: 1;
  color: #000;
  position: relative;
  max-width: 100%;
  overflow-x: hidden;

}

.transparent__grid__strong {
	display: flex;
	padding-bottom: 0% !important;
	min-height: 90px;
	font-weight: 600 !important;
}

.transparent__grid h5, .transparent__grid p, .transparent__grid ul li {
  color: inherit;
  position: relative; /* Agregar esta propiedad */
}

.transparent__grid::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  z-index: -1; /* Imagen detrás del contenido */
}

.transparent__grid:hover::before {
  opacity: 1; /* Imagen visible al hacer hover */
}

/* Nueva capa oscura semi-transparente */
.transparent__grid::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Color negro semi-transparente */
  opacity: 0;
  z-index: 0; /* Asegura que la capa esté sobre la imagen pero debajo del contenido */
  pointer-events: none; /* Asegura que la capa no interfiera con el texto */
}

.transparent__grid:hover::after {
  opacity: 1; /* La capa se vuelve visible al hacer hover */
}
.transparent__grid h3 {
	min-height: 70px;
}
.transparent__grid:hover h3 span, 
.transparent__grid:hover p, 
.transparent__grid:hover ul li,
.transparent__grid:hover ol li,
.transparent__grid:hover ol li::before,
.transparent__grid:hover span {
  position: relative !important;
  color: white;
  z-index: 3;
  font-weight: 400;
}
.transparent__grid:hover h3 span {
	font-weight: 500;
}

.transparent__grid:hover ol li::before {
	font-weight: 900;
}


/* Modificar icona */
.transparent__grid div div div span.ddb-icon{
	line-height: 340px;
	height: 0px !important;
	z-index: 2;
}
.transparent__grid div div div p{
	font-weight: 400 !important;
}

.area_de_trabajo__grid div div div div h3.ddb-grid-item-title{
	padding-bottom: 10% !important;
	  min-height: 90px;
}
.area_de_trabajo__grid div div div span.ddb-icon{
	line-height: 205px;
	height: 0px !important;

}
.area_de_trabajo__grid__1__line div div div span.ddb-icon {
	line-height: 205px;
	height: 0px !important;
}

.area_de_trabajo__grid__2__lines div div div span.ddb-icon {
	line-height: 205px;
	height: 0px !important;

}

.text-icon-container img, .text-icon-container i {
  flex-shrink: 0; /* Asegura que el icono no se deforme */
}

.text-icon-container p {
  margin: 0; /* Elimina márgenes adicionales en el texto */
}

.contactanos__button, .hablemos_de_negocios {
	font-weight: 400 !important;
}

div.transparent__grid div.et_pb_module_inner div.ddb-grid-content {
	height: 100%;
}
div.transparent__grid div.et_pb_module_inner div.ddb-grid-content div.ddb-custom-grid-item {
	height: 25rem;
}

@media (min-width: 768px) and (max-width: 1024px) {
    div.transparent__grid div.et_pb_module_inner {
        height: 25rem;
    }
}


div.area_de_trabajo__grid div.et_pb_module_inner div.ddb-grid-content {
	height: 25rem;
}
div.area_de_trabajo__grid div.et_pb_module_inner div.ddb-grid-content div.ddb-custom-grid-item {
	height: 100%;
}

div.area_de_trabajo__grid div.et_pb_module_inner {
	height: 100%;
}




/* Modificar imatge de fons */
.transparent__grid__url__0::before {
  background-image: url('https://developp.com/wp-content/uploads/2024/12/Modalidades-1_4UNITATS.jpg');
}
.transparent__grid__url__1::before {
	background-image: url('https://developp.com/wp-content/uploads/2024/12/Modalidades-2_4UNITATS.jpg');
}
.transparent__grid__url__2::before {
	background-image: url('https://developp.com/wp-content/uploads/2024/12/Modalidades-3_4UNITATS.jpg');
}
.transparent__grid__url__3::before {
	background-image: url('https://developp.com/wp-content/uploads/2024/12/Modalidades-4_4UNITATS.jpg');
}
.por_que_developp_blurb {
	padding-top: 20px;
	font-weight: 400;
}

.por_que_developp_blurb div.et_pb_blurb_content div.et_pb_main_blurb_image span.et_pb_image_wrap span{
	line-height: 30px;
	margin-right: 12px;
}
.fila_por_que_developp {
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 5%;
}
.llista_icones_por_que_developp {
	margin-bottom: 2.25rem !important;
	margin-left: 9% !important;

}
.llista_icones_por_que_developp div.et_pb_blurb_content div.et_pb_main_blurb_image span.et_pb_image_wrap span {
 line-height: 25px;

}

.experiencia__textos {
	font-weight: 400 !important;
	padding-left: 5% !important;
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	
	.llista_icones_por_que_developp {
	margin-bottom: 2.5% !important;
	margin-left: 0% !important;

	}
	.transparent__grid {
		height: 25rem !important; 	
	}
	.area_de_trabajo__grid {
		padding-top: 0% !important;
		padding-bottom: 0% !important;
	}
    div.area_de_trabajo__grid div.et_pb_module_inner div.ddb-grid-content {
		height: 19rem !important;
	}
  
}

div#titol__plan__de__marketing {
	margin-left: auto !important;
	margin-right: auto !important;
}

.columnes__03 div div div div h3{
	display: inline-block;
	min-height: 65px;
}

div.ddb-custom-grid-item div.ddb-content div.ddb-grid-item-body ul.bigger_left_padding {
    padding-left: 1.875rem !important;
  	padding-bottom: 0rem !important;
}

div.ddb-custom-grid-item div.ddb-content div.ddb-grid-item-body ol.ordered__left__padding {
    padding-left: 1.56rem !important;
}

.big-space {
  padding-top: 1.25rem;
  padding-bottom: 0.625rem;
}

.article__blog strong {
	font-weight: 400;
}
.article__blog a {
	color: black;
}
.article__blog a:hover, a:active a:visited {
	color: #0090c9;
}
.article__blog li {
	font-size: 14px !important;
}

.article__blog ul li::marker, ol li::marker {
  color: #7a7a7a; /* Cambia el color de los puntos o números */
}
.article__blog p.increased__spacing {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.decreased__spacing p{
	padding-bottom: 0rem !important;
}
.article__blog p {
	padding-bottom: 0rem;
}

.article__blog h2 {
	padding-bottom: 20px;
	padding-top: 20px;
}
.article__blog h4 {
	padding-top: 1.5rem;
	padding-bottom: 0px;
}
.article__blog h3 strong{
	font-weight: 900;
}
.article__blog h3 {
	text-transform: uppercase;
	padding-bottom: 1.5rem;
}
.article__blog h4 strong{
	font-weight: 700;	
}

h3 span span.blue__number {
	color: #00a0d2;
	font-size: 14px !important;
}
.servicios__imatge {
	width: 100%; 
	height: 300px; 
	object-fit: cover; 
	overflow: hidden;
	margin-top: 2rem

}
.grid__separator {
	margin-bottom: 2rem;
}

span.blue__number {
	display: block;
	margin-bottom: 2rem;
}

/*Formularis de contacte */

.gform__contacto input, textarea {
    background-color: #f6f6f6 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
	color: #818181 !important;
	font-family: 'Raleway', sans-serif !important;
	font-size: 13px !important;
	line-height: 17px !important;
}
.gform__contacto label, legend, label span, legend span {
	font-size: 16px !important;
	line-height: 26px !important;
	font-weight: 400 !important;
	color: #818181 !important;
	font-family: 'Raleway', sans-serif !important;
}
.gform__contacto label span, legend span {
	text-transform: lowercase !important;
}
#gform_submit_button_1, #gform_submit_button_2 {
	background-color: transparent !important;
	border: 2px solid #303030 !important;
	padding: 0 24.5px !important;
	font-family: 'Raleway', sans-serif !important;
	font-size: 13px !important;
	line-height: 36px !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	color: black !important;
	font-weight: 700 !important;
	border-radius: 4px !important;
}
#gform_submit_button_1:hover, #gform_submit_button_2:hover {
  background-color: #0090c9 !important;
  color: white !important;
  border-color: #0090c9 !important;
}

.transparent__grid__innovacion h3,  div.ddb-custom-grid-item div.ddb-content div.ddb-grid-item-body  ol{
	padding-left: 1.1rem !important;
}
.transparent__grid__innovacion li{
	padding-bottom: 10px;
}

.menu__subitems div ul {
	width: 50rem;
 	list-style-type: none;
	color: black !important;
}
.menu__subitems a {
	color: black !important;
}

.articles__interes {
	font-family: 'Poppins', sans-serif !important;
	color: #00A0D2 !important;
	font-size: 18px !important;
	font-weight: 600 !important;
		
}
.ddb-filter.ddb-btn.ddb-gallery-btn.ddb-inline-block.ddb-p-m::first-letter {
  text-transform: uppercase;
}

.area_de_trabajo__grid--llarga {
	height: 40rem !important;
}

.transparent__grid__proceso {
	
}
.transparent__grid__proceso__0:before {
  background-image: url('https://developp.com/wp-content/uploads/2025/01/post-it-innovacion_1.jpg');
}
.transparent__grid__proceso__1:before {
	background-image: url('https://developp.com/wp-content/uploads/2025/01/post-it-innovacion_2.jpg');
}
.transparent__grid__proceso__2:before {
	background-image: url('https://developp.com/wp-content/uploads/2025/01/post-it-innovacion_3.jpg');
}
.transparent__grid__proceso__3:before {
	background-image: url('https://developp.com/wp-content/uploads/2025/01/post-it-innovacion_4.jpg');
}
@media (max-width: 768px) {
	.area_de_trabajo__grid--llarga {
		height: 30rem !important;
	}
	div.area_de_trabajo__grid div.et_pb_module_inner div.ddb-grid-content div.ddb-custom-grid-item {
		overflow: hidden !important;
		height: 33rem !important;
	}
	.area_de_trabajo__grid--llarga2 {
		height: 40rem !important;
	}
	.menu__subitems div ul {
		width: 100%;
		list-style-type: none;
		color: #000 !important;
	}
	.area_de_trabajo__grid--llarga--equipo {
		height: 39rem !important;
		padding-top: 2rem !important;
	}
	
}

.logos__home .et_pb_module_inner img {
  max-height: 190px;
  height: 120px;
  min-height: 120px;
  width: auto !important;
  object-fit: contain;
  max-width: 239.333px !important;
}

.galeria__experiencia img{
	max-height: 190px;
	height: 160px;
	min-height: 160px;
	width: auto !important;
	object-fit: contain;
}

.et_pb_section_0_tb_header {
	border-bottom: 0px; 
}

@media only screen and (max-width: 767px) {
	.et_pb_divimenus_flex_0_tb_header .dd-flex {
		align-items: end !important;
	}
	.et_pb_divimenus_flex_0_tb_header .dd-logo {
		margin-top: 0px !important;
	}
}
div.et_pb_module.dondivi_gallery.dondivi_gallery_0.galeria__experiencia 
  div.et_pb_module_inner 
  div.ddb-gallery-filters.ddb-pb {
  display: flex;
}


/* First child */
.galeria__experiencia div.ddb-gallery-filters.ddb-pb > :nth-child(1) {
	order: 1;
}

/* Second child */
.galeria__experiencia div.ddb-gallery-filters.ddb-pb > :nth-child(2) {
	order: 2;
}

/* Third child */
.galeria__experiencia div.ddb-gallery-filters.ddb-pb > :nth-child(3) {
	order: 4;
}

/* Fourth child */
.galeria__experiencia div.ddb-gallery-filters.ddb-pb > :nth-child(4) {
	order: 3;
	margin-right: 1%

}

.no__padding__bottom,
ul.no__padding__bottom{
	padding-bottom: 0px;
}

div.et_pb_with_border.et_pb_module.shadow__articles.et_pb_blog_grid_wrapper.et_pb_bg_layout_light div.et_pb_blog_grid.clearfix div.et_pb_ajax_pagination_container div.et_pb_salvattore_content div.column.size-1of1  article{
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
}

div.et_pb_module.et_pb_gallery.et_pb_gallery_0.custom__gallery.et_pb_bg_layout_light.et_pb_gallery_grid div.et_pb_gallery_items.et_post_gallery.clearfix div.et_pb_gallery_item.et_pb_grid_item.et_pb_bg_layout_light {
	align-content: center;
	margin: auto;
	width: 100%;
	height: 8rem;
}

div.custom__gallery div.et_pb_gallery_items.et_post_gallery.clearfix {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 20px !important;
	position: relative !important;
	z-index: 1 !important;
	max-height: none !important;
	overflow: visible !important;
}

/* R25: butons dins de grids */
.ddb-content .et_pb_button {
	margin-top: 20px;
	padding-top: 11px !important;
	  padding-right: 35px !important;
	  padding-bottom: 11px !important;
	  padding-left: 35px !important;
}