/* COLORS */
:root {
  --color-primary: #00264B;
  --color-black:#212121;
  
  --color-secondary: #7CD6D7;
  --color-crema: #F8B133;
  --color-white: #FFFFFF;
  --color-white2: #F9F6F0;
  --color-gris: #6A6A6A;
  --color-gris2:#BFBFBF;
  --color-text-gray:#6A6A6A;
}



.rowCont{
  margin-top: 4%;
}

.ser-link > small{
  font-family: 'Arial';
  font-size: 20px;
  color: var(--color-primary);
}

/* ---- Select móvil servicios ---- */
.serv-select-wrapper {
  padding: 10px 0;
}

.serv-mobile-select {
  width: 100%;
  padding: 12px 16px;
  font-family: 'NunitoBold', Arial, sans-serif;
  font-size: 15px;
  letter-spacing: 0.5px;
  color: var(--color-primary);
  background-color: #fff;
  border: 2px solid var(--color-primary);
  border-radius: 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath fill='%2300264B' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px;
  cursor: pointer;
  outline: none;
}

.serv-mobile-select:focus {
  border-color: var(--color-crema);
  box-shadow: 0 0 0 3px rgba(248, 177, 51, 0.25);
}

.btn-arrive{
  margin-bottom: 4%;
}

.btn-arrive:hover{
  background-color: var(--color-secondary);
}

::placeholder{
  color:var(--color-text-gray);
}


.divForm{
  margin-top: 0;
  margin-bottom: 0;
}

.divForm > div > input{
  border: none;
  border-radius: 0;
  outline-color: var(--color-secondary);
  font-size: 16px;
  font-family: 'RobotoLigth';
}

.divForm > div > textarea{
  font-size: 16px;
  font-family: 'RobotoLigth';
}

.btnGrid{
  background-color: #7CD6D7;
  font-size: 18px;
  font-family: 'NunitoRegular';
  color: var(--color-black);
}

.boxPriv{
  margin-top: 0%;
}



.nav-item > a:hover {
  color: var(--color-secondary);
}
  




 
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	/* NAV */
	nav{
	  transition: background-color 0.4s ease-in-out;
	  background-color: var(--color-primary);
	}
  
	.navbar-nav li:nth-child(1){
	  padding-top: 5%;
	}
  
	nav > .container{
	  padding: 4%;
	  height: auto;
	}
  
	.navbar-collapse{
	  background-color: var(--color-primary);
	}
  
  .header-serv{
    height: auto;
    border-bottom:2px dotted var(--color-gris2);
   }

	.alignSlider{
	  display: flex;
	  justify-content:start;
	  align-items: end;
	}
  
	.titlePart{
    text-align: center;
	  font-size: 28px;
	}
  
	.footerBg{
	  background-color: var(--color-primary);
	  color:white;
	  height:  32.3em;
	}
  
	.alignFooter{
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  text-align: center;
	}
  
	.nun-reg{
	  color: var(--color-secondary);font-family: 'NunitoRegular';font-size: 22px;
	}
	
	.flexFooter{
	  display: flex;
	  justify-content: center;
	  align-items: start;
	}
  
	.flexFooter2{
	  display: flex;
	  justify-content: center; 
	}
	.nunitoLight{
	  font-size: 14px;font-family: 'NunitoLight'
	}
  
  .recDiv{
    width: 94%;
  }


  .titlePart{
    font-size: 40px;
  }
  
  .boxPart{
    text-align: center;
    margin-top: 20px;
    font-size: 19px;
    color: #6A6A6A;
    font-family: 'NunitoLight';
  }

  .btn-arrive{
    margin-top: 12px;
    width: 100%;
    height: 60px;
    font-weight: 900;
    color:var(--color-primary);
  }

  .rowPart1,.rowPart3, .rowPart5{
    flex-direction: column-reverse;
  }
	}
  
 
  
  /*iPads, Tablets  [ sm ] */
  @media (min-width: 481px) and (max-width: 767px) {
	/* NAV */
	nav{
	  transition: background-color 0.4s ease-in-out;
	  background-color: var(--color-primary);
	}
  
	.navbar-nav li:nth-child(1){
	  padding-top: 5%;
	}
  
	nav > .container{
	  padding: 3%;
	  height: auto;
	}
  
	.navbar-collapse{
	  background-color: var(--color-primary);
	}
  
  .header-serv{
    height: auto;
    border-bottom:2px dotted var(--color-gris2);
   }

   .recDiv{
    margin: 4%;
    width: 94%;
  }

  .rowPart1,.rowPart3, .rowPart5{
    flex-direction: column-reverse;
  }


  .titlePart{
    font-size: 42px;
  }
  
  .boxPart{
    margin-top: 20px;
    font-size: 19px;
    color: #6A6A6A;
    font-family: 'NunitoLight';
  }

  .btn-arrive{
    margin-top: 12px;
    width: 340px;
    height: 60px;
    font-weight: 900;
    color:var(--color-primary);
  }
  
  }
  
  
  /*Small screens, laptops   [ md ] */
  @media (min-width: 768px) and (max-width: 991px) {
	
    .rowPart1,.rowPart3, .rowPart5{
      flex-direction: column-reverse;
    }
    
    /* NAV */
	nav{
	  transition: background-color 0.4s ease-in-out;
	  background-color: var(--color-primary);
	}
  
	.navbar-nav li:nth-child(1){
	  padding-top: 2%;
	}
  
	nav > .container{
	  padding: 2%;
	  height: auto;
	}
  
	.navbar-collapse{
	  background-color: var(--color-primary);
	}

  .header-serv{
    height: auto;
    border-bottom:2px dotted var(--color-gris2);
   }

   .recDiv{
    margin: 4%;
    width: 94%;
  }


  .titlePart{
    font-size: 42px;
  }
  
  .boxPart{
    margin-top: 20px;
    font-size: 22px;
    color: #6A6A6A;
    font-family: 'NunitoLight';
  }

  .btn-arrive{
    margin-top: 12px;
    width: 340px;
    height: 60px;
    font-weight: 900;
    color:var(--color-primary);
  }

  

  }
  
  /*Desktops, large screens   [ lg ] */
  @media (min-width: 992px) and (max-width: 1199px) {
	nav > .container{
	  padding: 2%;
	  height: 68.71px;
	}
  
	.navbar-nav{
	  gap: .5rem;
	}

  .header2{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
	
    /* NAV SECTION SERV */
    .header-serv{
      height: auto;
      border-bottom:2px dotted var(--color-gris2);
     }

     .recDiv{
      padding: 4%;
      text-align: left;
      width: 70%;
    }

    .titlePart{
      font-size: 42px;
    }
    
    .boxPart{
      font-weight: 900;
      margin-top: 28px;
      font-size: 18px;
      color: #6A6A6A;
      font-family: 'NunitoLight';
    }
  
    .btn-arrive{
      margin-top: 35px;
      font-weight: 900;
      width: 340px;
      height: 60px;
      color:var(--color-primary);
    }
   
  }
  
  /*Extra large screens, TV  [ xl ] */
  @media (min-width: 1200px) and (max-width: 1399px) {
    .header2{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    /* NAV SECTION SERV */
    .header-serv{
     height: 64px;
     border-bottom:2px dotted var(--color-gris2);
    }

    .recDiv{
      width: 78%;
    }

    .titlePart{
      font-size: 44px;
    }
    
    .boxPart{
      margin-top: 24px;
      font-size: 20px;
      color: #6A6A6A;
      font-family: 'NunitoLight';
    }
  
    .btn-arrive{
      font-weight: 900;
      margin-top: 30px;
      width: 340px;
      height: 60px;
      color:var(--color-primary);
    }
  
    
  }
  
  /* EXTRA LARGE  [ xxl ] */
  @media (min-width: 1400px){
    
  .header2{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  /* NAV SECTION SERV */
  .header-serv{
    height: 64px;
    border-bottom:2px dotted var(--color-gris2);
  }
 

  /* GRIDS RESPONSIVE */

  .titlePart{
    font-size: 42px;
  }
  
  .boxPart{
    margin-top: 22px;
    font-size: 21px;
    color: #6A6A6A;
    font-family: 'NunitoLight';
  }

  .btn-arrive{
    font-weight: 900;
    margin-top: 20px;
    width: 340px;
    height: 60px;
    color:var(--color-primary);
  }

  .recDiv{
    width: 68%;
  }



  }