.blog-title {
    position: relative; /* Permite que la frase inclinada se posicione dentro de este contenedor */
    text-align: right; /* Alinear el texto a la derecha */
    text-decoration: none; /* Subrayado */
	margin-top: 30px;
	padding-right: 120px; /
    padding-bottom: 0px; /* Espacio adicional en la parte inferior para la frase inclinada */
}

.frase-inclinada {
    display: block; /* Asegura que el elemento se comporte como bloque */
    text-align: left; /* Alinear a la izquierda */
    color: red; /* Color rojo */
    transform: rotate(-3deg); /* Inclinado de abajo hacia arriba */
    font-size: 60%; /* Tamaño de fuente a la mitad del tamaño del título */
    margin-top: -80px; /* Mueve la frase inclinada hacia arriba para alinearla con el título */
    margin-left: 0; /* Asegúrate de que no tenga margen a la izquierda */
    position: relative; /* Posicionamiento relativo dentro del h1 */
    white-space: normal; /* Permite que el texto se divida en varias líneas */
    overflow-wrap: break-word; /* Permite que la frase se ajuste a múltiples líneas */
	text-decoration: none !important;
}

@media (max-width: 768px) {
    .blog-title {
        text-align: center; /* Centrar el texto */
        padding-right: 0px; /* Eliminar el padding a la derecha */
		padding-bottom: 20px;
        display: block; /* Asegúrate de que sea un bloque */
    }

    .frase-inclinada {
        text-align: center; /* Centrar la frase inclinada */
        margin-top: 0px !important; /* Elimina el margen superior para evitar superposición */
        transform: none !important;       
        position: relative; /* Mantiene el posicionamiento */
        max-width: 95%; /* Ajusta el ancho máximo según sea necesario */
        line-height: 1.2; 
        white-space: normal !important; /* Permitir que el texto se divida en varias líneas */
        overflow-wrap: break-word !important; /* Permitir que la frase se ajuste a múltiples líneas */
        text-decoration: none !important; /* Sin subrayado */
        margin-left: auto; /* Asegura que no tenga margen a la izquierda */
        margin-right: auto; /* Asegura que no tenga margen a la derecha */
        margin-top: 10px; /* Espacio adicional si es necesario */
    }
}