/*
Theme Name: Divi Child
Theme URI: https://example.com
Description: Tema hijo de Divi
Author: Tu nombre
Author URI: https://example.com
Template: Divi
Version: 1.0.0
*/

/* Breakpoints de Divi (no pueden usarse dentro de @media, pero sirven como referencia
   y son accesibles desde JS con getComputedStyle) */
:root {
  --divi-bp-tablet: 980px;
  --divi-bp-phone: 767px;

  /* Principales */
  --color-negro: #08080a;
  --color-blanco-roto: #fffdee;
  --color-crema: #f7e6dc;
  --color-azul: #1261e2;
  --color-rojo: #ee5c62;
  --color-verde: #0eb4a0;
  --color-naranja: #fc8027;
  --color-amarillo: #fdc551;
  --color-blanco: #fdfdfd;

  /* Gris */
  --color-gris-40: #ebebef;
  --color-gris-50: #cdcdd6;
  --color-gris-60: #b1b1bc;
  --color-gris-70: #9696a3;
  --color-gris-80: #7c7c89;
  --color-gris-90: #636370;
  --color-gris-100: #4a4a57;

  /* Light variants */
  --color-azul-light: #b6cef5;
  --color-rojo-light: #f8bec0;
  --color-verde-light: #9fe1d9;
  --color-naranja-light: #fdbf92;
  --color-amarillo-light: #f8efde;
}
.bg-green {
  background-image: url("assets/bg-green.png");
  background-size: 160px;
  background-position: right -80px top 40%;
  background-repeat: no-repeat;
}

.bg-orange {
  background-image: url("assets/bg-orange.png");
  background-size: 160px;
  background-position: left -80px top;
  background-repeat: no-repeat;
}
.bg-yellow {
  background-image: url("assets/bg-yellow.png");
  background-size: 160px;
  background-position: right top;
  background-repeat: no-repeat;
}
.bg-red {
  background-image: url("assets/bg-red.png");
  background-size: 240px;
  background-position: -105px 118%;
  background-repeat: no-repeat;
}
.b-orange-banner {
  position: relative;
  overflow: visible !important;
}
.bg-half-red {
  background-image: url("assets/bg-red.png");
  background-size: 240px;
  background-position: -105px 118%;
  background-repeat: no-repeat;
}
.b-orange-banner::before {
  content: "";
  position: absolute;
  top: -44px;
  left: -50px;
  width: 200px;
  height: 200px;
  background-image: url("assets/bg-orange-banner.png");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
.page-id-391.et_cover_background {
  background-image: url("assets/bg-full-green.png");
  background-size: auto !important;
  background-position: -200px 400px !important;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .bg-green,
  .bg-orange {
    background-image: none;
  }

  .b-orange-banner::before {
    display: none;
  }
}
.full-height-image {
  height: 100%;
  .et_pb_image_wrap {
    height: 100%;
    img {
      object-fit: cover;
      height: 100%;
    }
  }
}
.et_pb_menu--with-logo .et-menu-nav .menu-item-has-children a:after {
  right: -16px;
}
.et_pb_menu .et_pb_menu__menu > nav > ul > li > a {
  padding-bottom: 0;
}

.et_pb_menu .et_pb_menu__menu > nav > ul > li {
  padding-bottom: 15px;
  margin-right: 12px;
}
.nav li li {
  padding: 0 20px 12px !important;
}
.echo-terms.echo-terms--project_status {
  color: var(--Principales-Negro, #08080a);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 137.5% */
  text-transform: uppercase;
  padding: 2px 8px;
}
.echo-terms.echo-terms--project_status.is-ongoing {
  background: #9fe1d9;
}
.echo-terms.echo-terms--project_status.is-closed {
  background: #fdc551;
}