/**
 * Portal clientes — capa visual CleanMyMac / macOS (solo CSS).
 * Cargar al final de stylesPanel / stylesAuth.
 */

.breso-portal-linear,
body.breso-login-page {
    --breso-bg: #F4F0E8;
    --breso-surface: #FBF9F4;
    --breso-surface-muted: #EDE7DB;
    --breso-input-bg: #F7F3EB;
    --breso-input-border: #D4C8B4;
    --breso-text: #2E2A22;
    --breso-text-secondary: #7A6B58;
    --breso-text-tertiary: #9A8B76;
    --breso-border-soft: rgba(46, 42, 34, 0.08);
    --breso-accent: #C15E2A;
    --breso-accent-hover: #9E4A1F;
    --breso-accent-soft: rgba(193, 94, 42, 0.14);
    --breso-blue: #C15E2A;
    --breso-blue-soft: rgba(193, 94, 42, 0.14);
    --breso-radius-sm: 10px;
    --breso-radius: 14px;
    --breso-radius-lg: 18px;
    --breso-radius-xl: 22px;
    --breso-shadow-xs: 0 1px 2px rgba(46, 42, 34, 0.04);
    --breso-shadow-sm: 0 8px 28px rgba(46, 42, 34, 0.07);
    --breso-shadow-md: 0 16px 40px rgba(193, 94, 42, 0.12);
    --breso-shadow-inset: none;
    --breso-font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
}

.breso-portal-linear,
.breso-portal-linear body,
body.breso-login-page {
    font-family: var(--breso-font-ui) !important;
    background: var(--breso-bg) !important;
}

/* ── Sidebar ── */
.breso-portal-linear .breso-portal-sidebar {
    background: #1c1c1e !important;
    border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.breso-portal-linear .breso-portal-sidebar__group {
    color: rgba(142, 142, 147, 0.72) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    margin-top: 1.1rem !important;
    margin-bottom: 0.25rem !important;
    padding-inline: 14px !important;
}

.breso-portal-linear .breso-portal-sidebar__link {
    border-radius: 11px !important;
    min-height: 38px;
    margin: 2px 10px;
    gap: 10px;
}

.breso-portal-linear .breso-portal-sidebar__icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 0 !important;
}

.breso-portal-linear .breso-portal-sidebar__icon svg {
    width: 15px !important;
    height: 15px !important;
    color: currentColor !important;
}

.breso-portal-linear .breso-portal-sidebar__link.is-active .breso-portal-sidebar__icon {
    background: rgba(193, 94, 42, 0.45) !important;
    color: #fff !important;
}

/* Empty alquiler: icono y texto más juntos */
.breso-portal-linear .breso-doc-empty--alquiler,
.breso-portal-linear .breso-doc-empty {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 18px 20px !important;
    text-align: left;
}

.breso-portal-linear .breso-doc-empty--alquiler .breso-doc-empty__icon,
.breso-portal-linear .breso-doc-empty .breso-doc-empty__icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    margin: 0 0 4px !important;
    box-shadow: 0 4px 12px rgba(193, 94, 42, 0.22);
}

.breso-portal-linear .breso-doc-empty--alquiler .breso-doc-empty__icon svg,
.breso-portal-linear .breso-doc-empty .breso-doc-empty__icon svg {
    width: 22px !important;
    height: 22px !important;
}

.breso-portal-linear .breso-doc-empty__title {
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 650 !important;
}

.breso-portal-linear .breso-doc-empty__desc {
    margin: 0 !important;
    max-width: 36rem;
    font-size: 13px !important;
    line-height: 1.45 !important;
    color: var(--breso-text-secondary) !important;
}


.breso-portal-linear .breso-portal-sidebar__link.is-active {
    background: rgba(193, 94, 42, 0.22) !important;
    color: #ffffff !important;
}

.breso-portal-linear .breso-portal-sidebar__link.is-active::before {
    background: #C15E2A !important;
}

.breso-portal-linear .breso-portal-sidebar__brand .breso-linear-brand__mark,
.breso-portal-linear .breso-portal-sidebar__brand .breso-linear-mark {
    color: #E08A55 !important;
}

.breso-portal-linear .breso-portal-sidebar__brand .breso-linear-brand__linear {
    color: #C15E2A !important;
}

.breso-portal-linear .breso-portal-sidebar__avatar {
    background: linear-gradient(145deg, #E08A55, #C15E2A) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(193, 94, 42, 0.3);
}

.breso-portal-linear .breso-portal-sidebar__logout {
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #f5f5f7 !important;
}

.breso-portal-linear .breso-portal-sidebar__logout:hover {
    background: rgba(255, 59, 48, 0.2) !important;
}

/* ── Topbar / main ── */
.breso-portal-linear .breso-portal-topbar {
    background: rgba(232, 232, 237, 0.85) !important;
    backdrop-filter: saturate(180%) blur(16px);
    -webkit-backdrop-filter: saturate(180%) blur(16px);
}

.breso-portal-linear .breso-portal-main--app {
    padding: 26px 28px 52px !important;
}

.breso-portal-linear .breso-portal-hero {
    margin-bottom: 28px !important;
}

.breso-portal-linear .breso-portal-hero__title {
    font-size: clamp(2.1rem, 5vw, 2.6rem) !important;
    letter-spacing: -0.04em !important;
}

/* ── Cards / lists ── */
.breso-portal-linear .breso-card,
.breso-portal-linear .breso-stat,
.breso-portal-linear .breso-action-card,
.breso-portal-linear .breso-portal-list-card,
.breso-portal-linear .breso-portal-page-card,
.breso-portal-linear .breso-portal-cobros-card,
.breso-portal-linear .breso-portal-facturas-card,
.breso-portal-linear .breso-home-estado {
    border: none !important;
    border-radius: var(--breso-radius-xl) !important;
    box-shadow: var(--breso-shadow-sm) !important;
    background: var(--breso-surface) !important;
}

.breso-portal-linear .breso-card--lift:hover,
.breso-portal-linear .breso-action-card:hover,
.breso-portal-linear .breso-stat:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--breso-shadow-md) !important;
    background: var(--breso-surface) !important;
}

.breso-portal-linear .breso-portal-list-row,
.breso-portal-linear .breso-list-item {
    border-bottom: 0.5px solid rgba(60, 60, 67, 0.12) !important;
    min-height: 52px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.breso-portal-linear .breso-portal-list-row:hover,
.breso-portal-linear .breso-list-item:hover {
    background: rgba(0, 0, 0, 0.02) !important;
}

/* ── Iconos baldosa (estado / list items / page cards) ── */
.breso-portal-linear .breso-home-estado__icon,
.breso-portal-linear .breso-list-item__icon,
.breso-portal-linear .breso-portal-page-card__icon,
.breso-portal-linear .breso-stat__icon,
.breso-portal-linear .breso-action-card__icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 0 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
}

.breso-portal-linear .breso-home-need__icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 0 !important;
    background: linear-gradient(145deg, #E08A55 0%, #C15E2A 100%) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
}

.breso-portal-linear .breso-home-need__icon svg {
    width: 22px !important;
    height: 22px !important;
    color: #ffffff !important;
}

.breso-portal-linear .breso-home-estado--ok .breso-home-estado__icon {
    background: linear-gradient(145deg, #5eead4 0%, #14b8a6 100%) !important;
}

.breso-portal-linear .breso-home-estado--info .breso-home-estado__icon {
    background: linear-gradient(145deg, #E08A55 0%, #C15E2A 100%) !important;
}

.breso-portal-linear .breso-home-estado--accion .breso-home-estado__icon,
.breso-portal-linear .breso-home-estado--proximo .breso-home-estado__icon {
    background: linear-gradient(145deg, #fdba74 0%, #f97316 100%) !important;
}

.breso-portal-linear .breso-home-estado--urgente .breso-home-estado__icon {
    background: linear-gradient(145deg, #f9a8d4 0%, #ef4444 100%) !important;
}

.breso-portal-linear .breso-home-estado--neutral .breso-home-estado__icon {
    background: linear-gradient(145deg, #E08A55 0%, #C15E2A 100%) !important;
}

/* ── Iconos SVG top ── */
.breso-portal-linear .breso-icon,
.breso-portal-linear .breso-portal-sidebar__icon svg,
.breso-portal-linear .breso-list-item__icon svg,
.breso-portal-linear .breso-home-estado__icon svg,
.breso-portal-linear .breso-portal-page-card__icon svg,
.breso-portal-linear .breso-portal-page-link__icon svg,
.breso-portal-linear .breso-doc-empty__icon svg,
.breso-portal-linear .breso-archive-search__icon svg {
    display: block;
    flex-shrink: 0;
}

.breso-portal-linear .breso-portal-sidebar__icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 0 !important;
}

.breso-portal-linear .breso-portal-sidebar__icon svg {
    width: 18px !important;
    height: 18px !important;
    color: currentColor !important;
}

.breso-portal-linear .breso-list-item__icon,
.breso-portal-linear .breso-home-estado__icon,
.breso-portal-linear .breso-portal-page-card__icon,
.breso-portal-linear .breso-portal-page-link__icon,
.breso-portal-linear .breso-doc-empty__icon {
    font-size: 0 !important;
}

.breso-portal-linear .breso-list-item__icon svg,
.breso-portal-linear .breso-home-estado__icon svg,
.breso-portal-linear .breso-portal-page-card__icon svg,
.breso-portal-linear .breso-portal-page-link__icon svg {
    width: 22px !important;
    height: 22px !important;
    color: #ffffff !important;
    stroke: #ffffff !important;
}

.breso-portal-linear .breso-doc-empty__icon {
    width: 56px !important;
    height: 56px !important;
    border-radius: 16px !important;
    background: linear-gradient(145deg, #E08A55 0%, #C15E2A 100%) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 12px;
    box-shadow: 0 8px 18px rgba(193, 94, 42, 0.28);
}

.breso-portal-linear .breso-doc-empty__icon svg {
    width: 26px !important;
    height: 26px !important;
    color: #fff !important;
}

.breso-portal-linear .breso-archive-search__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--breso-text-tertiary);
}

.breso-portal-linear .breso-archive-search__icon svg {
    width: 16px !important;
    height: 16px !important;
}

/* Si hay SVG dentro, no usar pseudo-icono ::after */
.breso-portal-linear .breso-portal-page-card__icon:has(svg)::after,
.breso-portal-linear .breso-portal-page-link__icon:has(svg)::after {
    display: none !important;
    content: none !important;
}

.breso-portal-linear .breso-alq-card__icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    color: #fff !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
}

.breso-portal-linear .breso-alq-card__icon--local {
    background: linear-gradient(145deg, #94a3b8 0%, #64748b 100%) !important;
}

.breso-portal-linear .breso-alq-card__icon--garaje {
    background: linear-gradient(145deg, #E08A55 0%, #C15E2A 100%) !important;
}

.breso-portal-linear .breso-alq-card__icon svg {
    width: 22px !important;
    height: 22px !important;
    color: #fff !important;
}

.breso-portal-linear .breso-alq-card__icon:has(svg)::after {
    display: none !important;
}


.breso-portal-linear .breso-list-item__icon--info,
.breso-portal-linear .breso-list-item__icon--blue {
    background: linear-gradient(145deg, #E08A55 0%, #C15E2A 100%) !important;
    color: #fff !important;
}

.breso-portal-linear .breso-list-item__icon--success {
    background: linear-gradient(145deg, #5eead4 0%, #14b8a6 100%) !important;
    color: #fff !important;
}

.breso-portal-linear .breso-list-item__icon--danger {
    background: linear-gradient(145deg, #f9a8d4 0%, #ef4444 100%) !important;
    color: #fff !important;
}

.breso-portal-linear .breso-portal-page-card__icon {
    background: linear-gradient(145deg, #E08A55 0%, #C15E2A 100%) !important;
}

.breso-portal-linear .breso-portal-page-card__icon--pending {
    background: linear-gradient(145deg, #fdba74 0%, #f97316 100%) !important;
}

.breso-portal-linear .breso-portal-page-card__icon--user {
    background: linear-gradient(145deg, #E08A55 0%, #C15E2A 100%) !important;
}

.breso-portal-linear .breso-portal-page-card__icon--lock {
    background: linear-gradient(145deg, #94a3b8 0%, #64748b 100%) !important;
}

/* ── Botones pill ── */
.breso-portal-linear .breso-btn,
.breso-portal-linear .breso-btn-primary,
.breso-portal-linear a.breso-btn,
.breso-portal-linear .breso-home-estado__cta,
.breso-portal-linear .breso-portal-viewer-btn,
.breso-portal-linear .breso-portal-firma-actions .breso-btn,
.breso-portal-linear button[type="submit"].breso-btn {
    border-radius: 999px !important;
    font-weight: 600 !important;
}

.breso-portal-linear .breso-btn--primary,
.breso-portal-linear .breso-btn-primary,
.breso-portal-linear .breso-portal-viewer-btn--primary,
.breso-portal-linear .breso-home-estado__cta {
    background: var(--breso-accent) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(193, 94, 42, 0.28) !important;
}

.breso-portal-linear .breso-btn--primary:hover,
.breso-portal-linear .breso-home-estado__cta:hover {
    background: var(--breso-accent-hover) !important;
}

.breso-portal-linear .breso-badge {
    border-radius: 999px !important;
    padding: 3px 9px !important;
}

/* ── Forms / search ── */
.breso-portal-linear .breso-archive-search,
.breso-portal-linear .breso-portal-form input[type="text"],
.breso-portal-linear .breso-portal-form input[type="email"],
.breso-portal-linear .breso-portal-form input[type="tel"],
.breso-portal-linear .breso-portal-form input[type="password"],
.breso-portal-linear .breso-portal-form textarea,
.breso-portal-linear .breso-portal-form select {
    border-radius: 12px !important;
    border-color: var(--breso-input-border) !important;
    background: var(--breso-input-bg) !important;
}

.breso-portal-linear .breso-archive-search:focus-within,
.breso-portal-linear .breso-portal-form input:focus,
.breso-portal-linear .breso-portal-form textarea:focus,
.breso-portal-linear .breso-portal-form select:focus {
    border-color: var(--breso-accent) !important;
    box-shadow: 0 0 0 4px var(--breso-accent-soft) !important;
}

/* ── Secciones home ── */
.breso-portal-linear .breso-section-header__title {
    font-size: 15px !important;
    font-weight: 650 !important;
    letter-spacing: -0.02em !important;
}

.breso-portal-linear .breso-portal-section {
    margin-bottom: 28px;
}

.breso-portal-linear .breso-home-estado {
    padding: 18px 20px !important;
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.breso-portal-linear .breso-home-estado--ok {
    background: linear-gradient(180deg, rgba(20, 184, 166, 0.1) 0%, var(--breso-surface) 55%) !important;
}

.breso-portal-linear .breso-home-estado--urgente {
    background: linear-gradient(180deg, rgba(239, 68, 68, 0.1) 0%, var(--breso-surface) 55%) !important;
}

.breso-portal-linear .breso-home-estado--accion,
.breso-portal-linear .breso-home-estado--proximo {
    background: linear-gradient(180deg, rgba(249, 115, 22, 0.1) 0%, var(--breso-surface) 55%) !important;
}

/* ── Login ── */
body.breso-login-page {
    background:
        radial-gradient(ellipse 80% 50% at 50% -20%, rgba(193, 94, 42, 0.1), transparent 55%),
        var(--breso-bg, #f5f5f7) !important;
}

body.breso-login-page .breso-login-card {
    border: none !important;
    border-radius: 24px !important;
    box-shadow: var(--breso-shadow-md) !important;
    padding: 44px 40px 36px !important;
}

body.breso-login-page .breso-linear-login-brand .breso-linear-mark {
    color: #C15E2A !important;
    background: linear-gradient(145deg, rgba(125, 211, 252, 0.35), rgba(193, 94, 42, 0.2));
    border-radius: 12px;
    width: 40px;
    height: 40px;
}

body.breso-login-page .breso-btn,
body.breso-login-page button[type="submit"] {
    border-radius: 999px !important;
    background: #C15E2A !important;
    box-shadow: 0 2px 10px rgba(193, 94, 42, 0.3) !important;
}

body.breso-login-page input[type="email"],
body.breso-login-page input[type="password"],
body.breso-login-page input[type="text"] {
    border-radius: 12px !important;
}

/* ── Firma / viewer ── */
.breso-portal-linear .breso-portal-viewer-btn {
    border-radius: 999px !important;
}

.breso-portal-linear .breso-portal-firma-upload {
    border-radius: 18px !important;
    border-style: dashed !important;
}

@media (prefers-reduced-motion: reduce) {
    .breso-portal-linear .breso-card--lift:hover,
    .breso-portal-linear .breso-action-card:hover {
        transform: none !important;
    }
}

/* Una tipografía: matar Instrument Serif / display residual */
.breso-portal-linear,
.breso-portal-linear h1,
.breso-portal-linear h2,
.breso-portal-linear .breso-portal-hero__name,
.breso-portal-linear .breso-home-hero__name,
.breso-portal-linear .breso-portal-greeting__name {
    font-family: var(--breso-font-ui) !important;
}

.breso-portal-linear .breso-home-contacto-card__icon {
    font-size: 0 !important;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #E08A55 0%, #C15E2A 100%);
    color: #fff !important;
}

.breso-portal-linear .breso-home-contacto-card__icon svg {
    width: 20px !important;
    height: 20px !important;
    color: #fff !important;
}

.breso-portal-linear .breso-home-contacto-card--whatsapp .breso-home-contacto-card__icon {
    background: linear-gradient(145deg, #86efac 0%, #16a34a 100%);
}

.breso-portal-linear .breso-home-contacto-card--email .breso-home-contacto-card__icon {
    background: linear-gradient(145deg, #E08A55 0%, #C15E2A 100%);
}

.breso-portal-linear .breso-home-contacto-card--phone .breso-home-contacto-card__icon {
    background: linear-gradient(145deg, #94a3b8 0%, #64748b 100%);
}