.hide {
  display: none;
}
/* ==========================================================================
   Clases Base (Ocultar por defecto en móvil)
   ========================================================================== */
.hide-movil {
  display: none !important;
}

/* ==========================================================================
   Punto de quiebre: Tablets (Pantallas desde 768px en adelante)
   ========================================================================== */
@media (min-width: 768px) {
  /* Oculta el elemento en tablet y escritorio */
  .hide-tablet {
    display: none !important;
  }
  
  /* Muestra en tablet los elementos que estaban ocultos en móvil */
  .show-tablet {
    display: block !important; /* Cambiar a flex o grid si lo necesitas */
  }
  .show-text-tablet {
    display: inline !important; /* Cambiar a flex o grid si lo necesitas */
  }
}

/* ==========================================================================
   Punto de quiebre: Escritorio (Pantallas desde 1024px en adelante)
   ========================================================================== */
@media (min-width: 1024px) {
  /* Oculta el elemento solo en pantallas grandes */
  .hide-desktop {
    display: none !important;
  }
  
  /* Muestra en escritorio los elementos que venían ocultos */
  .show-desktop {
    display: block !important;
  }
  .show-text-desktop {
    display: inline !important;
  }
}


.text-center {
  text-align: center;
}

img.responsive {
  width: 100%;
  max-width: 100%;
  height: auto;
}

#logo {
  max-width: 275px;
  border: 2px solid white;
  border-radius: 100%;
}

.footer-logo {
  max-width: 200px;
}

.texto-oculto {
  display: none;
}

.texto-oculto.mostrar {
  display: inline; 
}

.btn-leer-mas {
  background: none;
  border: none;
  color: #ff4757;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
  margin-left: 5px;
  font-family: inherit;
  font-size: inherit;
}

.btn-leer-mas:hover {
  text-decoration: underline;
}