/*
===================================================================================================
 * Estilos para el componente de Llamada a la Acción (CTA) final de las páginas de categoría.
 * Este archivo contiene los estilos visuales específicos para la sección de CTA.
===================================================================================================
*/

.category-cta-final {
  padding: 2rem;
  background: #000; /* Fondo oscuro, como ya estaba en tu CSS */
  color: #fff; /* Texto blanco, como ya estaba en tu CSS */
  text-align: center; /* Estilo movido desde inline */
  margin-bottom: 0rem; /* Espacio debajo de las FAQs */
}

.category-cta-final h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: #fff; /* Asegurar que el h2 sea blanco sobre fondo oscuro */
}

.category-cta-final p {
  font-size: 0.9rem;
  margin-bottom: 1rem;
  color: #fff; /* Asegurar que el párrafo sea blanco sobre fondo oscuro */
}

/* Media Query para aumentar el tamaño en escritorio */
@media (min-width: 768px) {
    .category-cta-final {
  		padding: 3rem;
    } 
  	.category-cta-final h2 {
        font-size: 2rem; /* Tamaño original para ESCRITORIO */
    }

    .category-cta-final p {
        font-size: 1.1rem; /* Tamaño original para ESCRITORIO */
        margin-bottom: 1rem;
    }
}