Noticia3prueba

<style>

    /* Contenedor principal de la tarjeta */

    .card-cpu {

        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

        background-color: #ffffff;

        padding: 25px;

        max-width: 450px;

        border-radius: 4px;

        box-shadow: 0 2px 10px rgba(0,0,0,0.05);

        line-height: 1.5;

    }

 

    /* Etiqueta superior (Inscripción) */

    .card-cpu .tag-container {

        display: flex;

        align-items: center;

        margin-bottom: 15px;

        gap: 10px;

    }

 

    .card-cpu .tag {

        background-color: #f2f2f2;

        color: #666;

        padding: 4px 12px;

        font-size: 13px;

        border-radius: 2px;

    }

 

    .card-cpu .date {

        color: #888;

        font-size: 13px;

        display: flex;

        align-items: center;

        gap: 5px;

    }

 

    /* Título principal */

    .card-cpu h2 {

        color: #000;

        font-size: 1.2rem;

        font-weight: 700;

        margin: 0 0 12px 0;

        text-transform: uppercase;

        letter-spacing: 0.5px;

    }

 

    /* Cuerpo del texto */

    .card-cpu p {

        color: #444;

        font-size: 14px;

        margin-bottom: 25px;

        text-align: justify;

    }

 

    /* Enlace "Leer más" */

    .card-cpu .btn-read-more {

        color: #333;

        text-decoration: none;

        font-weight: 600;

        font-size: 14px;

        display: inline-flex;

        align-items: center;

        transition: transform 0.2s;

    }

 

    .card-cpu .btn-read-more:hover {

        color: #0051a0; /* Azul UMSA */

    }

 

    .card-cpu .btn-read-more span {

        margin-left: 8px;

        font-size: 18px;

    }

</style>

 

<div class="card-cpu">

    <div class="tag-container">

        <span class="tag">Evento</span>

        <span class="date">

            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align: middle;"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>

            17 de abril de 2026

        </span>

    </div>

 

    <h2>CURSO PREUNIVERSITARIO (C.P.U.)</h2>

 

    <p>

        ¡Atención postulantes! La Facultad de Ciencias Geológicas de la UMSA anuncia la apertura de inscripciones para el Curso Preuniversitario (C.P.U.) 2026.

    </p>

 

    <a href="#" class="btn-read-more">

        Leer más <span>&rarr;</span>

    </a>

</div>

Hola

Accesos rápidos

Servicios principales

Lo más importante primero, con acceso simple y directo.

mail

Correspondencia

Registro y seguimiento de trámites y solicitudes.

Ingresar
campaign

Comunicados

Avisos y publicaciones oficiales de la federación.

Ver más
gavel

Normativa

Consulta reglamentos, resoluciones y documentos.

Consultar
menu_book

Revista

Acceso a publicaciones y contenido académico.

Leer
Portal institucional

Todo más ordenado y fácil de encontrar

Una portada simple para que cualquier persona ubique rápido lo que necesita sin dar vueltas.

  • check_circle Acceso claro a la información principal.
  • check_circle Diseño limpio y fácil de leer.
  • check_circle Base lista para agregar más módulos después.
account_balance

Información institucional

Presentación clara de la federación y sus recursos principales.

dashboard

Navegación simple

Menos carga visual y mejor organización del contenido.

devices

Responsive

Se adapta bien a celular, tablet y escritorio.