/* Contenedor principal del Badge */
    .aicm-badge-card {
        width: 80%;
        margin: 5% 10%;
        background-color: #ffffff;
        border-radius: 15px;
        border: 1px solid #e0e0e0;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        font-family: fuente2, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
        overflow: hidden;
        text-align: center;
        padding-bottom: 15px;
    }

    /* Cabecera con el Logo de la Asociación */
    .badge-header {
        padding: 18px 75px 4px;
    }
    .logo-aicm {
        width: 80%;
        height: auto;
    }

    /* Foto de Perfil */
    .profile-container {
        margin: 10px auto;
        position: relative;
    }
    .photo-roxana {
        width: calc((var(--u-100) * 2));
        height: calc((var(--u-100) * 2));
        border-radius: 50%;
        object-fit: cover;
        border: 4px solid #cdcdcd;
    }

    /* Información de texto */
    .badge-info {
        padding: 0 15px;
    }
    .badge-name {
        font-size: 16px;
        font-weight: 700;
        color: #333;
        margin: 10px 0 5px;
        text-transform: uppercase;
        line-height: 1.2;
    }
    .badge-title {
        font-size: 13px;
        width: 100% !important;
        color: #8d9139; /* Color verde/oliva del logo */
        font-weight: 600;
        margin: 0;
    }
    .badge-id {
        font-size: 12px;
        color: #666;
        margin: 5px 0;
        width: 100% !important;
    }

    /* Sello de Calidad y Validez */
    .badge-footer {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #f0f0f0;
    }
    .quality-seal {
        width: calc((var(--u-100) * 2));
        /* height: calc((var(--u-100) * 2)); */
        height: auto;
        margin-bottom: calc((var(--u-100) * .1));
    }
    .validity-date {
        font-size: 10px;
        color: #999;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }