/*
Theme Name: MiTHA
Author: MiTHA web team
Author URI: https://mitha.org/
Description: Tema oficial para el boletín mitha de divulgación científica.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.1
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mitha
*/

@import url("https://fonts.googleapis.com/css2?family=Orbit&display=swap");

.bg-image {
  height: 2rem;
}
.text-menu {
  font-size: 1.7rem;
}
.text-nosotros {
  font-size: 2.7rem;
}
.text-orbit {
  font-family: "Orbit", sans-serif;
}
.banner:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.banner {
  padding: 400px 100px;
  text-align: center;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.banner-nosotros:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.banner-nosotros {
  padding: 400px 100px;
  text-align: center;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.containter-center {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.hero {
  background: url("https://fastly.picsum.photos/id/127/4032/2272.jpg?hmac=QFoFT2_eb_DCqjdlj09UFgUHwI_zefDTBdECRz9lO5Q")
    center center/cover no-repeat;
  color: white;
  text-align: center;
  padding: 4rem 1rem;
  padding-top: 8rem;
}
.hero-nosotros {
  background: url("https://fastly.picsum.photos/id/190/2048/1365.jpg?hmac=NWS1_X_JJ-Edi-9SZRhNwHyjKt1nECckxrGLS8_idjY")
    center center/cover no-repeat;
  color: white;
  text-align: center;
  padding: 4rem 1rem;
  padding-top: 8rem;
}
.hero h1 {
  font-weight: bold;
}
.hero-subtitle {
  font-size: 1.2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.tag-btn {
  background-color: #ffb000;
  font-weight: 500;
  margin: 0 5px;
  border-radius: 0.5rgb (251, 151, 0);
}

.tag-btn:hover {
  background-color: #ff9900;
  color: white;
}
.section-divider {
  border-top: 2px solid black;
  width: 100%;
  margin: 2rem 0 1rem;
}
.project-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  background-color: #e0e0e0;
}
.project-card {
  background-color: #f8f9fa;
  padding: 1rem;
  border-radius: 0.5rem;
  text-align: center;
}
.up-banner {
  position: relative;
}

.text-banner {
  color: #ffb000;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.img-banner {
  height: 10rem;
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.navbar-nav .nav-link {
  transition: color 0.3s ease, transform 0.2s ease;
}

.navbar-nav .nav-link:hover {
  color: #f0ac0d !important; /* Azul claro */
  transform: translateY(-2px); /* pequeño movimiento hacia arriba */
}

.responsive-title {
  height: 8rem;
  font-size: 7rem;
}

.titulo-articulo {
  background: url("https://fastly.picsum.photos/id/83/2560/1920.jpg?hmac=LFdAxfpbYKs0hZr0LhHVWyqXarWGg7FtM8pIzJPBc0w")
    center center/cover no-repeat;
  padding-top: 120px;
  text-align: center;
  padding-bottom: 50px;
}

.max-w-2xl {
  max-width: 672px;
}

.max-w-3xl {
  max-width: 900px;
}

.project-card img {
  width: 100%;
  border-radius: 0.5rem;
  object-fit: cover;
}

.profile-card {
  color: #fff;
  border-radius: 0.75rem;
  text-align: center;
  padding: 1rem;
  transition: transform 0.3s ease;
}

.profile-card:hover {
  transform: translateY(-4px);
}

.title-members {
  padding-top: 5px;
  margin-bottom: 35px;
  margin-top: 15px;
  font-size: 3rem;
}

.profile-img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 0.75rem;
}

.imagen-proyecto {
  border-radius: 5px;
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.bg-black {
  background-color: #151515;
}

.bg-dark-lte {
  background-color: #282828;
  outline: #ff9900;
  outline-width: 5px;
  outline-style: solid;
}

.fw-bold {
  font-weight: bold;
}

.gap-3 {
  margin-top: 5px;
  margin-bottom: 5px;
  gap: 2rem;
}

.bi {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.card-article {
  border: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.card-article .card-title {
  color: #282828;
}

.card-article .card-body {
  background-color: #ffffff;
  color: #444;
}

.card-article .btn {
  background-color: #ff9900;
  color: #fff;
  border: none;
}

.card-article .btn:hover {
  background-color: #e68a00;
  color: white;
}

.truncate-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.a-non-decoration {
  color: #282828;
  text-decoration: none;
}

@media screen and (max-width: 700px) {
  .responsive-title {
    height: 5rem;
    font-size: 4rem;
  }
}

.bento-item {
  height: 200px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s ease;
}

.bento-item:hover {
  transform: scale(1.05);
}

.bento-tall {
  height: 410px;
}

.bento-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  background: rgba(0, 0, 0, 0.6);
  color: white;
}

.bento-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.title-bento {
  padding-top: 40px;
}