/*
 * Layout público del área de propietarios.
 * Centraliza márgenes/ancho de las páginas /mis-* y herramientas de alojamiento
 * para evitar que cada vista tenga parches propios de contenedor.
 */

:root {
    --owner-page-width: 1240px;
    --owner-page-gutter: 40px;
}

.owner-public-page,
.owner-public-shell,
.property-workspace-header,
.property-workspace-tabs-shell,
.owner-impersonation-compact,
.impersonation-banner {
    width: min(var(--owner-page-width), calc(100% - var(--owner-page-gutter))) !important;
    max-width: var(--owner-page-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.owner-public-page {
    padding-top: 22px;
    padding-bottom: 54px;
}

/*
 * Compatibilidad para vistas antiguas de propietario que todavía renderizan
 * directamente <section class="panel"> tras el header o tras las barras de gestión.
 * Se limita a páginas donde existen elementos inequívocos del área propietario.
 */
body:has(.property-workspace-header) > .panel,
body:has(.property-workspace-tabs-shell) > .panel,
body:has(.owner-dashboard-intro) > .panel,
body:has(.owner-reservas-header) > .panel,
body:has(.impersonation-banner) > .panel,
body:has(.owner-impersonation-compact) > .panel {
    width: min(var(--owner-page-width), calc(100% - var(--owner-page-gutter))) !important;
    max-width: var(--owner-page-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.property-workspace-header,
.owner-impersonation-compact,
.impersonation-banner {
    margin-top: 18px !important;
}

.property-workspace-tabs-shell {
    margin-top: 0 !important;
}

body:has(.property-workspace-header) > .panel,
body:has(.property-workspace-tabs-shell) > .panel {
    margin-top: 26px !important;
}

@media (max-width: 760px) {
    :root {
        --owner-page-gutter: 24px;
    }

    .owner-public-page {
        padding-top: 14px;
        padding-bottom: 42px;
    }

    .property-workspace-header,
    .owner-impersonation-compact,
    .impersonation-banner {
        margin-top: 12px !important;
    }

    body:has(.property-workspace-header) > .panel,
    body:has(.property-workspace-tabs-shell) > .panel {
        margin-top: 18px !important;
    }
}