/* ============================================== */
/* ROOT */
/* ============================================== */

:root{

/*-- Color  --*/

  --color-gre:    #51CE00; /* green */
  --color-pri:    #15373A;
  --color-sec:    #1B4F54;
  --color-ter:    #CFE9D7; /* Sof */
  --color-lig:    #F3F9F5; /* Light */
  
  --color-gre-h:  #89DD53; /* green */
  --color-pri-h:  #deff00;
  --color-sec-h:  #0d0e0f;
  --color-ter-h:  #706DF0;

/*-- Font Family --*/

  --f-family-h: "Poppins", serif;
  --f-family:   "Inter", sans-serif;

/*-- Font Size --*/

  --fs-base:    1rem;
  --lh-base:    1.5;

}

/* ============================================== */
/* COLOR */
/* ============================================== */

.c-gre  {  background:var(--color-gre);  }
.c-pri  {  background:var(--color-pri);  }
.c-sec  {  background:var(--color-sec);  }
.c-ter  {  background:var(--color-ter);  }
.c-lig  {  background:var(--color-lig);  }

.tc-pri {  color:var(--color-pri);       }
.tc-sec {  color:var(--color-sec);       }
.tc-ter {  color:var(--color-ter);       }
.tc-gre {  color:var(--color-gre);       }

/* ============================================== */
/* TEXT */
/* ============================================== */

h1,h2,h3,h4,h5,h6    {  color: var(--color-pri);  }
p,li                 {  color: var(--color-sec);  }

p,h1,h2,h3,h4,h5,h6  {  margin:10px 0;  }

p,li,a,body,pre,label{  font-weight: 400;  }
h1,h2,h3,h4,h5,h6    {  font-weight: 600;  }
b                    {  font-weight: 600;  }

/* ============================================== */
/* BTN */
/* ============================================== */

.btn      {  background: var(--color-80);font-weight: 600; border-radius: .5rem; transition:all 350ms ease; }
.btn:hover{  background: var(--color-60);   }

.btn.c-gre{  background: var(--color-gre); color: var(--color-0); }
.btn.c-pri{  background: var(--color-pri); color: var(--color-0); }
.btn.c-sec{  background: var(--color-sec); color: var(--color-80); }
.btn.c-ter{  background: var(--color-ter); color: var(--color-80); }

.btn.c-gre:hover{  background: var(--color-gre-h); color: var(--color-pri); }
.btn.c-pri:hover{  background: var(--color-pri-h); color: var(--color-100); }
.btn.c-sec:hover{  background: var(--color-sec-h); color: var(--color-100); }
.btn.c-ter:hover{  background: var(--color-ter-h); color: var(--color-100); }

.btn.link        {  color: var(--color-60);  }
.btn.link::before{  background: var(--color-60);  }

.btn.ol{
  background: transparent;
  border: 1px solid var(--color-ter);
  color: white;
}

.btn.ol:hover{
  background: var(--color-sec);
}

.icon.c-sec:hover{  background: var(--color-pri);  }

/* ============================================== */
/* ALERTS */
/* ============================================== */

.warning,
.success {
  padding: 10px 15px;
  border-radius: 5px;
  display: block;
  margin-bottom: 10px;
  font-family: var(--f-family);
}

.warning {
  background: #FFCCCC;
  border: 1px solid #F7A7A7;
  color: #4F2222;
}

.success {
  background: #A3EF97;
  border: 1px solid #7FD072;
  color: #284F22;
}

/* ============================================== */
/* BODY */
/* ============================================== */

.o-green.o-50::after {
    background-color: rgba(27, 79, 84, .6);
}

img {
  width: 100%;
  height: auto;
  display: block;
}

.med-color{
  position: relative;
}

.med-color:after{
  content: "";
  width: 100%;
  height: 50vh;
  background: var(--color-ter);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.number{
  background: var(--color-sec);
  color: white;
  border-radius: 8px;
  padding: 10px 13px;
}

.menu-list.icon-check.i-teaser li{
  padding:5px 10px 5px 40px;
  margin: 5px 0;
  display: inline-block;
}

.menu-list.icon-check.i-teaser li::before{
  left: 10px;
}

.mision{
  background: white;
  border: 10px solid var(--color-ter);
  padding: 30px;
  border-radius: 30px;
  position: relative;
  z-index: 1;
}

.mision-img{
  margin: 0 0 -50px -50px;
}

.mw-1280.padding{
  padding: 60px 30px 120px;
}

@media screen and (max-width: 768px){
  .mision-img{
    margin: 0;
  }
  .mw-1280.padding{
    padding: 30px;
  }
  .mision{
    border: 5px solid var(--color-ter);
    padding: 20px;
    border-radius: 20px;
  }
}

textarea.auto-expand {
  overflow: hidden;
  resize: none;
  min-height: 60px;
  line-height: 1.5;
}

/* ============================================== */
/* CUSTOM ICON */
/* ============================================== */

:root {
  --Icon-size-c: 24px;
  --Icon-wrap-c: 24px;

  --Icon-size-big: 70px;
  --Icon-wrap-big: 90px;
}

.v-custom {
  min-height: var(--Icon-wrap-c);
  min-width: var(--Icon-wrap-c);
  padding: 0;
  position: relative;
  transition: all 0.25s ease-in-out;
}

.v-custom::before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url("./../../images/body/sprite_local.svg");
  background-size: calc(var(--Icon-size-c) * 10);
  height: var(--Icon-size-c);
  width: var(--Icon-size-c);
  overflow: hidden;
}

.v-custom.i-big {
  border: 1px solid var(--color-ter);
  min-height: var(--Icon-wrap-big);
  min-width: var(--Icon-wrap-big);
}

.v-custom.i-big::before {
  height: var(--Icon-size-big);
  width: var(--Icon-size-big);
  background-size: calc(var(--Icon-size-big) * 10);
}

/* Iconos específicos con sprite grande */
.v-custom.i-big.icon-3::before { background-position: calc(-2 * var(--Icon-size-big)) 0; }
.v-custom.i-big.icon-4::before { background-position: calc(-3 * var(--Icon-size-big)) 0; }
.v-custom.i-big.icon-5::before { background-position: calc(-4 * var(--Icon-size-big)) 0; }