/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/* OUTLINE */
*:focus {
  outline: 5px solid orange;
}

/* ESTILOS COMUNES */
.zindex0 {
  z-index: 0;
}

.zindex1 {
  z-index: 1;
}

body {
  background-color: var(--c-grey-bg) !important;
  font-family: var(--tipo-general);
  color: var(--c-negro);
  font-size: 1.125rem;
  line-height: 1.6875rem;
}

a {
  color: var(--c-primario) !important;
  text-decoration: none;
}

a:hover {
  color: var(--c-secondary) !important;
  transition: all 0.4s ease !important;
  font-weight: 500 !important;
}

.hero-title p {
  font-family: var(--tipo-titulos);
  font-size: var(--tit-size);
  line-height: 0.95;
}

.hero-title h1 {
  font-size: var(--tit-size);
  line-height: 1.0;
}

h2 {
  font-size: var(--subtit-size);
  font-weight: 500;
}

p {
  font-family: var(--tipo-general);
  font-size: var(--font-size-txt);
  margin-bottom: 8px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tipo-titulos);
}

.verde-tit {
  color: var(--c-verde);
}

.tit-str {
  color: var(--c-nude);
}

.chip-pr {
  font-family: var(--tipo-general);
  line-height: 0, 9rem;
}

.proyecto-txt p {
  font-size: var(--proyecto-txt);
}

.proyecto-tit h1 {
  font-size: var(--proyecto-tit);
  line-height: 1.0;
}

.let-peq *{
  font-size: var(--letpq-size);
}

.main-navigation .main-nav ul li[class*="current-menu-"]>a {
  color: var(--c-primario);
  font-weight: 700;
}

/* FORMULARIO DE CONTACTO */
input#nombre,
input#telefono,
input#email {
  background-color: var(--c-blanco) !important;
  border-bottom: 2px solid var(--c-primario);
  margin-top: 5px;
  width: 100%
}

#form-contacto textarea.wpcf7-form-control {
  background-color: var(--c-blanco) !important;
  border-bottom: 2px solid var(--c-primario);
  margin-top: 5px;
  width: 100%;
  max-height: 150px;
}

/* LOGOS KIT DIGITAL */
.logos-kit-digital {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.logos-kit-digital img {
  display: block;
  max-width: 21%;
  padding: 0 20px;
}

.logos-kit-digital>img:last-child {
  max-width: 15%;
}

.col-project {
  .project-icon {
    z-index: 2;

    svg {
      width: 20px;
      fill: var(--c-primary);

      path {
        transform-origin: center;
        display: block;
        transform: rotate(0deg);
        transition: var(--transitions-large);
      }
    }
  }

  .elementor-heading-title {
    transform: translateX(0px);
    transition: var(--transitions-large);
  }

  &:hover {

    .elementor-heading-title {
      transform: translateX(10px);
      transition: var(--transitions-large);
    }

    .project-icon {
      svg {

        path {
          transition: var(--transitions-large);
          transform: rotate(180deg);
        }
      }
    }
  }
}


.scroll-arrow {
  animation: bounce-down 2s ease-in-out infinite;
  color: #333;
  /* cambia al color que quieras */
}

@keyframes bounce-down {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(20px);
  }
}

/* Respeta la preferencia de movimiento reducido */
@media (prefers-reduced-motion: reduce) {
  .scroll-arrow {
    animation: none;
  }
}

.txt-corrido {
  white-space: nowrap;
}

.pill-category {
  border: 1px solid var(--c-primary) !important;
  color: var(--c-primary) !important;

}


/* ---------- RESPONSIVE ---------- */
@media screen and (max-width: 1080px) {

  /* LOGOS KIT DIGITAL */
  .logos-kit-digital img {
    max-width: 210px;
  }

  .logos-kit-digital>img:last-child {
    max-width: 23%;
  }
}

@media screen and (max-width: 780px) {}

@media screen and (max-width: 600px) {

  /* LOGOS KIT DIGITAL */
  .logos-kit-digital img {
    max-width: 165px;
    padding: 10px 5px;
  }

  .logos-kit-digital>img:last-child {
    max-width: 40%;
  }
}

@media screen and (max-width: 560px) {}

/* CAPTCHA */
.grecaptcha-badge {
  display: none;
}