/* Estilos específicos para la página de perfil si los hubiera,
        o estilos generales del tema que ya tengas. */
        .card-body h3 {
            margin-bottom: 5px;
        }
        .card-body p {
            font-size: 0.9em;
            color: #666;
        }
        .card-body h4, .card-body h5 {
            margin: 0;
            font-weight: normal;
        }
        
        .section-title {
            color: #034b97;
            text-align: center;
            margin-bottom: 40px;
            font-size: 2.2rem;
            font-weight: bold;
            position: relative;
            padding-bottom: 10px;
        }

        .section-title::after {
            content: '';
            position: absolute;
            display: block;
            width: 80px;
            height: 4px;
            background: #f7b731; /* Un color vibrante para la línea */
            bottom: 0;
            left: calc(50% - 40px);
        }

        /* Estilo para el Podio */
        .podium-container {
            display: flex;
            justify-content: center;
            align-items: flex-end; /* Para que las bases de los podios estén alineadas */
            margin-bottom: 50px;
            gap: 20px; /* Espacio entre los podios de diferentes categorías */
            flex-wrap: wrap; /* Para que se ajusten en pantallas pequeñas */
        }

        .category-podium {
            background-color: #f8f9fa;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            width: 350px; /* Ancho fijo para cada podio */
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            margin: 15px; /* Espacio alrededor de cada podio */
        }

        .category-podium h3 {
            color: #212529;
            margin-bottom: 25px;
            font-weight: 600;
            font-size: 1.8rem;
        }

        .podium-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 25px;
            width: 100%;
        }
        .podium-item img {
            width: 180px;
            border-radius: 10%;
            margin: 15px;
        }

        .podium-rank {
            font-size: 3rem;
            font-weight: bold;
            color: #fff;
            background-color: #034b97; /* Azul oscuro */
            border-radius: 50%;
            width: 70px;
            height: 70px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 4px solid #f7b731; /* Borde dorado */
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            margin-bottom: 10px;
            position: relative;
            z-index: 2;
        }

        .podium-rank.first {
            background-color: #f7b731; /* Dorado */
            border-color: #034b97;
            font-size: 3.5rem;
            width: 90px;
            height: 90px;
            margin-top: -20px; /* Para que sobresalga un poco */
        }

        .podium-name {
            font-size: 1.5rem;
            font-weight: 600;
            color: #333;
            margin-top: 5px;
        }

        .podium-details {
            font-size: 1rem;
            color: #666;
        }

        /* Barras del podio */
        .podium-bars {
            display: flex;
            align-items: flex-end;
            width: 100%;
            justify-content: center;
            margin-top: 20px;
        }
        
        .podium-bar {
            background-color: #dee2e6;
            width: 30%;
            margin: 0 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            color: #fff;
            font-size: 1.2rem;
            border-radius: 5px 5px 0 0;
            box-shadow: 0 -3px 8px rgba(0,0,0,0.1);
        }

        .podium-bar.first {
            height: 150px;
            background-color: #f7b731; /* Dorado */
        }
        .podium-bar.second {
            height: 120px;
            background-color: #adb5bd; /* Plata */
        }
        .podium-bar.third {
            height: 90px;
            background-color: #cd7f32; /* Bronce */
        }

        /* Contenido del carrusel */
        .carousel-item img {
            width: 70%;
            border-radius: 1rem;
            max-height: 400px; /* Ajusta la altura de las imágenes del carrusel */
            object-fit: cover; /* Para que las imágenes cubran el espacio sin distorsionarse */
        }
        .carousel-caption {
            background-color: rgba(0,0,0,0.6);
            border-radius: 5px;
            padding: 10px;
        }
        .carousel-caption h5 {
            color: #fff;
            font-size: 1.5rem;
        }
        .carousel-caption p {
            color: #f1f1f1;
        }

        /* Videos */
        .video-responsive {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
            height: 0;
            overflow: hidden;
            max-width: 100%;
            background: #000;
            margin-bottom: 30px;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }

        .video-responsive iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }