/* ===================================================================================

Theme Name: Solvior Child
Theme URI: http://solvior.themejunction.net/
Author: Theme Junction
Author URI: https://themeforest.net/user/theme-junction/portfolio
Description: Solvior is a Business Consulting  WordPress Theme.
Version: 1.0.0
Template: solvior
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
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

We encourage you to create Child theme for any modifications you will want to do.

Why use Child theme?

Because of future updates we may provide for this theme that will overwrite your
modifications and all your custom work.

If you are not familiar with Child Themes, you can read about it here:
http://codex.wordpress.org/Child_Themes
http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

.h-190{
    height: 190px;
}
.h-220{
    height: 220px;
}
.h-350{
    height: 350px;
}

/* Transición general */
.feature-item {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}

/* Capa con imagen de fondo */
.background-fade {
  background-image: url(https://peigriega.com/ICApy/wp-content/uploads/2025/06/fondo_logo_recuadro.png);
}

.feature-item:hover .background-fade {
  opacity: 0;
  transform: translate(30px, 30px);
}

/* Transición general */
.feature-item:hover {
  /*background-color: #cb4f24;*/
}

/* Fondo borroso */
.feature-item:hover .feature-content {
  backdrop-filter: blur(4px);
  transition: all 0.4s ease;
}

/* Animación del texto oculto */
.desc-hidden {
  opacity: 0;
  visibility: hidden;
  transform: translateX(30px);
  transition: all 0.5s ease;
  position: relative;
  z-index: 1;
}

/* Mostrar y animar en hover */
.feature-item:hover .desc-hidden {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* Escalar título e ícono */
.feature-item .el-title,
.feature-item .el-icon {
  transition: transform 0.3s ease;
}

.feature-item:hover .el-title,
.feature-item:hover .el-icon {
  transform: scale(1.15);
}

@media (max-width: 767px) {
	.desc-hidden{
		opacity: 1;
    visibility: visible;
    transform: translateX(0);
	}
}

.clientes-ica {
      padding-top: 90px;
    padding-bottom: 140px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.clientes-ica::before {
    position: absolute;
    content: "";
    width: 97%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0 416px 0 0;
    background: var(--tj-color-theme-bg);
    z-index: -1;
}

.logos-ica {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
  margin-bottom: 0px;
}

.logo-tab {
  width: 60px;
  opacity: 0.3;
  cursor: pointer;
  transition: all 0.3s ease;
}

.logo-tab.active,
.logo-tab:hover {
  opacity: 1;
  transform: scale(1.1);
}

.testimonio-ica {
  position: relative;
  margin-top: 0px;
  padding-top: 0px;
}

.flecha-ica {
  position: absolute;
  top: -15px;
  left: 0;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  background: #e8f0fc;
  border-radius: 50%;
  z-index: 2;
  display: none;
  box-shadow: 0 0 0 4px #f4f4f4;
transition: left 0.6s cubic-bezier(0.25, 1.5, 0.5, 1);

}


.texto-testimonio {
  display: none;
  position: relative;
  background: #e8f0fc;
  padding: 40px 20px;
  margin-top: 20px;
  border-radius: 10px;
  animation: fadeIn 0.4s ease-in;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.texto-testimonio.active {
  display: block;
}

.testimonio-ica h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 10px;
}

.testimonio-ica p {
  font-size: 16px;
  color: #333;
  margin-bottom: 30px;
}

.btn-ica {
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 12px 30px;
  border-radius: 25px;
  font-weight: bold;
  text-decoration: none;
  transition: background 0.3s ease;
}

.btn-ica:hover {
  background: #333;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.wpr-sub-mega-menu{
	left:-420px !important;
}

.wpr-mobile-sub-mega-menu {
  max-height: 90vh;
  overflow-y: auto;
}

body.menu-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

.wpr-nav-menu, .wpr-nav-menu ul, .wpr-mobile-nav-menu, .wpr-mobile-nav-menu ul {
    font-size: 13px !important;
}

.tj-primary-btn .btn_text{
	position: relative;
}

.home_blog_page {
	display:none;
}

.rocket-before .title {
    position: relative;
    display: inline-block; 
    padding-bottom: 12px; 
}

.rocket-before .title::before {
    content: "\f135"; 
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    color: #ff5a1f;
    margin-right: 15px;
    vertical-align: middle;
}

.rocket-before .title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 40px;
    width: 130px;
    height: 4px;
    background-color: #e94e1b;
    border-radius: 2px;
}