/*
Theme Name: GeneratePress Hijo
Theme URI: http://oondeo.es
Template: generatepress
Author: Oondeo
Author URI: http://oondeo.es
Description: GeneratePress Tema Hijo
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.0.0.1603905313
Updated: 2020-10-28 17:15:13

*/

:root{
  --c1: rgb(21, 143, 199); /* #158fc7 */
  --c2: rgb(238,35,91); /* #ee235b */
  --c3: rgb(58, 58, 58); /* #3a3a3a */
  --c4: rgb(119,10,117); /* #770a75 */
  --c5: rgb(29,99,171); /* #1d63ab */
  --bg1: rgb(35, 35, 53); /* #232335 */

  --c1transparent:  rgba(21, 143, 199, .3);
}

html, body{
  overflow-x: hidden;
}
header#masthead {
  position: fixed !important;
  width: 100%;
  height: 75px;
}
#page {
  margin-top: 75px;
}
.site-content{
  padding-bottom: 0 !important;
}
footer p {
  font-size: 1em;
  margin-bottom: 10px;
  color: var(--c3);
}
footer a {
  color: var(--c1);
}
a{
  color: var(--c2);
}
a:hover{
  color: var(--c4);
}
footer a:hover {
  color: var(--c5);
}
.prueba{
  background-color: red;
}

.p-relative{
  position: relative;
}

.p-fixed{
  position: fixed;
}
.one-container .site .site-content {
  padding-top: 0;
}

.btn-principal button,
.btn-principal a {
  margin-top: 20px;
  font-size: 24px !important;
  font-weight: bold;
  letter-spacing: 1px;
  background: var(--c1) !important;
  color: white !important;
  border-width: 3px !important;
}
.btn-principal button:hover,
.btn-principal a:hover {
  filter: brightness(1.2);
}
.btn-degradado button,
.btn-degradado a,
input.btn-degradado{
  border: 3px solid white;
  border-radius: 5px;
  margin-top: 20px;
  font-size: 24px !important;
  font-weight: bold;
  letter-spacing: 1px;
  color: white !important;
  border-width: 3px !important;
  transition: .3s ease-in-out;
  background-size: 200% auto !important;
  background-image: linear-gradient( 130deg, var(--c1) 0%, var(--c4) 50%, var(--c2) 100%) !important;
  background-size:200% auto; 
}
.btn-degradado button:hover,
.btn-degradado a:hover,
input.btn-degradado:hover{
  background-position: right center !important;
  /* background-position: 50% center; */
  transition: .3s ease-in-out;
}

.contenedor-principal{
  padding: 5vh 15vw !important;
}

.contenedor-principal-slim{
  padding: 5vh 8vw !important;
}

.border-radius-10 figure, .border-radius-10 img{
  border-radius: 10px;
}
p{
  color: white;
  font-size: 1.5em;
}
h1{
  text-transform: uppercase;
  font-weight: bold;
  font-size: 3.5em;
  color: white;
}

h2{
  text-transform: uppercase;
  font-weight: bold;
  font-size: 3em;
  color: var(--c1);
}

.c-white, .c-white *{
  color: white;
}
.degradado {
  background: -webkit-gradient(linear,left top,right top,color-stop(20%,#158fc7),color-stop(50%,#770a75),color-stop(80%,#ee235b));
  background: -webkit-linear-gradient(-70deg,#158fc7 20%, #770a75 50%, #ee235b 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-gradient{
  background: linear-gradient(130deg, var(--c1), var(--c4), var(--c2)); 
}
.bg-gradient-2{
  background: linear-gradient(130deg, var(--c4), var(--c1)); 
}
.bg-gradient-3{
  background: linear-gradient(130deg, var(--bg1), var(--c4)); 
}
.bg-solid{
  background-color: var(--bg1);
}

.bg-gradient.animated-position,
.bg-gradient-2.animated-position,
.bg-gradient-3.animated-position {
  background-size: 200%;
  transition: 1s ease;
  background-position: left center;
}
.bg-gradient.animated-position:hover,
.bg-gradient-2.animated-position:hover,
.bg-gradient-3.animated-position:hover {
  background-position: right center;
}

.img-svg img{
  min-width: auto;
  /* max-height: 400px; */
  height: auto;
} 
 /* .img-svg-odoo{
  height: 185px;
  width: auto;
}  */

 .img-svg *{
  width: auto;
  /* max-height: 400px; */
  height: auto  ;
} 
.img-svg-2 img{
  width: 400px;
  height: auto;
  margin-left: 65px;
}
 .img.attachment-full.vc_single_image-img{
  height: 185px;
  width: auto;
 
} 

.d-flex{
  display:flex;
}

.align-items-center{
  align-items: center;
}

#page #main header{
  display: none;
}
#page #main .entry-content{
  margin-top: 0;
}
.px-20-percent{
  padding-right: 20% !important;
  padding-left: 20% !important;
}
.only-mobile{
  /* display: none; */
}

.only-smaller-than-1200{
  display: none;
}

@media (max-width: 767px){
  .only-mobile{
    display: block;
  }
  .no-mobile{
    display: none;
  }
}

@media (max-width: 1200px){
  .only-bigger-than-1200{
    display: none;
  }
  .only-smaller-than-1200{
    display: block;
  }
  .px-20-percent{
    padding-right: 10% !important;
    padding-left: 10% !important;
  }
}

/*+++++++++++++   HOME   +++++++++++++*/

.servicioContainer{
  position: relative;
  height: 315px;
  cursor: pointer;
  border: 4px solid var(--c3);
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: .4s ease-in-out;
}
.servicioContainer:hover{
  transition: .4s ease-in-out;
  border-color: var(--c1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 13px 30px 5px rgba(0, 0, 0, 0.35)
}
.servicioContainer .imgContainer{
  background-position: center;
  background-size: cover;
  height: 220px;
  width: 100%;
  position: relative;
  margin: 0;
}

.servicioContainer .imgContainer .imgContainerHover{

  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 4em;
  font-weight: bold;
  /* background-image: radial-gradient(circle, rgba(0, 0, 0, .3) 0%, rgba(0,0,0,1) 100%);*/
  background-image: linear-gradient( 135deg, rgba(21, 143, 199, .6) 0%, rgba(238,35,91,.6) 100%);

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: .3s ease-in-out;
}

.servicioContainer:hover .imgContainer .imgContainerHover{
  opacity: 1;
  transition: .4s ease-in-out;
}

.servicioContainer .imgDescription{
  height: 95px;
  margin: 0;
  padding: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top: 2px solid var(--c3);
}

.servicioContainer .imgDescription h3{
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0;
}

.servicioContainer .imgDescription h4{
  font-size: 1.3em;
  margin-bottom: 10px;
}

.servicios-nube-container > .wpb_column {
  margin-left: 0;
}
.contenedor-principal.servicios-nube {
  background-image: linear-gradient(
45deg
, #770a75, #158fc7);
}

.servicios-nube .wpb_single_image, .servicios-nube h3,
.infraestructuras .wpb_single_image, .infraestructuras h3 {
  margin-bottom: 0;
}
.contenedor-principal .servicio {
  margin: 30px 0 30px auto;
  max-width: 400px;
}

.servicio .wpb_single_image img {
  min-width: 60px;
  max-width: 75px;
  
}
/* INFRAESTRUCTURAS */
.contenedor-principal.infraestructuras {
  background-color: var(--bg1);
}
.columna-servicios-infraestructura{
  /* margin-left: 250px;
  margin-right: -250px; */

}

.infraestructuras .btn-principal{
  margin-top: 40px;
}


/* Grid */
.empresas-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Cambiado a 3 columnas */
  grid-template-rows: repeat(6, 1fr);
  grid-gap: 20px; /* Aumentado el espacio entre las celdas */
  margin-left: 18.5%;
  margin-right: 18.5%;
}

.empresa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px; /* Aumentado el padding */
  border-radius: 10px; /* Aumentado el radio de borde */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}
.empresa{
  height: 300px;
}
.empresa:hover {
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.empresa img {
  width: 220px; /* Aumentado el tamaño del logo */
  height: auto;
  border-radius: 10px; /* Mantenido el borde redondeado */
}
.empresa:hover  {
  transform: scale(1.045); /* Escalado del 10% al pasar el ratón */
  transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); 
}

h3 {
  /* margin-top: 10px; Mantenido el margen superior */
  font-size: 18px; /* Aumentado el tamaño del texto */
  font-weight: bold;
}

/* Estilos individuales para cada empresa */
 .Ecofricalia img,
 .mediadores img,
.Scout10 img,
.tresdzier img,
.Nova-Consultors img,
.aepcp img,
.ideasmedioambientales img
{
  width: 300px; /* Aumentado el tamaño del logo de empresas específicas */
 } 

 .Formalba img,.lacronica img,.DeportesVegabaja img,.EnTomelloso img,.InfoCLM img,.Gestion-de-compras img{
  width: 350px;
}

.Voces-de-Cuenca img,.PeriodicoCLM img,.sillasarmero img,.concilia2 img{
  width: 450px;
}

.El-Digital-de-Albacete img{
  width: 500px;
}

.Playthenet img,.proteinsecta img ,.cityofclasses img,.Albabroker img,.Gestion-de-compras img{
  width: 170px;
}

.vircemMascotas img,.uclm img,.Davinci img,.SomosCLM  img{
  width: 200px;
}

.fisioterapiatonirejas img{
  width: 250px;
} 

 /* Ajustes de estilo personalizados */
/*
 .swiper-container {
  width: 99%;
  padding-top: 25px;
  margin-right: 50px !important;
}
.swiper-slide {
  text-align: center;
}
.swiper-slide img {
  max-width: 99%;
  height: auto;
}

.wpb_wrapper{
  margin-left: 10px;
}
*/

/* Añade los estilos para las demás empresas */
.Ecofricalia{
  background-image: url(/wp-content/uploads/2022/04/ecofricalia-background-min.jpg) !important ;
  background-size: cover;
  background-position: center;
}
.mediadores{
  background-image: url(/wp-content/uploads/2024/05/3200X912-GettyImages-5384929322.jpg.img_.3200.1566390574144-scaled.jpg) !important;
  background-size: cover;
  background-position: center;
}

.Scout10{
  background-image: url(/wp-content/uploads/2022/04/scout-10-background-min.jpg) !important;
  background-size: cover;
  background-position: center;
}
.concilia2{
  background-image: url(/wp-content/uploads/2024/05/1573715119821.jpg) !important;
  background-size: cover;
  background-position: center;
  
}

.El-Digital-de-Albacete{
  background-image: url(/wp-content/uploads/2022/04/periodico-background-min.jpg) !important;
  background-size: cover;
  background-position: center;
}
.Albabroker{
  background-image: url(/wp-content/uploads/2022/04/albabrocker-backgorund-min.jpg) !important;
  background-size: cover;
  background-position: center;
}

.Playthenet{
  background-image: url(/wp-content/uploads/2022/04/playthenet-background-min.jpg) !important;
  background-size: cover;
  background-position: center;
}
.SomosCLM{
  background-image: url(/wp-content/uploads/2022/04/castilla-la-mancha-background-min.jpg) !important;
  background-size: cover;
  background-position: center;

}
.resgroup{
  background-image: url(/wp-content/uploads/2024/04/b6a45454-6ac3-4262-9c75-baa4a62ff64a.jpg) !important;
  background-size: cover;
  background-position: center;
}
.sillasarmero{
  background-image: url(/wp-content/uploads/2024/04/categoria-bancos.png) !important;
  background-size: cover;
  background-position: center;
}

.Formalba{
  background-image: url(/wp-content/uploads/2024/04/pngtree-world-newspapers-newsprint-communication-page-photo-image_27156072.jpg) !important;
  background-size: cover;
  background-position: center;
}
.Voces-de-Cuenca{
  background-image: url(/wp-content/uploads/2022/04/cuenca-background-min.jpg) !important;
  background-size: cover;
  background-position: center;
}
.EnTomelloso{
  background-image: url(/wp-content/uploads/2022/04/entomelloso-background-min.jpg) !important;
  background-size: cover;
  background-position: center;
}
.InfoCLM{
  background-image: url(/wp-content/uploads/2022/04/castilla-la-mancha2-background-min.jpg) !important;
  background-size: cover;
  background-position: center;
}
.Revisa{
  background-image: url(/wp-content/uploads/2022/04/revisa-backgorund-min.png) !important;
  background-size: cover;
  background-position: center;

}
.Nova-Consultors{
  background-image: url(/wp-content/uploads/2022/04/nova-consultors-background-min.jpg) !important;
  background-size: cover;
  background-position: center;
}
.DeportesVegabaja{
  background-image: url(/wp-content/uploads/2024/04/227888618-many-different-sports-balls-on-gray-background-flat-lay-space-for-text.jpg) !important;
  background-size: cover;
  background-position: center;
}
.Gestion-de-compras{
  background-image: url(/wp-content/uploads/2022/04/gestion-de-compras-background.jpg) !important;
  background-size: cover;
  background-position: center;
}
.aepcp{
  background-image: url(/wp-content/uploads/2024/04/head-1965669_6401.png) !important;
  background-size: cover;
  background-position: center;
}

.tresdzier{
  background-image: url(/wp-content/uploads/2024/04/descarga.jpg) !important;
  background-size: cover;
  background-position: center;
}
.cityofclasses{
  background-image: url(/wp-content/uploads/2024/05/academia-entrada.jpg) !important;
  background-size: cover;
  background-position: center;
}
.proteinsecta{
  background-image: url(/wp-content/uploads/2024/04/PROTEINSECTA.jpg) !important;
  background-size: cover;
  background-position: center;

}
.lacronica{
  background-image: url(/wp-content/uploads/2024/04/depositphotos_5579067-stock-photo-ancient-newspapers.webp) !important;
  background-size: cover;
  background-position: center;
}
.vircem{
  background-image: url(/wp-content/uploads/2024/04/photo-1554034483-04fda0d3507b.jpg) !important;
  background-size: cover;
  background-position: center;
}
.vircemMascotas{
  background-image: url(/wp-content/uploads/2024/04/orange-sunset-sky-free-photo.jpg) !important;
  background-size: cover;
  background-position: center;
}
.ideasmedioambientales{
  background-image: url(/wp-content/uploads/2024/04/vsg_04122020_01-min-scaled-1.jpg) !important;
  background-size: cover;
  background-position: center;
}

.uclm{
  background-image: url(/wp-content/uploads/2024/04/640852d826300.jpeg) !important;
  background-size: cover;
  background-position: center;
}
.Davinci{
  background-image: url(/wp-content/uploads/2024/04/308677279_572016461418653_617554876701311204_n.jpeg) !important;
  background-size: cover;
  background-position: center;
}
.fisioterapiatonirejas{
  background-image: url(/wp-content/uploads/2024/04/tratamiento_fisioterapia_redim.jpg) !important;
  background-size: cover;
  background-position: center;
}


/* Responsive */
@media (max-width: 767px) {
  .empresas-grid-container {
    grid-template-columns: 1fr; /* Cambiado a una columna en dispositivos más pequeños */
  }
}

/*-------------   HOME   -------------*/

.mapa img{
  height: auto;
}

.mapa-letras {
  color: #009ece;
  text-align: center;
  margin: 11px;
}

/*----------Foto Hosting Pag Inicio---------*/
.foto-nube img{
  height: auto;
  width: 500px;
 
 
}
/*------------MAPA DEL INICIO -----------*/

.mapp-layout{
  width: 64.5% !important;
  height: 350px;
  /* margin-left: 335px; */
}
.mapp-main{
  z-index: 11;
}

.mapp-thumbnail {
  padding: 10px;
  width: 215px;
  height: 150px;
  margin-top: 20px;
  margin-bottom: 20px;
}

/*+++++++++++++ PAGINA MAQUINAS    +++++++++++++*/
form#filtrodata {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  gap: 20px;
}

form#filtrodata .form-group {
  display: flex;
  flex-direction: column;
  min-width: 215px;
  flex: 1;
}

form#filtrodata .form-group > * {
  width: 100%;
}

.form-group label {
  display: flex;
  flex-direction: column;
}

.form-group {
  align-items: center;
}

.form-group button {
  margin-top: 20px;

}

@media screen and (max-width: 768px) {
  form#filtrodata .form-group {
    min-width: auto;
  }

  .form-group label {
    width: 100%;
    margin-bottom: 10px;
  }
  
  .form-group button {
    margin-top: 10px;
  }
}


/*+++++++++++++   MULTIPLATAFORMA / post-277   +++++++++++++*/

.post-277 p {
  font-size: 1.5em;
  padding: 0 50px;
  margin-bottom: 0;
}

.multiplataforma-sec1 p{
  color: white;
}


#medios-de-comunicacion{
  scroll-margin-top: 250px;
}

#desarrollo-erp{
  scroll-margin-top: 350px;
}


.vc_section[data-vc-full-width] {
  overflow: unset !important;
}
#web-profesional{
  scroll-margin-top: 250px;
}


/*-------IMAGENES DESAROLLOS MULTIPLATAFORMA------*/

.multiplataforma-img img{
  height: auto;
  width: 500px;
}


.multiplataforma-sec1 h2{
  margin-bottom: 20px;
  font-size: 2.5em;
  color: white;
}

.proceso-creativo-item {
  display: flex;
  align-items: center;
  justify-content: center;

  height: 80px;
}

.proceso-creativo-item h3{
  margin-bottom: 0;
  margin-left: 15px;
  font-size: 2.1em;
  color: white;
}
.multiplataforma-sec2 p{
  color: var(--c3);
}


.multiplataforma-sec3{
  background-color: var(--bg1);
}

.multiplataforma-sec3 p{
  color: white;
}
.multiplataforma-sec3 .proceso-creativo-item{
  height: 40px;
}

.multiplataforma-sec3 .multiplataforma-periodicos img {
  width: 100%; 
}
.multiplataforma-periodicos{
  padding-bottom: 10px;
}
.multiplataforma-sec4 .erp-item, 
.multiplataforma-sec4 .erp-item *{
  text-align: center;
  color: black;
}

.erp-movil img{
  margin-top: -50px;
  margin-bottom: -30px;
  max-width: 300px !important;
}

.erp-odoo-contenedor {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  color: black;
}

.erp-odoo-contenedor h3 {
  margin: 5px 0 0 30px;
  text-transform: capitalize;
}

.multiplataforma-acordeon {
  max-width: 900px;
  margin-right: auto !important;
  margin-left: auto !important;
  color: white;
}
.multiplataforma-acordeon .vc_toggle {
  border: 3px solid white;
  border-radius: 10px;
  background: rgba(0,0,0,.3);
} 

.multiplataforma-acordeon .vc_toggle_active .vc_toggle_title {
  background: rgba(0,0,0,.3);
  transition: .3s ease-in-out;
}
.multiplataforma-acordeon .vc_toggle_title {
  margin-right: auto;
  margin-left: auto;
  transition: .3s ease-in-out;
}
.multiplataforma-acordeon .vc_toggle_icon {
  margin-left: 5px;
}
.multiplataforma-acordeon .vc_toggle_content {
  padding: 0 25px !important;
}
.multiplataforma-acordeon .vc_toggle_content p{
  padding: 0 !important;
}

#web-profesional a:hover {
  opacity: 1 !important;
}
/*----------- DESPLEGABLE DESARROLLO MULTIPLATAFORMA FINAL ------------*/
.color-letras-d p{
  color: white;
}
.color-letras h5{
  color: black;
}
.color-letras img{
  display: none;
}
/* .color-letras h5{
display: none;
} */
.color-letras a{
  display: none;
}
.color-letras-res h5{
  color: black;
}
.color-letras-infra p{
  color: white;
}
.color-letras-infra h5{
  display: none;
}

.color-letras-desventajas img{
  display: none;
}
.color-letras-desventajas a{
 display: none;
}
.color-letras-desventajas-d p{
  display: none;
}
/*------------- ODOO  -------------*/
.wpb_text_column ,.wpb_content_element  {
  color: white;
}
.vc_custom_heading{
  color: white;
}
/* .wpb_single_image img{
  height: 185px !important;
} */ 

.img-svg-odoo  img{
  height: 197px !important ;
 
}
/* .img-svg-odoo-2{
  height: auto;
  width: 400px;
  margin-left: 150px;
} */

/* esto es para la letra no sea tan clara*/

.letra-explicacion p{
  color: whitesmoke;
}

/*+++++++++++++   SERVICIOS EN LA NUBE   +++++++++++++*/
.post-580 h3{
  color: white;
}
.post-580 p{
  color: white;
  font-size: 1.5em;
  text-align: center;
}
.asegura-tus-datos .asegura-tus-datos-item{
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}

.asegura-tus-datos .asegura-tus-datos-item h3{
  margin-left: 20px;
  margin-bottom: 0;
}

.asegura-tus-datos p{
  color: white;
  margin-left: 20px;
  margin-bottom: 0;
  text-align: left;
}

/*-------------   SERVICIOS EN LA NUBE   -------------*/

.servicios-nube-img img{
  height: auto;
  width: 500px;
  margin-left: -90px;
 
}
.servicio-nube-1img img {
  height: auto;
  width: 500px;
  margin-left: -90px;
}
.servicio-nube-2img img{
  height: auto;
  width: 500px !important;
  margin-left: 50px;
}
.servicio-nube-3img img{
  height: auto;
  width: 500px;
  margin-left: -50px ;
}


/*+++++++++++++   INFRAESTRUCTURA   +++++++++++++*/
.infraestructura-servicios-container h3 {
  margin-bottom: 5px;
  color: white;
}
.infraestructura-servicios-container img {
  width: 60px;
  height: 60px;
}
.infraestructura-imagenes img{
  height: 100px;
  width: 500px;
}




/*+++++++++++++   CONTACTO   +++++++++++++*/
#wpcf7-f552-p550-o1 *{
  color: white;
  font-size: 25px;
  font-weight: bold;
}
.form-group {
  display: flex;
  justify-content: space-between;
}
.form-group label {
  display: flex;
  flex-direction: column;
  width: 48%;
}
.form-group label.mensaje{
  width: 100%;
}
.form-group label input,
.form-group label select {
  width: 100%;
  height: 45px;
}
#wpcf7-f552-p550-o1 select,
#wpcf7-f552-p550-o1 select *,
#wpcf7-f552-p550-o1 input,
#wpcf7-f552-p550-o1 textarea{
  font-size: 22px;
  font-weight: normal;
}

#wpcf7-f552-p550-o1 select,
#wpcf7-f552-p550-o1 input,
#wpcf7-f552-p550-o1 textarea{
  border: 2px solid white;
  border-radius: 5px;
  background: rgba(0,0,0,.2);
  padding: 3px 10px;
  margin-bottom: 15px;
  transition: .3s ease-in-out;
}

#wpcf7-f552-p550-o1 select:focus,
#wpcf7-f552-p550-o1 input:focus,
#wpcf7-f552-p550-o1 textarea:focus{
  background: rgba(0,0,0,.35);
  transition: .3s ease-in-out;
}
#wpcf7-f552-p550-o1 textarea{
  height: 200px;
}
.form-group.enviar-container {
  justify-content: center;
  position: relative;
}
.form-group.enviar-container .ajax-loader {
  position: absolute;
  right: calc(50% - 85px);
  top: 10px;
}
/*-------------   CONTACTO   -------------*/


/*-------INSTITUCION EDUCATIVA-------------*/
.li-institucion-educativa ul{
 color: black;
}
.li-institucion-educativa h5{
  color: black;
}
.li-institucion-educativa  ul h5:hover{
  color: red;
}

/*---------- ¿QUE ES ODOO? ----------*/
.color-letras ul {
  color: black;
}
.color-letras p {
  color: black;

}

.img-svg-qeodoo img{
  height: auto;
  width: 350px;
}

.color-letras-desventajas p{
  color: white !important;
  
}
.color-letras-ventajas {
  color: black;
}

/*+++++++++++++   POLÍTICA DE PRIVACIDAD   +++++++++++++*/
section.politica-privacidad p {
  color: #666;
}
section.politica-privacidad h2 {
  color: #555;
  font-size: 2em;
  margin-bottom: 10px;
  margin-top: 30px;
}
/*-------------   POLÍTICA DE PRIVACIDAD   -------------*/

/*+++++++++++++   HEADER   +++++++++++++*/

header .header-principal .elementor-col-33{
  width: 33.333% !important;
}
header .header-principal .elementor-col-66{
  width: 66.666% !important;
}
header .header-principal .elementor-col-33 img{
  min-width: 65px;
  min-height: 50px;
}
.header-principal>.elementor-column-gap-wider>.elementor-column>.elementor-element-populated {
  padding: 10px 30px;
}
/*-------------   HEADER   -------------*/



/*+++++++++++++   MODAL   +++++++++++++*/

.modalBg{
  position: fixed;
  height: 100vh;
  width: 100vw;

  background-color: rgba(0, 0, 0, .6);
  z-index: 999;
  padding: 50px 100px;
}

.modalContainer{
  min-height: 100%;
  height: 100%;
  width: 100%;
  min-width: 100%;
  background-color: var(--c3);
  padding: 30px;
  border-radius: 15px;
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

.contenidoModal{
  height: 90%;
  width: 100%;
  background-color: var(--c1transparent);
  overflow: scroll;
  color: white;
}

.contenidoModal .iContainer{
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 100%;
  background-color: var(--c3);
  color: white;

  justify-content: center;
  align-items: center;
}

.contenidoModal .iContainer i{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
}

.contenidoModal h3{
  font-size: 1.2em;
}



.closeBtn{
  margin-top: 10px;
  border-radius: 10px;
  border: 2px solid var(--c1);
  background-color: transparent;
  width: fit-content;
  color: white;
}

.closeBtn:hover{
  background-color: var(--c1);
}

/*-------------   MODAL   -------------*/



/* Responsive */
@media(max-width: 1200px){
  
  .contenedor-principal{
    padding: 5vh 10vw !important;
  }

  .contenedor-principal-slim{
    padding: 5vh 6vw !important;
  }

}

@media(max-width: 1024px){

  h2{
    font-size:32px;
    margin-right: 20px;
    margin-left: 20px;
  }

  h3{
    font-size: 28px;
  }

  /* + HOME */
  .empresas-grid-container .empresa img {
    filter: grayscale(0) brightness(1);
  }
  /* - HOME */
}

@media(max-width: 767px){
  h1{
    font-size: 3em;
  }

  /* + HOME */
  
  .contenedor-principal .servicio {
    margin-right: auto;
  }
  .servicio .wpb_single_image{
    text-align: right !important;
  }
  .servicio .wpb_single_image img {
    max-width: 75px;
  }
  .empresas-grid-container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas:
      "Ecofricalia Scout10"
      "Revisa Scout10"
      "Ingeteam Ingeteam"
      "El-Digital-de-Albacete SomosCLM"
      "El-Digital-de-Albacete Playthenet"
      "Albabroker Playthenet"
      "Formalba Formalba"
      "InfoCLM Gestion-de-compras"
      "Voces-de-Cuenca Voces-de-Cuenca"
      "PeriodicoCLM Nova-Consultors"
      "EnTomelloso Nova-Consultors"
      "Vacio Vacio";
  }
  /* - HOME */

  /* + MULTIPLATAFORMA */
  p{
    padding: 0 10px !important;
  }
  /* - MULTIPLATAFORMA */
}

@media(max-width: 480px){ 
  h1{
    font-size: 28px !important;
  }


  h2{
    font-size:26px !important;
  }

  h3{
    font-size: 23px !important;
  }

  /* + HOME */
   .page-id-180 button{
     font-size: 20px !important;
   }
  /* - HOME */
  
  /* + CONTACTO */
  .form-group {
    flex-wrap: wrap;
  }
  .form-group label {
    width: 100%;
  }
  /* - CONTACTO */
  .wpcf7-spinner{
    display: none !important;
  }

}

/*+++++++++++++ Odoo ERP ++++++++++++++ */

.multiplataforma-sec1 p{
  color: white;
}

.multiplataforma-sec1 h2{
  margin-bottom: 20px;
  font-size: 2.5em;
  color: white;
}

.multiplataforma-sec2 p{
  color: var(--c3);
}

.multiplataforma-sec3{
  background-color: var(--bg1);
}

.multiplataforma-sec3 p{
  color: white;
}

.grid-container {
  max-width: none !important;
}

.tab-item {
 border: 1px solid rgba(0, 0, 0, 0.1);
 text-align: center;
animation: appear 1s;
box-shadow: 0px;
padding: 10px;
transition:1s;

}
.tab-item:hover {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
.tab-item > p {
  color: black;
}
.tab-item > img {
  margin: 15px;
}
.tab-item > h4 {
  color: var(--c1);
}
#tabs-oondeo .vc_tta-tabs-list .vc_tta-tab a {
  font-size: 20px;
}

 .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel .vc_tta-panel-body,
 .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel .vc_tta-panel-body {
    -webkit-transform: none; 
    -moz-transform: none; 
    -ms-transform: none; 
    -sand-transform: none; 
    -o-transform: none; 
     transform: none; 
    -webkit-transition: none; 
    -moz-transition: none; 
    -o-transition: none; 
    transition: none; 
    animation: fadein 1s;
    padding: 5vh 10vw;
}

.unclickable > a {
  pointer-events: none;
}


.site #tabs-oondeo .vc_tta-tabs-container .vc_active a {
  background-color: #5472d2 !important;
  color: #fff !important;

}
.site #tabs-oondeo .vc_tta-tabs-container .vc_tta-tab {
 margin: 20px 5px;
}
@keyframes fadein {
    from { opacity: 0;}
    to   { opacity: 1;}
}
@keyframes appear {
  from {transform:scale(0)}
  to {transform:scale(1)}
}
section.header-principal .elementor-column .elementor-element-populated {
  padding-top: 4px;
  padding-bottom: 0px;
}

/*------------- Odoo ERP -------------- */
/*+++++++++++ verticales +++++++++++++++*/
.page-id-761 header.entry-header {
  display:none;
}
.page-id-761 #page {
  margin-top: 0px;
}
.page-id-761 .tab-item {
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  animation: appear 1s;
  box-shadow: 0px;
  padding: 10px;
  height: 350px;
  transition: 1s;
}
.text-justify {
  text-align: justify;
}
.vertical-separador div {
margin: 15px 0px;
}

.vertical-separador .vc_row .vc_column-inner {
  justify-content: center;
}



/*----------- verticales ---------------*/

/* Vertical Institución Educativa */
#post-793{
  font-size: 14px;
}
#post-793 ul{
  margin-left: 20px;
  list-style: none;
}
#post-793 ul li{
  font-size: 1.5em;
  display: flex;
  align-items: center;
  margin: 8px 0;
  transition: .3s ease;
  cursor: default;
}
#post-793 ul li:hover{
  color: var(--c2);
}
#post-793 ul li i{
  font-size: 1.45em;
  margin-right: 10px;
  color: var(--c2)
}
@media (max-width: 767px) {
  #post-793{
    font-size:12px;
  }
  #post-793 .vc_row,
  #post-793 .wpb_column,
  #post-793 .wpb_wrapper,
  #post-793 .vc_single_image-wrapper,
  #post-793 .vc_column-inner {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    
  }


  #post-793 .vc_row {
    margin-bottom: 2em !important;
  }

  #post-793 h2 {
    margin-bottom: 1em;
  }
}
/* Fin Vertical Institución Educativa */


/* Vertical Hospital */
.img-svg-header figure img {
  width: 600px;
}
.modulos-hospital img {
  height: 65px;
}
/* Fin Vertical Hospital */


/* Vertical Salón de Belleza */
.page-id-790 .img-portada img {
  width: 450px
}
.page-id-790 .caracteristicas div:first-child {
  color: lightgreen !important;
}
.page-id-790 .caracteristicas {
  border-width: 2px;
}
.page-id-790 .caracteristicas:hover {
  border-color: white !important;
  cursor: pointer;
}
/* Fin Vertical Salón de Belleza */


/* Kit Digital */
#header-kit-digital {
  position: relative;
}

#header-kit-digital .container-titulo {
  position: absolute;
  top: 3vw;
}
#header-kit-digital img {
  min-width: 1200px;
}
#logos-kit-digital{
  margin-bottom: 0;
}
#texto-kit-digital p,
#texto-kit-digital li{
  color: dimgray;
  font-size: 1.3em;
}
#texto-kit-digital h2 {
  margin-top: 2em;
  margin-bottom: 10px;
  font-size: 2.15em;
}
.solucion-oondeo {
  padding: 50px 0;
}

.solucion-oondeo h3 {
  color: white;
  font-size: 2.15em;
  font-weight: bolder !important;
  margin-bottom: 0;
}
.solucion-oondeo h4{
  color: white;
}

.solucion-oondeo p {
  font-size: 1.25em;
  margin-bottom: 5px;
}

.solucion-oondeo th,
.solucion-oondeo td {
  border: 2px solid white;
  color: white;
  font-size: 1.3em;
}
.vc_hidden-xs{
  display: flex !important;
}

@media (max-width:1200px){
  #post-894{
    font-size: 11px;  
  }
}

@media (max-width:767px) {
  /* nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.menu-is-active.hfe-dropdown {
    margin-top: 23px;
    border-top: 1px solid rgb(199 199 199);
  } */
  #post-894 {
    font-size: 10px;
  }
  #header-kit-digital .container-titulo .vc_column-inner {
    padding-right: 30px !important;
    padding-left: 30px !important;

  }
  #header-kit-digital .container-titulo p,
  #header-kit-digital .container-titulo h1 {
    text-align: center !important;
    margin-bottom: 5px;
  }
  .elementor-145 .elementor-element.elementor-element-9f372dc {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media (max-width:480px) {
  #post-894 h2,
  #post-894 h3 {
    font-size: 2.15em !important;
  }
  #post-894 h2,
  #post-894 h3,
  #post-894 h4,
  #post-894 p{
    text-align: center !important;
  }
}
/* ! Kit Digital */



#filtrar {
  background-color: #158fc7;
}
td:nth-child(1) {
 text-align: center;
 font-size: 20px;
}
td{
  text-align: center;
}

/*----Boton  Maquinas------*/


/* -------Modal boton maquina ----------*/
/* Estilos para el modal */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 600px;
  border-radius: 8px;
  position: relative;
}

.close {
  color: black;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Estilos para la lista de datos */
#datos {
  list-style-type: none; 
  padding: 0; 
}

#datos li {
  margin-bottom: 10px; 
}

#datos strong {
  font-weight: bold; 
  margin-right: 5px;
}

#datos ul {
  list-style-type: none; 
  padding-left: 20px; 
}
/* Estilo para el color rojo */
.red {
  color: red;
}

/* Estilo para el color verde */
.green {
  color: green;
}

/*-------Estilo para el td Correos---------*/

.correos{
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
padding-left: 12px;

}


/*---------Libreria select2--------------------*/

.select2-container .select2-selection--single{
  /* width: 350px; */
}