/* ═══════════════════════════════════════════════════════════════════════════
   TEDUCAS Profile Widget — Elementor
   
   NOTA: Este CSS solo contiene estilos BASE y ESTRUCTURALES.
   Las propiedades visuales (colores, tamaños, bordes, etc.) las controla
   Elementor via los controles del widget (selectors).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Guest (not logged in) ── */
.teducas-pw--guest {
    display: flex;
    align-items: center;
}

.teducas-pw__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.4;
}

.teducas-pw__btn-icon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.teducas-pw__btn-icon svg,
.teducas-pw__btn-icon i {
    width: 1em;
    height: 1em;
}

/* ── User (logged in) — delegated to shortcode ── */
.teducas-pw--user {
    display: inline-flex;
    align-items: center;
}

.teducas-pw__dashboard-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: inherit;
}