/* Estilos globales */
html, body{
    margin: 0;
    height: 100%;
  }
  
  body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow-x: hidden; /* Previene el desplazamiento horizontal */
  }

/* Detalle del Post de FAQ Start */
.faq-detail {
  position: relative; /* Establece un contexto de posicionamiento */
  padding-bottom: 60px; /* Espacio adicional en la parte inferior para el botón */
}
.faq-detail .container {
    padding: 4rem 9%;
    text-align: left;
    flex: 1; /* Permite que el contenido crezca para empujar el footer hacia abajo */
}

.faq-detail .title {
    font-size: 3rem;
    color: #ff041d;
    margin-bottom: 1rem;
}

.faq-detail .date {
    font-size: 1.5rem;
    color: #666;
    margin-bottom: 2rem;
}

.faq-detail .detail-img {
    width: 100%;
    max-width: 800px;
    height: auto;
    margin-bottom: 2rem;
}

.faq-detail .content {
    font-size: 1.6rem;
    line-height: 1.8;
    color: #333;
}

.faq-detail .btn {
    margin-top: 3rem;
}
/* Detalle del Post de FAQ End */

/* Footer */
footer {
    background-color: red;
    padding: 0.8rem;
    text-align: center;
    width: 100%; /* Asegura que el footer ocupe toda la anchura */
    bottom: 0; /* Alinea el footer en la parte inferior */
  }
  footer a {
    color: #fff;
    font-size: 1.5rem;
    text-decoration: none; /* Quita el subrayado de los enlaces */
  }

/* Estilo para el botón .btn-back */
.btn-back {
  position: absolute; /* Posición absoluta dentro de su contenedor relativo */
  bottom: 5%; /* Ubicación desde la parte inferior del contenedor */
  left: 9%; /* Ubicación alineada con el inicio del texto del contenido */
  padding: 0.25rem 0.5rem; /* Espaciado interno */
  background-color: #ff041d; /* Color de fondo */
  color: white; /* Color del texto e icono */
  text-decoration: none; /* Elimina el subrayado del texto */
  border-radius: 5px; /* Bordes redondeados */
  box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* Sombra para resaltar el botón */
}

.btn-back .fas {
  margin-right: 5px; /* Espacio entre el icono y el texto */
}