@font-face {
    font-family: 'neutra_textbold_italic';
    src: url('fonts/neutratext-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/neutratext-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'neutra_textbook';
    src: url('../fonts/neutratext-book-webfont.woff2') format('woff2'),
         url('../fonts/neutratext-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'neutra_textbook_italic';
    src: url('fonts/neutratext-bookitalic-webfont.woff2') format('woff2'),
         url('fonts/neutratext-bookitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'neutra_textbold';
    src: url('fonts/neutratext-bold-webfont.woff2') format('woff2'),
         url('fonts/neutratext-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.rounded-borders {
border-radius: 20px;
}

.title {
margin-top: 20px;
margin-bottom: 10px;
font-weight: 900;
}

.paragraph {
margin-bottom: 20px;
}

.content-map {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.p-7 {
    padding: 5rem;
}
.image {
width: 100%;
height: auto;
}

.tab-content {
padding-top: 3rem;
padding-bottom: 3rem;
}

.contact-form {
padding: 20px;
}

.contact-form input,
.contact-form textarea {
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

section {
    margin-top: 3rem;
    bottom: 3rem;
}

section#empresa {
    margin-top: 17rem;
}

body {
    font-family: 'neutra_textbook';
}

.back-header {
    background: url(../img/main.webp);
    background-size: cover;
    height: 500px;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.text-header h2 {
    color: #fff;
    padding-top: 13%;
}

.navbar {
    background-color: transparent !important;
}

.navbar-brand img {
    width: 15rem;
}

.navbar-nav .nav-link {
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    font-size: 0.9rem;
    color: #157F97;
}

.navbar-nav .nav-link:hover {
    color: #7AC943;
}

.navbar {
    background-color: #fff !important;
}

.bar-color {
    height: 7px;
    background: linear-gradient(to right, #7AC943, #157F97);
}

h1, h2, h3 {
    color: #157F97;
    font-family: 'Roboto Slab', serif;
}

.contacto h3 {
    color: #fff;
    padding-bottom: 30px;
}

.nav-tabs .nav-link, .btn-green-line {
    border: 2px solid green;
    color: green;
}

.nav-tabs .nav-link.active, .btn-green {
    background-color: green;
    color: white;
    border: 2px solid green;
}

.btn-green, .btn-green-line {
    border-radius: 50px;
}

.btn-green-line {
    margin-left: 1rem;
}

.btn-green-line:hover {
    background-color: green;
    color: white;
    border: 2px solid green;
}

.btn-green:hover {
    background-color: rgb(0, 83, 0);
    color: white;
    border: 2px solid rgb(0, 83, 0);
}

.nav-pills .nav-link {
    border-radius: 50px;
    margin-right: 20px;
}
.nav-pills {
    border: none !important;
}

.image-container {
    width: 200px; /* ajusta el ancho deseado */
    height: 200px; /* ajusta la altura deseada */
    border-radius: 50%; /* establece el borde circular */
    overflow: hidden; /* oculta cualquier parte de la imagen que se desborde */
    display: flex; /* utiliza flexbox para centrar la imagen */
    justify-content: center; /* centra horizontalmente */
    align-items: center; /* centra verticalmente */
    margin: 0 auto;
}

.rounded-circle {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.logo-footer {
    width: 20%;
    margin-bottom: 3re;
}

.map {
    background: linear-gradient(to right, #7AC943, #157F97);
    height: 400px;
}

.map-flex {
    display: flex;
    align-items: center;
    height: 400px;
}

.degrade {
    background: linear-gradient(to right, #7AC943, #157F97);
    margin-top: 2rem;
}

.tab-pane div {
    display: flex;
    align-items: center;
    color: #fff;
}

.form-control {
    border-radius: 30px;
}

.contact-form .btn {
    border-radius: 50px;
    border: 2px solid;
    font-weight: bold;
}

.contact-form .btn:hover {
    background-color: #fff;
    color: #7AC943;
}

.degrade form {
    margin-bottom: 1rem;
}

.content h4 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: bold;
}

.arrow {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background-color: #157F97;
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    text-decoration: none;
    z-index: 9999;
    display: none;
    border: 1px solid #fff;
  }
  
.arrow:hover {
    background-color: #7AC943;
  }
  
.custom-tabs-container.overflow-auto {
    overflow-x: hidden !important; /* Oculta el scroll horizontal */
    overflow-y: hidden !important; /* Oculta el scroll vertical */
}

@media (max-width: 767px) {
    .custom-tabs-container.overflow-auto {
      overflow-x: scroll !important; /* Agrega un scroll horizontal en dispositivos móviles */
      overflow-y: hidden !important; /* Oculta el scroll vertical */
      white-space: nowrap; /* Evita que los elementos se envuelvan a una nueva línea */
      max-height: calc(100vh - 20px); /* Ajusta la altura máxima del contenedor según tus necesidades */
    }

    .logo-footer {
        width: 70%;
    }
    .text-header h2 {
        padding-top: 44%;
    }
    .navbar-collapse {
        padding-top: 15px;
    }
  }

video  {
    background-image: url(../img/imagen-de-portada.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }