@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');

 :root {
     --azul-unirem: #003566;
     --azul-deep: #001D3D;
     --amarillo-unirem: #FFC300;
     --fondo-gris: #F0F2F5;
     --blanco: #FFFFFF;
 }

 body {
     overflow-x: hidden;
     background-color: var(--fondo-gris);
     font-family: 'Plus Jakarta Sans', sans-serif;
     color: #2D3436;
 }

 /* --- Estética de Contenido --- */
 .welcome-banner {
     background: linear-gradient(135deg, var(--azul-unirem) 0%, var(--azul-deep) 100%);
     border-radius: 25px;
     padding: 2.5rem;
     color: var(--blanco);
     margin-bottom: 2rem;
     box-shadow: 0 10px 30px rgba(0, 53, 102, 0.15);
 }

 .module-card {
     background-color: var(--blanco);
     border: none;
     border-radius: 20px;
     padding: 2rem;
     text-align: center;
     transition: 0.3s;
     height: 100%;
     min-height: 250px;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.02);
     border-bottom: 4px solid transparent;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     /* Alinea contenido arriba y botón abajo */
     align-items: center;
 }

 .module-card:hover {
     transform: translateY(-8px);
     border-bottom-color: var(--amarillo-unirem);
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06);
 }

 .module-icon {
     width: 80px;
     height: 80px;
     background: #f8f9fa;
     border-radius: 18px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto 1.5rem;
     font-size: 2.5rem;
     color: var(--azul-unirem);
 }

 /* --- Ajustes de Carrusel --- */
 .carousel-container {
     padding: 0 40px;
     position: relative;
 }

 .carousel-control-prev,
 .carousel-control-next {
     width: 40px;
     height: 40px;
     background-color: var(--azul-unirem);
     border-radius: 50%;
     top: 50%;
     transform: translateY(-50%);
     opacity: 1;
 }

 .carousel-control-prev {
     left: -10px;
 }

 .carousel-control-next {
     right: -10px;
 }

 .carousel-indicators [data-bs-target] {
     background-color: var(--azul-unirem);
 }