/* inline-cleanup.css
   Reglas migradas desde atributos style="" estáticos en .razor.
   Solo casos donde Tailwind no calza limpio o donde la regla se repite.
   Las reglas dinámicas (style="@(...)", background-image con URL del modelo, etc.) quedan inline. */

/* Utilities faltantes en el tailwind precompilado del proyecto */
.cursor-default {
    cursor: default;
}

.border-0 {
    border: 0;
}

/* App.razor — wrappers de status del Router (3 ocurrencias) */
.app-router-status {
    padding: 12px;
}

/* AdminNewProduct.razor — botón thumbnail */
.admin-thumb-icon-btn {
    padding: 5px;
}

/* DireccionConfirmadaModal.razor — barra de progreso al 60% */
.direccion-progress-60 {
    width: 60%;
}

/* Modal overlay top-most — UdMessageModalHost.razor */
.ud-modal-overlay--topmost {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
}

/* Footer.razor — paleta y separadores fijos */
.ud-home-footer {
    background: #070c1a;
}

.ud-home-footer-top-bar {
    height: 3px;
    background: linear-gradient(to right, #00237e, #d4af37, #00237e);
}

.ud-home-footer-tagline {
    max-width: 22rem;
}

.ud-home-footer-section-title {
    color: #d4af37;
}

.ud-home-footer-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.ud-home-footer-region {
    color: rgba(255, 255, 255, 0.2);
}

/* Home.razor — botón CTA del pack en negro */
.ud-home-cta--black {
    background-color: #000;
}

/* PostularBH.razor — clases para inline statics repetidas */
.pbh2-error-msg {
    color: #fca5a5;
    font-size: 12px;
    margin-top: 12px;
    padding: 10px 14px;
    background: rgba(239, 68, 68, .08);
    border-radius: 10px;
    border: 1px solid rgba(239, 68, 68, .25);
}

.pbh2-btn-narrow {
    max-width: 260px;
}

.pbh2-btn-narrow-flex {
    flex: 1;
    max-width: 260px;
}

.pbh2-help-text-soft {
    font-size: 12px;
    color: var(--pbh2-text-soft);
    margin-bottom: 16px;
}

.pbh2-svg-soft {
    color: var(--pbh2-text-soft);
}

.pbh2-textarea-md {
    resize: vertical;
    min-height: 80px;
}

.pbh2-grid-gap-10 {
    gap: 10px;
}

.pbh2-tos-link {
    color: #93C5FD;
}

.pbh2-verify-icon-bg {
    background: rgba(5, 150, 105, .20);
}

.pbh2-verify-title-color {
    color: #34D399;
}

.pbh2-hint-muted-11 {
    font-size: 11px;
    color: rgba(255, 255, 255, .35);
    margin-top: 6px;
}

.pbh2-hint-muted-12 {
    font-size: 12px;
    color: rgba(255, 255, 255, .60);
    margin-bottom: 12px;
}