:root {
    --murano-black: #050505;
    --murano-white: #f5f2ec;
    --murano-line: rgba(255, 255, 255, 0.38);
    --murano-overlay-opacity: 0.30;
    --murano-header-height: 98px;
    --murano-side-space: clamp(22px, 4vw, 64px);
    --murano-video-margin: clamp(10px, 1.25vw, 18px);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

/* Protección visual y de interacción para imágenes y videos. */
img,
video {
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}


body {
    margin: 0;
    background: var(--murano-black);
    color: var(--murano-white);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

body.menu-open {
    overflow: hidden;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

.site-header {
    position: fixed;
    z-index: 80;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--murano-header-height);
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 0 var(--murano-side-space);
    color: var(--murano-white);
}

.admin-bar .site-header {
    top: 32px;
}

.menu-trigger,
.menu-close {
    width: max-content;
    border: 0;
    padding: 10px 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.26em;
    cursor: pointer;
}

.menu-trigger {
    justify-self: start;
}

.menu-trigger::after,
.menu-close::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 7px;
    background: currentColor;
    transform: scaleX(0.28);
    transform-origin: left center;
    transition: transform 280ms ease;
}

.menu-trigger:hover::after,
.menu-trigger:focus-visible::after,
.menu-close:hover::after,
.menu-close:focus-visible::after {
    transform: scaleX(1);
}

.site-brand,
.overlay-menu__brand {
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-brand {
    justify-self: center;
    width: clamp(145px, 16vw, 230px);
}

.site-brand img,
.site-brand .custom-logo,
.overlay-menu__brand img {
    display: block;
    width: 100%;
    height: auto;
    filter: invert(1);
}

.site-brand > a,
.site-brand .custom-logo-link {
    display: block;
    width: 100%;
}

.site-header__balance,
.overlay-menu__balance {
    justify-self: end;
    width: 52px;
}

.hero {
    position: relative;
    min-height: 100vh;
    min-height: 100svh;
    overflow: hidden;
    background: var(--murano-black);
}

.hero__video,
.hero__fallback,
.hero__overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.hero__video {
    z-index: 1;
    object-fit: cover;
    object-position: center center;
}

.hero__fallback {
    z-index: 0;
    background: radial-gradient(circle at center, #26221e 0%, #090909 58%, #000 100%);
}

.hero__overlay {
    z-index: 2;
    background: rgba(0, 0, 0, var(--murano-overlay-opacity));
    pointer-events: none;
}


.home .site-main {
    height: 100vh;
    height: 100svh;
    padding: var(--murano-video-margin);
    overflow: hidden;
    background: var(--murano-black);
}

.home .hero {
    height: 100%;
    min-height: 0;
}

.admin-bar.home .site-main {
    height: calc(100vh - 32px);
    height: calc(100svh - 32px);
}
.overlay-menu {
    position: fixed;
    z-index: 100;
    inset: 0;
    display: grid;
    grid-template-rows: var(--murano-header-height) 1fr;
    background: rgba(4, 4, 4, 0.98);
    color: var(--murano-white);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px);
    transition: opacity 360ms ease, visibility 360ms ease, transform 360ms ease;
}

.admin-bar .overlay-menu {
    top: 32px;
}

.overlay-menu.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.overlay-menu__top {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 0 var(--murano-side-space);
}

.menu-close {
    justify-self: start;
}

.overlay-menu__brand {
    width: clamp(145px, 16vw, 230px);
}

.overlay-menu__nav {
    display: flex;
    align-items: center;
    padding: clamp(35px, 6vw, 92px) var(--murano-side-space);
}

.overlay-menu__list {
    width: min(100%, 1250px);
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.overlay-menu__item,
.overlay-menu__list > li {
    border-bottom: 1px solid rgba(255,255,255,.16);
}

.overlay-menu__link,
.overlay-menu__list > li > a {
    display: grid;
    grid-template-columns: 68px 1fr;
    align-items: center;
    min-height: clamp(64px, 10.5vh, 108px);
    color: var(--murano-white);
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(23px, 2.9vw, 44px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.02em;
    transition: opacity 230ms ease, padding-left 230ms ease;
}

.overlay-menu__list > li > a:not(.overlay-menu__link) {
    grid-template-columns: 1fr;
}

.overlay-menu__number {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 9px;
    letter-spacing: .22em;
    opacity: .55;
}

.overlay-menu__link:hover,
.overlay-menu__link:focus-visible,
.overlay-menu__list > li > a:hover,
.overlay-menu__list > li > a:focus-visible {
    padding-left: 16px;
    opacity: .62;
}

.content-shell {
    min-height: 100vh;
    padding: calc(var(--murano-header-height) + 72px) var(--murano-side-space) 80px;
}

.content-entry {
    width: min(100%, 900px);
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.7;
}

.content-entry h1 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(42px, 7vw, 92px);
    font-weight: 400;
}

@media (max-width: 782px) {
    .admin-bar .site-header,
    .admin-bar .overlay-menu {
        top: 46px;
    }

    .admin-bar.home .site-main {
        height: calc(100vh - 46px);
        height: calc(100svh - 46px);
    }
}

@media (max-width: 620px) {
    :root {
        --murano-header-height: 82px;
    }

    .site-header,
    .overlay-menu__top {
        grid-template-columns: 1fr auto 1fr;
    }

    .site-brand,
    .overlay-menu__brand {
        width: 122px;
    }

    .menu-trigger,
    .menu-close {
        font-size: 9px;
        letter-spacing: .20em;
    }

    .overlay-menu__nav {
        align-items: flex-start;
        padding-top: 12vh;
    }

    .overlay-menu__link,
    .overlay-menu__list > li > a {
        grid-template-columns: 36px 1fr;
        min-height: 72px;
        font-size: clamp(21px, 7vw, 32px);
        line-height: 1.04;
    }

}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* Contacto */
.page-contacto,
.page-template-page-contacto {
    background: #050505;
}

.murano-contact-page {
    min-height: 100vh;
    background: #050505;
}

.murano-contact {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr);
    min-height: 100vh;
}

.murano-contact__form-panel {
    padding: calc(var(--murano-header-height) + clamp(56px, 7vw, 110px)) clamp(28px, 5.8vw, 92px) clamp(64px, 8vw, 120px);
    background: #050505;
}

.murano-contact__intro {
    width: min(100%, 780px);
    margin-bottom: clamp(44px, 5vw, 72px);
}

.murano-contact__eyebrow {
    display: block;
    margin-bottom: 26px;
    font-size: 10px;
    letter-spacing: .32em;
    color: rgba(245, 242, 236, .66);
}

.murano-contact__intro h1 {
    max-width: 700px;
    margin: 0;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(48px, 6.2vw, 94px);
    font-weight: 400;
    line-height: .91;
    letter-spacing: -.045em;
}

.murano-contact__intro p {
    max-width: 610px;
    margin: 30px 0 0;
    color: rgba(245, 242, 236, .62);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(18px, 1.45vw, 23px);
    line-height: 1.45;
}

.murano-contact__visual {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
    background: #111;
}

.admin-bar .murano-contact__visual {
    top: 32px;
    height: calc(100vh - 32px);
}

.murano-contact__visual img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 74% center;
}

.murano-contact__visual-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(5,5,5,.25), rgba(5,5,5,.04) 44%, rgba(5,5,5,.12));
    pointer-events: none;
}

.murano-contact-form {
    width: min(100%, 860px);
}

.murano-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 24px;
}

.murano-form-grid--message {
    margin-top: 34px;
}

.murano-field {
    min-width: 0;
}

.murano-field--wide {
    grid-column: 1 / -1;
}

.murano-field label,
.murano-dynamic-fields h2 {
    display: block;
    margin: 0 0 12px;
    color: rgba(245, 242, 236, .64);
    font-size: 9px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: .20em;
    text-transform: uppercase;
}

.murano-field label span,
.murano-privacy b {
    color: #f5f2ec;
    font-weight: 400;
}

.murano-field input,
.murano-field select,
.murano-field textarea {
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgba(245, 242, 236, .24);
    border-radius: 0;
    padding: 6px 0 14px;
    outline: 0;
    background: transparent;
    color: #f5f2ec;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.35;
    transition: border-color 220ms ease;
    appearance: none;
}

.murano-field textarea {
    min-height: 130px;
    resize: vertical;
}

.murano-field input::placeholder,
.murano-field textarea::placeholder {
    color: rgba(245, 242, 236, .26);
}

.murano-field input:focus,
.murano-field select:focus,
.murano-field textarea:focus {
    border-color: rgba(245, 242, 236, .86);
}

.murano-contact-form.was-validated :invalid {
    border-color: rgba(203, 107, 90, .92);
}

.murano-select-wrap {
    position: relative;
}

.murano-select-wrap::after {
    content: "⌄";
    position: absolute;
    right: 0;
    bottom: 15px;
    color: rgba(245, 242, 236, .62);
    pointer-events: none;
}

.murano-field select {
    padding-right: 28px;
}

.murano-field select option {
    background: #0a0a0a;
    color: #f5f2ec;
}

.murano-dynamic-fields {
    margin-top: 48px;
    padding: 38px 0 8px;
    border-top: 1px solid rgba(245, 242, 236, .15);
}

.murano-dynamic-fields[hidden] {
    display: none;
}

.murano-dynamic-fields h2 {
    margin-bottom: 30px;
    color: rgba(245, 242, 236, .82);
}

.murano-privacy {
    display: grid;
    grid-template-columns: 18px 1fr;
    gap: 12px;
    align-items: start;
    margin-top: 34px;
    color: rgba(245, 242, 236, .54);
    font-size: 11px;
    line-height: 1.6;
}

.murano-privacy input {
    width: 15px;
    height: 15px;
    margin: 2px 0 0;
    accent-color: #f5f2ec;
}

.murano-privacy a {
    color: #f5f2ec;
    text-underline-offset: 3px;
}

.murano-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 32px;
    border: 1px solid rgba(245, 242, 236, .34);
    padding: 20px 22px;
    background: transparent;
    color: #f5f2ec;
    font: inherit;
    font-size: 10px;
    letter-spacing: .25em;
    cursor: pointer;
    transition: background 230ms ease, color 230ms ease, border-color 230ms ease;
}

.murano-submit:hover,
.murano-submit:focus-visible {
    border-color: #f5f2ec;
    background: #f5f2ec;
    color: #050505;
}

.murano-form-message {
    display: grid;
    gap: 7px;
    width: min(100%, 860px);
    margin: -18px 0 40px;
    border: 1px solid rgba(245, 242, 236, .24);
    padding: 20px;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 17px;
}

.murano-form-message strong {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.murano-form-message--error {
    border-color: rgba(203, 107, 90, .72);
}

.murano-form-honeypot {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

@media (max-width: 1040px) {
    .murano-contact {
        grid-template-columns: minmax(0, 1fr) minmax(350px, .74fr);
    }

    .murano-contact__form-panel {
        padding-left: 38px;
        padding-right: 38px;
    }
}

@media (max-width: 820px) {
    .murano-contact {
        display: flex;
        flex-direction: column-reverse;
    }

    .murano-contact__visual,
    .admin-bar .murano-contact__visual {
        position: relative;
        top: auto;
        width: 100%;
        height: 54vh;
        min-height: 390px;
    }

    .murano-contact__visual img {
        object-position: 70% center;
    }

    .murano-contact__form-panel {
        padding: 64px 24px 80px;
    }

    .murano-contact__intro h1 {
        font-size: clamp(48px, 13vw, 76px);
    }
}

@media (max-width: 560px) {
    .murano-form-grid {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .murano-field--wide {
        grid-column: auto;
    }

    .murano-contact__visual,
    .admin-bar .murano-contact__visual {
        height: 46vh;
        min-height: 330px;
    }
}

/* --------------------------------------------------------------
   Proyectos a la talla
-------------------------------------------------------------- */
.projects-page {
    --projects-ivory: #eee9df;
    --projects-muted: rgba(238, 233, 223, .60);
    background: #050505;
    color: var(--projects-ivory);
    overflow: hidden;
}

.projects-hero {
    height: clamp(440px, 40vw, 520px);
    padding: var(--murano-video-margin);
    background: #050505;
}

.projects-hero__frame {
    position: relative;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    isolation: isolate;
    background: #0a0a0a;
}

.projects-hero__video,
.projects-hero__overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.projects-hero__video {
    z-index: -2;
    object-fit: cover;
    object-position: center;
    transform: scale(1.015);
}

.projects-hero__overlay {
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(0,0,0,.64) 0%, rgba(0,0,0,.30) 50%, rgba(0,0,0,.22) 100%),
        rgba(0, 0, 0, .32);
}

.projects-hero__content {
    width: min(770px, calc(100% - (var(--murano-side-space) * 2)));
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 0;
    padding: calc(var(--murano-header-height) + 18px) 0 clamp(24px, 3vw, 38px);
    margin-left: var(--murano-side-space);
}

.projects-kicker,
.projects-section-index,
.projects-category__label {
    margin: 0;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .32em;
    line-height: 1.4;
    text-transform: uppercase;
}

.projects-kicker {
    margin-bottom: 24px;
}

.projects-hero h1,
.projects-page h2,
.projects-page h3 {
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-weight: 400;
}

.projects-hero h1 {
    max-width: 750px;
    margin: 0;
    font-size: clamp(58px, 7vw, 104px);
    line-height: .78;
    letter-spacing: -.055em;
}

.projects-hero__intro {
    width: min(550px, 100%);
    margin: 22px 0 22px;
    color: rgba(255,255,255,.72);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(17px, 1.45vw, 22px);
    line-height: 1.45;
}

.projects-text-link {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    color: inherit;
    font-size: 9px;
    letter-spacing: .28em;
    text-decoration: none;
}

.projects-text-link::after {
    content: "";
    width: 72px;
    height: 1px;
    background: currentColor;
    transition: width 300ms ease;
}

.projects-text-link:hover::after,
.projects-text-link:focus-visible::after {
    width: 112px;
}

.projects-manifesto,
.projects-categories,
.projects-detail,
.projects-process,
.projects-closing,
.projects-cta {
    padding-left: var(--murano-side-space);
    padding-right: var(--murano-side-space);
}

.projects-manifesto {
    min-height: 100vh;
    min-height: 100svh;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: clamp(20px, 2.2vw, 32px);
    align-items: stretch;
    padding-top: calc(var(--murano-header-height) + clamp(18px, 2vw, 32px));
    padding-bottom: clamp(20px, 2.4vw, 34px);
}

.projects-section-index {
    color: var(--projects-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .29em;
}

.projects-manifesto__layout {
    width: min(1120px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
    gap: clamp(58px, 8vw, 125px);
    align-items: center;
}

.projects-manifesto__left,
.projects-manifesto__right {
    min-width: 0;
}

.projects-manifesto__left h2 {
    margin: clamp(24px, 3vw, 42px) 0 0;
    font-size: clamp(34px, 3.5vw, 53px);
    line-height: .98;
    letter-spacing: -.038em;
}

.projects-manifesto__left h2 span {
    display: block;
}

.projects-manifesto__left h2 span + span {
    margin-top: clamp(18px, 2.2vw, 30px);
    color: rgba(238,233,223,.52);
    font-size: .82em;
    line-height: 1.04;
}

.projects-manifesto__principles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(20px, 3vw, 38px);
    margin-top: clamp(30px, 4vw, 54px);
    padding-top: clamp(20px, 2.6vw, 34px);
    border-top: 1px solid rgba(255,255,255,.15);
}

.projects-manifesto__principles p,
.projects-manifesto__intro,
.projects-manifesto__steps p {
    margin: 0;
    color: rgba(238,233,223,.62);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(15px, 1.25vw, 18px);
    line-height: 1.45;
}

.projects-manifesto__eyebrow {
    margin: 0 0 15px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .22em;
    line-height: 1.45;
    text-transform: uppercase;
}

.projects-manifesto__intro {
    max-width: 620px;
    color: rgba(238,233,223,.78);
}

.projects-manifesto__steps {
    display: grid;
    gap: 0;
    margin-top: clamp(22px, 2.6vw, 36px);
    border-top: 1px solid rgba(255,255,255,.15);
}

.projects-manifesto__steps article {
    display: grid;
    grid-template-columns: minmax(190px, .62fr) 1fr;
    gap: clamp(20px, 2.5vw, 36px);
    padding: clamp(13px, 1.55vw, 20px) 0;
    border-bottom: 1px solid rgba(255,255,255,.15);
}

.projects-manifesto__steps h3 {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    line-height: 1.45;
    text-transform: uppercase;
}

.projects-manifesto__steps p {
    font-size: clamp(14px, 1.1vw, 17px);
}

.projects-manifesto__closing {
    max-width: 660px;
    margin: clamp(22px, 2.8vw, 38px) 0 0;
    color: var(--projects-ivory);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(22px, 2vw, 30px);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -.018em;
}

.projects-manifesto__moments {
    width: min(1120px, 100%);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin: 0 auto;
    padding: 12px 0;
    border-top: 1px solid rgba(255,255,255,.16);
    border-bottom: 1px solid rgba(255,255,255,.16);
    font-size: 8px;
    letter-spacing: .22em;
    line-height: 1.5;
}

.projects-intention-visual {
    position: relative;
    min-height: clamp(380px, 48vw, 595px);
    display: flex;
    align-items: center;
    overflow: hidden;
    isolation: isolate;
    padding: clamp(72px, 8vw, 125px) var(--murano-side-space);
    background-image: var(--projects-intention-image);
    background-size: cover;
    background-position: center;
    color: var(--projects-ivory);
}

.projects-intention-visual__overlay {
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.54) 43%, rgba(0,0,0,.15) 78%, rgba(0,0,0,.08) 100%),
        rgba(0,0,0,.18);
}

.projects-intention-visual__content {
    width: min(620px, 58%);
}

.projects-intention-visual h2 {
    margin: 0;
    font-size: clamp(40px, 4.9vw, 74px);
    line-height: .9;
    letter-spacing: -.048em;
    text-align: left;
}

.projects-categories,
.projects-process {
    padding-top: clamp(110px, 14vw, 210px);
    padding-bottom: clamp(110px, 14vw, 210px);
    border-top: 1px solid rgba(255,255,255,.12);
}

.projects-section-heading {
    display: grid;
    grid-template-columns: minmax(180px, .38fr) 1fr;
    align-items: start;
    gap: 40px;
    margin-bottom: clamp(100px, 13vw, 190px);
}

.projects-section-heading h2 {
    margin: 0;
    font-size: clamp(49px, 7vw, 104px);
    line-height: .9;
    letter-spacing: -.045em;
}

.projects-category {
    display: grid;
    grid-template-columns: minmax(90px, .16fr) 1fr;
    gap: clamp(30px, 6vw, 95px);
    width: min(1120px, 100%);
    margin-left: auto;
    padding: clamp(58px, 8vw, 110px) 0;
    border-top: 1px solid rgba(255,255,255,.15);
}

.projects-category:last-child {
    border-bottom: 1px solid rgba(255,255,255,.15);
}

.projects-category__number {
    padding-top: 8px;
    color: rgba(255,255,255,.37);
    font-size: 10px;
    letter-spacing: .26em;
}

.projects-category h3 {
    max-width: 820px;
    margin: 20px 0 28px;
    font-size: clamp(43px, 5.3vw, 82px);
    line-height: .94;
    letter-spacing: -.04em;
}

.projects-category p:not(.projects-category__label) {
    max-width: 670px;
    margin: 0 0 34px;
    color: var(--projects-muted);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(18px, 1.9vw, 27px);
    line-height: 1.5;
}

.projects-category small {
    display: block;
    max-width: 760px;
    color: rgba(255,255,255,.36);
    font-size: 8px;
    letter-spacing: .20em;
    line-height: 1.8;
}

.projects-detail {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(70px, 11vw, 180px);
    align-items: center;
    padding-top: clamp(120px, 14vw, 220px);
    padding-bottom: clamp(120px, 14vw, 220px);
    background: var(--projects-ivory);
    color: #090909;
}

.projects-detail .projects-section-index {
    color: rgba(0,0,0,.50);
}

.projects-detail h2 {
    margin: 42px 0 34px;
    font-size: clamp(55px, 7vw, 112px);
    line-height: .82;
    letter-spacing: -.05em;
}

.projects-detail__statement > p:last-child {
    max-width: 510px;
    margin: 0;
    color: rgba(0,0,0,.62);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(19px, 2vw, 28px);
    line-height: 1.45;
}

.projects-detail__list {
    display: flex;
    flex-direction: column;
    border-top: 1px solid rgba(0,0,0,.22);
}

.projects-detail__list span {
    padding: 20px 0;
    border-bottom: 1px solid rgba(0,0,0,.22);
    font-size: 9px;
    letter-spacing: .22em;
}

.projects-process__list {
    width: min(1120px, 100%);
    margin: 0 0 0 auto;
    padding: 0;
    list-style: none;
    counter-reset: none;
}

.projects-process__list li {
    display: grid;
    grid-template-columns: minmax(90px, .16fr) 1fr;
    gap: clamp(30px, 6vw, 95px);
    padding: clamp(44px, 6vw, 82px) 0;
    border-top: 1px solid rgba(255,255,255,.15);
}

.projects-process__list li:last-child {
    border-bottom: 1px solid rgba(255,255,255,.15);
}

.projects-process__list > li > span {
    color: rgba(255,255,255,.37);
    font-size: 10px;
    letter-spacing: .26em;
}

.projects-process h3 {
    margin: -9px 0 16px;
    font-size: clamp(36px, 4vw, 62px);
    line-height: 1;
    letter-spacing: -.035em;
}

.projects-process li p {
    max-width: 650px;
    margin: 0;
    color: var(--projects-muted);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(18px, 1.8vw, 25px);
    line-height: 1.5;
}

.projects-closing,
.projects-cta {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 130px;
    padding-bottom: 130px;
}

.projects-closing {
    border-top: 1px solid rgba(255,255,255,.12);
}

.projects-closing h2,
.projects-cta h2 {
    max-width: 1150px;
    margin: 45px auto 35px;
    font-size: clamp(52px, 7.4vw, 116px);
    line-height: .88;
    letter-spacing: -.05em;
}

.projects-closing > p:last-child,
.projects-cta > p:not(.projects-section-index) {
    max-width: 680px;
    margin: 0;
    color: var(--projects-muted);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(19px, 2vw, 28px);
    line-height: 1.5;
}

.projects-cta {
    background: var(--projects-ivory);
    color: #080808;
}

.projects-cta .projects-section-index,
.projects-cta > p:not(.projects-section-index) {
    color: rgba(0,0,0,.55);
}

.projects-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: min(360px, 100%);
    margin-top: 58px;
    padding: 22px 30px;
    border: 1px solid rgba(0,0,0,.55);
    color: #080808;
    font-size: 9px;
    letter-spacing: .28em;
    text-decoration: none;
    transition: color 250ms ease, background 250ms ease;
}

.projects-cta__button:hover,
.projects-cta__button:focus-visible {
    background: #080808;
    color: var(--projects-ivory);
}

.projects-reveal {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity 850ms ease, transform 850ms cubic-bezier(.2,.65,.25,1);
}

.projects-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 900px) {
    .projects-section-heading,
    .projects-detail {
        grid-template-columns: 1fr;
    }

    .projects-section-heading {
        gap: 40px;
    }

    .projects-detail {
        gap: 80px;
    }

    .projects-manifesto {
        min-height: auto;
    }

    .projects-manifesto__layout {
        grid-template-columns: 1fr;
        gap: 58px;
    }

    .projects-manifesto__principles {
        grid-template-columns: 1fr 1fr;
    }

    .projects-manifesto__moments {
        grid-template-columns: 1fr 1fr;
        row-gap: 24px;
    }

    .projects-intention-visual__content {
        width: min(760px, 82%);
    }
}

@media (max-width: 820px) {
    .projects-hero {
        height: clamp(520px, 78svh, 680px);
    }

    .projects-hero__content {
        width: calc(100% - 44px);
        margin-left: 22px;
        padding-top: calc(var(--murano-header-height) + 34px);
        padding-bottom: 30px;
    }

    .projects-hero h1 {
        font-size: clamp(52px, 14vw, 84px);
    }
}

@media (max-width: 620px) {
    .projects-hero__content {
        width: calc(100% - 44px);
        margin-left: 22px;
        padding-bottom: 42px;
    }

    .projects-hero h1 {
        font-size: clamp(54px, 18vw, 78px);
        line-height: .82;
    }

    .projects-hero__intro {
        margin-top: 26px;
        font-size: 18px;
    }

    .projects-manifesto,
    .projects-categories,
    .projects-detail,
    .projects-process,
    .projects-closing,
    .projects-cta {
        padding-left: 22px;
        padding-right: 22px;
    }

    .projects-manifesto {
        gap: 34px;
        padding-top: calc(var(--murano-header-height) + 42px);
        padding-bottom: 34px;
    }

    .projects-manifesto__layout {
        gap: 46px;
    }

    .projects-manifesto__principles {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .projects-manifesto__steps article {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .projects-manifesto__moments {
        grid-template-columns: 1fr 1fr;
    }

    .projects-intention-visual {
        min-height: 460px;
        padding-left: 22px;
        padding-right: 22px;
        background-position: 58% center;
    }

    .projects-intention-visual__content {
        width: 100%;
    }

    .projects-intention-visual h2 {
        max-width: 520px;
        font-size: 44px;
    }

    .projects-category,
    .projects-process__list li {
        grid-template-columns: 38px 1fr;
        gap: 18px;
    }

    .projects-category h3 {
        font-size: 40px;
    }

    .projects-detail h2 {
        font-size: 66px;
    }

    .projects-closing h2,
    .projects-cta h2 {
        font-size: 54px;
    }
}


/* --------------------------------------------------------------
   Lámina final unificada: La firma + Inicio de proyecto
-------------------------------------------------------------- */
.projects-final-panel {
    position: relative;
    padding: clamp(88px, 9vw, 138px) var(--murano-side-space) clamp(78px, 8vw, 120px);
    background: #050505;
    color: var(--projects-ivory);
}

.projects-final-panel .projects-detail {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
    gap: clamp(65px, 10vw, 150px);
    align-items: start;
    padding: 0;
    background: transparent;
    color: inherit;
}

.projects-final-panel .projects-detail .projects-section-index {
    color: rgba(238, 233, 223, .58);
}

.projects-final-panel .projects-detail h2 {
    margin: clamp(28px, 3vw, 42px) 0 clamp(24px, 2.5vw, 34px);
    color: #fff;
    font-size: clamp(52px, 6vw, 94px);
    line-height: .86;
}

.projects-final-panel .projects-detail__statement > p:last-child {
    color: rgba(255, 255, 255, .62);
    font-size: clamp(18px, 1.65vw, 25px);
}

.projects-final-panel .projects-detail__list {
    border-top-color: rgba(255, 255, 255, .20);
}

.projects-final-panel .projects-detail__list span {
    padding: 16px 0;
    border-bottom-color: rgba(255, 255, 255, .20);
    color: rgba(255, 255, 255, .88);
}

.projects-final-panel .projects-cta {
    min-height: 0;
    margin-top: clamp(68px, 8vw, 118px);
    padding: clamp(68px, 7vw, 104px) 0 0;
    border-top: 1px solid rgba(255, 255, 255, .18);
    background: transparent;
    color: var(--projects-ivory);
}

.projects-final-panel .projects-cta .projects-section-index {
    color: rgba(238, 233, 223, .58);
}

.projects-final-panel .projects-cta h2 {
    max-width: 1050px;
    margin: clamp(32px, 3vw, 44px) auto clamp(24px, 2.5vw, 34px);
    color: var(--projects-ivory);
    font-size: clamp(50px, 6.4vw, 96px);
}

.projects-final-panel .projects-cta > p:not(.projects-section-index) {
    color: rgba(238, 233, 223, .66);
}

.projects-final-panel .projects-cta__button {
    margin-top: clamp(34px, 4vw, 50px);
    border-color: rgba(238, 233, 223, .58);
    color: var(--projects-ivory);
}

.projects-final-panel .projects-cta__button:hover,
.projects-final-panel .projects-cta__button:focus-visible {
    background: var(--projects-ivory);
    color: #050505;
}

@media (max-width: 900px) {
    .projects-final-panel .projects-detail {
        grid-template-columns: 1fr;
        gap: 58px;
    }
}

@media (max-width: 620px) {
    .projects-final-panel {
        padding: 72px 22px 78px;
    }

    .projects-final-panel .projects-detail,
    .projects-final-panel .projects-cta {
        padding-left: 0;
        padding-right: 0;
    }

    .projects-final-panel .projects-detail h2 {
        font-size: 58px;
    }

    .projects-final-panel .projects-detail__list span {
        padding: 14px 0;
        font-size: 8px;
    }

    .projects-final-panel .projects-cta {
        margin-top: 62px;
        padding-top: 62px;
    }

    .projects-final-panel .projects-cta h2 {
        font-size: 50px;
    }
}

/* --------------------------------------------------------------
   El Atelier Murano — inicio de proyecto
-------------------------------------------------------------- */
.atelier-page {
    --atelier-cream: #eee9df;
    --atelier-muted: rgba(238, 233, 223, .58);
    --atelier-line: rgba(238, 233, 223, .18);
    background: #050505;
    color: var(--atelier-cream);
}

.atelier-intro {
    min-height: min(600px, 76svh);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: calc(var(--murano-header-height) + 80px) var(--murano-side-space) clamp(70px, 8vw, 120px);
    border-bottom: 1px solid var(--atelier-line);
    background:
        radial-gradient(circle at 78% 42%, rgba(166, 137, 92, .11), transparent 28%),
        linear-gradient(135deg, #050505 0%, #0b0a09 55%, #050505 100%);
}

.atelier-intro__kicker,
.atelier-panel__index,
.atelier-preview__caption,
.atelier-steps__heading,
.atelier-mini-summary > span {
    margin: 0;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .30em;
    line-height: 1.5;
    text-transform: uppercase;
}

.atelier-intro h1 {
    max-width: 1050px;
    margin: 28px 0 26px;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(58px, 7.2vw, 112px);
    font-weight: 400;
    line-height: .82;
    letter-spacing: -.052em;
}

.atelier-intro > p:not(.atelier-intro__kicker) {
    max-width: 690px;
    margin: 0;
    color: var(--atelier-muted);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(18px, 1.65vw, 25px);
    line-height: 1.45;
}

.atelier-intro__link {
    display: inline-flex;
    align-items: center;
    gap: 22px;
    margin-top: 42px;
    color: inherit;
    font-size: 9px;
    letter-spacing: .28em;
    text-decoration: none;
}

.atelier-intro__link::after {
    content: "";
    width: 84px;
    height: 1px;
    background: currentColor;
}

.atelier-status {
    display: grid;
    gap: 5px;
    padding: 22px var(--murano-side-space);
    border-bottom: 1px solid var(--atelier-line);
    font-size: 13px;
    letter-spacing: .04em;
}

.atelier-status span { color: var(--atelier-muted); }
.atelier-status--success { background: rgba(83, 102, 75, .22); }
.atelier-status--error { background: rgba(120, 62, 52, .24); }

.atelier-builder {
    padding: clamp(22px, 2vw, 34px);
    background: #050505;
}

.atelier-form {
    min-height: calc(100svh - 44px);
    display: grid;
    grid-template-columns: minmax(155px, .32fr) minmax(340px, .95fr) minmax(400px, 1fr);
    background: #0a0a09;
    border: 1px solid var(--atelier-line);
}

.atelier-honeypot {
    position: absolute !important;
    left: -9999px !important;
}

.atelier-steps {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: clamp(28px, 3vw, 46px) clamp(20px, 2.3vw, 36px);
    border-right: 1px solid var(--atelier-line);
}

.atelier-steps__heading {
    display: flex;
    justify-content: space-between;
    margin-bottom: 34px;
    color: rgba(238, 233, 223, .48);
}

.atelier-steps__heading strong { color: var(--atelier-cream); }

.atelier-step {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 10px;
    align-items: center;
    width: 100%;
    padding: 16px 0;
    border: 0;
    border-bottom: 1px solid var(--atelier-line);
    background: transparent;
    color: rgba(238, 233, 223, .38);
    font: inherit;
    font-size: 9px;
    letter-spacing: .17em;
    line-height: 1.45;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 220ms ease;
}

.atelier-step span { font-size: 8px; opacity: .58; }
.atelier-step.is-active { color: #fff; }
.atelier-step.is-complete { color: rgba(238, 233, 223, .67); }

.atelier-mini-summary {
    margin-top: auto;
    padding-top: 38px;
    color: rgba(238, 233, 223, .42);
}

.atelier-mini-summary p {
    margin: 10px 0 0;
    color: rgba(238, 233, 223, .74);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 16px;
    line-height: 1.22;
}

.atelier-preview {
    min-width: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    padding: clamp(24px, 3vw, 44px);
    border-right: 1px solid var(--atelier-line);
    background:
        radial-gradient(circle at 50% 44%, rgba(255,255,255,.055), transparent 33%),
        #070706;
}

.atelier-preview__stage {
    --atelier-accent: #b89a62;
    position: relative;
    min-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    isolation: isolate;
}

.atelier-preview__caption {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    color: rgba(238,233,223,.42);
}

.atelier-preview__stage::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--atelier-accent) 23%, transparent), transparent 70%);
    filter: blur(14px);
    opacity: .52;
}

.atelier-bottle {
    position: relative;
    z-index: 3;
    width: clamp(175px, 18vw, 250px);
    height: clamp(490px, 57vh, 650px);
    filter: drop-shadow(0 28px 30px rgba(0,0,0,.72));
}

.atelier-bottle__cap {
    position: absolute;
    z-index: 6;
    top: 0;
    left: 50%;
    width: 38%;
    height: 9%;
    transform: translateX(-50%);
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 6px 6px 2px 2px;
    background: linear-gradient(90deg, #171513, var(--atelier-accent), #191713);
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.04);
}

.atelier-bottle__neck {
    position: absolute;
    top: 7%;
    left: 50%;
    width: 29%;
    height: 26%;
    transform: translateX(-50%);
    border: 1px solid rgba(255,255,255,.20);
    border-bottom: 0;
    border-radius: 14px 14px 4px 4px;
    background: linear-gradient(90deg, rgba(255,255,255,.03), rgba(255,255,255,.18) 19%, rgba(255,255,255,.035) 47%, rgba(255,255,255,.12) 74%, rgba(255,255,255,.02));
}

.atelier-bottle__shoulder {
    position: absolute;
    top: 27%;
    left: 50%;
    width: 80%;
    height: 13%;
    transform: translateX(-50%);
    border: 1px solid rgba(255,255,255,.20);
    border-bottom: 0;
    border-radius: 48% 48% 10% 10% / 88% 88% 12% 12%;
    background: linear-gradient(90deg, rgba(255,255,255,.02), rgba(255,255,255,.15) 20%, rgba(255,255,255,.025) 52%, rgba(255,255,255,.11) 82%, rgba(255,255,255,.02));
}

.atelier-bottle__body {
    position: absolute;
    inset: 35% 4% 0;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 12% 12% 8% 8% / 8% 8% 5% 5%;
    background: linear-gradient(90deg, rgba(255,255,255,.025), rgba(255,255,255,.15) 17%, rgba(255,255,255,.025) 48%, rgba(255,255,255,.11) 81%, rgba(255,255,255,.02));
    box-shadow: inset 0 0 40px rgba(0,0,0,.72), inset 0 -18px 24px rgba(184,154,98,.11);
}

.atelier-bottle__glass {
    position: absolute;
    inset: 2.5%;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: inherit;
}

.atelier-bottle__label {
    position: absolute;
    z-index: 4;
    inset: 26% 13% auto;
    min-height: 42%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 14px 10px;
    border: 1px solid color-mix(in srgb, var(--atelier-accent) 68%, transparent);
    color: var(--atelier-accent);
    text-align: center;
    background: rgba(4,4,4,.28);
    backdrop-filter: blur(2px);
}

.atelier-bottle__label img {
    max-width: 68px;
    max-height: 54px;
    margin-bottom: 10px;
    object-fit: contain;
    filter: grayscale(1) brightness(1.7);
}

.atelier-bottle__label small,
.atelier-bottle__label span {
    font-size: 6px;
    letter-spacing: .22em;
    line-height: 1.45;
    text-transform: uppercase;
}

.atelier-bottle__label strong {
    margin: 10px 0;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(18px, 2vw, 27px);
    font-weight: 500;
    line-height: .78;
    letter-spacing: -.02em;
}

.atelier-bottle__label strong.is-with-logo { font-size: 13px; opacity: .52; }

.atelier-bottle__number {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 7%;
    transform: translateX(-50%);
    color: var(--atelier-accent);
    font-size: 7px;
    letter-spacing: .18em;
    white-space: nowrap;
}

.atelier-bottle__engraving {
    position: absolute;
    z-index: 3;
    inset: 10%;
    opacity: 0;
    background: repeating-linear-gradient(135deg, transparent 0 16px, rgba(255,255,255,.12) 17px 18px, transparent 19px 34px);
    transition: opacity 250ms ease;
}

.atelier-preview__stage.has-diamond .atelier-bottle__engraving { opacity: .72; }
.atelier-preview__stage.has-art .atelier-bottle__body { box-shadow: inset 0 0 50px rgba(0,0,0,.62), inset 0 -80px 100px color-mix(in srgb, var(--atelier-accent) 24%, transparent); }
.atelier-preview__stage.has-screenprint .atelier-bottle__label { background: color-mix(in srgb, var(--atelier-accent) 10%, rgba(4,4,4,.62)); }

.atelier-preview__base {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 4%;
    width: 68%;
    height: 7%;
    transform: translateX(-50%);
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(0,0,0,.88), transparent 68%);
}

.atelier-box {
    position: absolute;
    z-index: 2;
    right: 8%;
    bottom: 15%;
    width: 34%;
    aspect-ratio: .72;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.16);
    background: linear-gradient(140deg, #15130f, #050505 70%);
    color: var(--atelier-accent);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(18px, 2vw, 28px);
    line-height: .8;
    text-align: center;
    opacity: 0;
    transform: translateX(18px) scale(.96);
    transition: opacity 300ms ease, transform 300ms ease;
}

.atelier-box.is-visible { opacity: .82; transform: translateX(0) scale(1); }

.atelier-preview__notice {
    margin: 22px 0 0;
    color: rgba(238,233,223,.38);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 13px;
    line-height: 1.45;
}

.atelier-controls {
    min-width: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    padding: clamp(32px, 4vw, 60px);
    background: #0b0a09;
}

.atelier-panel {
    overflow-y: auto;
    padding-right: 6px;
    animation: atelierPanelIn 260ms ease both;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.18) transparent;
}

@keyframes atelierPanelIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.atelier-panel__index { color: rgba(238,233,223,.48); }

.atelier-panel h2 {
    margin: 24px 0 14px;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(44px, 4.2vw, 66px);
    font-weight: 400;
    line-height: .9;
    letter-spacing: -.045em;
}

.atelier-panel__intro {
    max-width: 580px;
    margin: 0 0 34px;
    color: var(--atelier-muted);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 18px;
    line-height: 1.4;
}

.atelier-choice-grid {
    display: grid;
    gap: 10px;
    margin-bottom: 28px;
}
.atelier-choice-grid--two { grid-template-columns: 1fr 1fr; }

.atelier-choice,
.atelier-check span,
.atelier-palette {
    min-height: 54px;
    display: flex;
    align-items: center;
    border: 1px solid var(--atelier-line);
    background: transparent;
    color: rgba(238,233,223,.66);
    font: inherit;
    font-size: 10px;
    letter-spacing: .11em;
    line-height: 1.35;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
    transition: border-color 220ms ease, background 220ms ease, color 220ms ease;
}

.atelier-choice { padding: 12px 16px; }
.atelier-choice:hover,
.atelier-choice.is-selected,
.atelier-check input:checked + span,
.atelier-palette.is-selected {
    border-color: rgba(238,233,223,.66);
    background: rgba(238,233,223,.07);
    color: #fff;
}

.atelier-check { position: relative; }
.atelier-check input { position: absolute; opacity: 0; }
.atelier-check span { padding: 12px 16px; }
.atelier-check span::before {
    content: "+";
    width: 22px;
    margin-right: 12px;
    color: rgba(238,233,223,.42);
    font-size: 18px;
    font-weight: 300;
}
.atelier-check input:checked + span::before { content: "—"; color: #fff; }

.atelier-field {
    display: grid;
    gap: 10px;
    margin: 0 0 23px;
}

.atelier-field > span,
.atelier-upload > span {
    color: rgba(238,233,223,.52);
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.atelier-field input,
.atelier-field textarea,
.atelier-field select {
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--atelier-line);
    border-radius: 0;
    padding: 11px 0 13px;
    outline: 0;
    background: transparent;
    color: var(--atelier-cream);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 18px;
    line-height: 1.35;
}

.atelier-field textarea { resize: vertical; min-height: 80px; }
.atelier-field input:focus,
.atelier-field textarea:focus,
.atelier-field select:focus { border-color: rgba(238,233,223,.72); }
.atelier-field select option { background: #0b0a09; color: #fff; }

.atelier-fields-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.atelier-upload {
    position: relative;
    min-height: 108px;
    display: grid;
    align-content: center;
    gap: 8px;
    margin-top: 12px;
    padding: 22px;
    border: 1px dashed rgba(238,233,223,.26);
    cursor: pointer;
}
.atelier-upload input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.atelier-upload strong { font-size: 13px; font-weight: 400; }
.atelier-upload small { color: rgba(238,233,223,.38); font-size: 10px; }

.atelier-palette-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.atelier-palette { gap: 12px; padding: 12px; }
.atelier-palette i { width: 23px; height: 23px; border-radius: 50%; background: var(--swatch); box-shadow: 0 0 0 1px rgba(255,255,255,.18); }

.atelier-review {
    margin-bottom: 30px;
    border-top: 1px solid var(--atelier-line);
}
.atelier-review dl { margin: 0; }
.atelier-review dl div {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 22px;
    padding: 12px 0;
    border-bottom: 1px solid var(--atelier-line);
}
.atelier-review dt {
    color: rgba(238,233,223,.42);
    font-size: 8px;
    letter-spacing: .18em;
    text-transform: uppercase;
}
.atelier-review dd {
    margin: 0;
    color: rgba(238,233,223,.80);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 16px;
}

.atelier-privacy {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin: 10px 0 24px;
    color: rgba(238,233,223,.52);
    font-size: 10px;
    line-height: 1.5;
}
.atelier-privacy input { margin-top: 2px; }

.atelier-submit {
    width: 100%;
    min-height: 58px;
    border: 1px solid var(--atelier-cream);
    background: var(--atelier-cream);
    color: #050505;
    font: inherit;
    font-size: 9px;
    letter-spacing: .28em;
    cursor: pointer;
}

.atelier-navigation {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 18px;
    align-items: center;
    padding-top: 28px;
    border-top: 1px solid var(--atelier-line);
}
.atelier-nav {
    border: 0;
    padding: 8px 0;
    background: transparent;
    color: var(--atelier-cream);
    font: inherit;
    font-size: 8px;
    letter-spacing: .22em;
    cursor: pointer;
}
.atelier-nav:disabled { opacity: .24; cursor: default; }
.atelier-progress { height: 1px; overflow: hidden; background: var(--atelier-line); }
.atelier-progress span { display: block; width: 16.66%; height: 100%; background: var(--atelier-cream); transition: width 260ms ease; }

@media (max-width: 1120px) {
    .atelier-form { grid-template-columns: 150px minmax(310px, .8fr) minmax(350px, 1fr); }
    .atelier-preview { padding: 28px 20px; }
    .atelier-controls { padding: 38px 30px; }
}

@media (max-width: 900px) {
    .atelier-form { grid-template-columns: 120px 1fr; }
    .atelier-preview { border-right: 0; }
    .atelier-controls { grid-column: 1 / -1; min-height: 650px; border-top: 1px solid var(--atelier-line); }
    .atelier-preview__stage { min-height: 650px; }
}

@media (max-width: 620px) {
    .atelier-intro { min-height: 620px; padding-left: 22px; padding-right: 22px; }
    .atelier-intro h1 { font-size: 62px; }
    .atelier-builder { padding: 0; }
    .atelier-form { display: block; border-left: 0; border-right: 0; }
    .atelier-steps {
        position: sticky;
        z-index: 12;
        top: var(--murano-header-height);
        display: block;
        padding: 16px 22px;
        border-right: 0;
        border-bottom: 1px solid var(--atelier-line);
        background: rgba(5,5,5,.94);
        backdrop-filter: blur(12px);
    }
    .atelier-steps__heading { margin: 0; }
    .atelier-step,
    .atelier-mini-summary { display: none; }
    .atelier-preview { min-height: 600px; padding: 28px 22px; border-bottom: 1px solid var(--atelier-line); }
    .atelier-preview__stage { min-height: 510px; }
    .atelier-bottle { width: 190px; height: 510px; }
    .atelier-box { right: 0; width: 38%; }
    .atelier-controls { min-height: 0; padding: 48px 22px 70px; }
    .atelier-panel { overflow: visible; }
    .atelier-panel h2 { font-size: 50px; }
    .atelier-choice-grid--two,
    .atelier-palette-grid,
    .atelier-fields-two { grid-template-columns: 1fr; }
    .atelier-review dl div { grid-template-columns: 92px 1fr; }
}


/* v18 — reemplazo de botella conceptual por botella real del cliente */
.atelier-bottle__image {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
}

.atelier-bottle__cap,
.atelier-bottle__neck,
.atelier-bottle__shoulder,
.atelier-bottle__glass {
    display: none;
}

.atelier-bottle__body {
    position: absolute;
    inset: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

.atelier-bottle__label {
    z-index: 4;
    inset: 31% 24% auto;
    min-height: 29%;
    padding: 12px 10px;
    background: rgba(7, 7, 6, .16);
    backdrop-filter: blur(1.5px);
}

.atelier-bottle__label img {
    max-width: 58px;
    max-height: 46px;
}

.atelier-bottle__label small,
.atelier-bottle__label span {
    font-size: 5px;
}

.atelier-bottle__label strong {
    margin: 8px 0;
    font-size: clamp(15px, 1.7vw, 22px);
}

.atelier-bottle__number {
    z-index: 5;
    bottom: 11.5%;
    font-size: 6px;
}

.atelier-bottle__engraving {
    z-index: 2;
    inset: 11% 20% 7%;
    opacity: 0;
    border-radius: 36px 36px 18px 18px;
    background: repeating-linear-gradient(135deg, transparent 0 16px, rgba(255,255,255,.10) 17px 18px, transparent 19px 34px);
}

.atelier-preview__stage.has-art .atelier-bottle__image {
    filter: saturate(1.05) contrast(1.02) drop-shadow(0 0 14px color-mix(in srgb, var(--atelier-accent) 28%, transparent));
}

@media (max-width: 1024px) {
    .atelier-bottle__label {
        inset: 31% 23% auto;
        min-height: 28%;
    }
}

@media (max-width: 720px) {
    .atelier-bottle__label {
        inset: 31% 22% auto;
        min-height: 28%;
        padding: 10px 8px;
    }

    .atelier-bottle__number {
        bottom: 11%;
    }
}


/* v19 — botella limpia real, más grande y sin recuadro superpuesto */
.atelier-preview__stage {
    background:
        radial-gradient(circle at 50% 44%, rgba(184,154,98,.08), transparent 30%),
        #070706;
}

.atelier-bottle {
    width: clamp(293px, 28.75vw, 403px);
    height: clamp(748px, 85vh, 989px);
    filter: drop-shadow(0 30px 32px rgba(0,0,0,.78));
}

.atelier-bottle__image {
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

.atelier-bottle__label,
.atelier-bottle__number,
.atelier-bottle__engraving {
    display: none !important;
}

@media (max-width: 1024px) {
    .atelier-bottle {
        width: clamp(259px, 37.95vw, 345px);
        height: clamp(667px, 78.2vh, 874px);
    }
}

@media (max-width: 720px) {
    .atelier-bottle {
        width: clamp(219px, 55.2vw, 299px);
        height: clamp(575px, 71.3vh, 782px);
    }
}

/* --------------------------------------------------------------
   Panel privado / CRM — acceso inicial
-------------------------------------------------------------- */
body.page-panel {
    background: #050505;
    color: #eee9df;
}

.murano-panel-page {
    min-height: 100svh;
    background:
        radial-gradient(circle at 72% 32%, rgba(177, 146, 87, .11), transparent 34%),
        #050505;
}

.murano-panel-login,
.murano-panel-denied,
.murano-panel-shell {
    min-height: 100svh;
    padding: calc(var(--murano-header-height) + 78px) var(--murano-side-space) 70px;
}

.murano-panel-login {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, .65fr);
    gap: clamp(80px, 10vw, 170px);
    align-items: center;
}

.murano-panel-eyebrow,
.murano-panel-login__form-head,
.murano-panel-login__footer,
.murano-panel-placeholder > span {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .28em;
    line-height: 1.5;
    text-transform: uppercase;
}

.murano-panel-login__intro h1,
.murano-panel-denied h1,
.murano-panel-shell h1,
.murano-panel-placeholder h2 {
    margin: 28px 0 0;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-weight: 400;
    letter-spacing: -.045em;
}

.murano-panel-login__intro h1 {
    max-width: 850px;
    font-size: clamp(58px, 7vw, 108px);
    line-height: .83;
}

.murano-panel-login__intro > p:last-child {
    max-width: 560px;
    margin: 34px 0 0;
    color: rgba(238, 233, 223, .54);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(18px, 1.5vw, 23px);
    line-height: 1.5;
}

.murano-panel-login__form-wrap {
    padding: clamp(28px, 3vw, 46px);
    border: 1px solid rgba(238, 233, 223, .20);
    background: rgba(8, 8, 7, .72);
    backdrop-filter: blur(18px);
}

.murano-panel-login__form-head,
.murano-panel-login__footer {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    color: rgba(238, 233, 223, .47);
}

.murano-panel-login__form-head {
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(238, 233, 223, .14);
}

#murano-panel-login-form {
    margin-top: 30px;
}

#murano-panel-login-form p {
    margin: 0 0 25px;
}

#murano-panel-login-form label {
    display: block;
    margin-bottom: 10px;
    color: rgba(238, 233, 223, .57);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .24em;
    text-transform: uppercase;
}

#murano-panel-login-form input[type="text"],
#murano-panel-login-form input[type="password"] {
    width: 100%;
    min-height: 52px;
    padding: 10px 0;
    border: 0;
    border-bottom: 1px solid rgba(238, 233, 223, .28);
    border-radius: 0;
    outline: 0;
    color: #eee9df;
    background: transparent;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 22px;
}

#murano-panel-login-form input[type="text"]:focus,
#murano-panel-login-form input[type="password"]:focus {
    border-color: #eee9df;
}

#murano-panel-login-form .login-remember label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

#murano-panel-login-form input[type="checkbox"] {
    width: 15px;
    height: 15px;
    accent-color: #b89a62;
}

#murano-panel-login-form .button-primary {
    width: 100%;
    min-height: 58px;
    margin-top: 8px;
    border: 1px solid rgba(238, 233, 223, .72);
    border-radius: 0;
    color: #050505;
    background: #eee9df;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .26em;
    cursor: pointer;
    transition: background 220ms ease, color 220ms ease;
}

#murano-panel-login-form .button-primary:hover,
#murano-panel-login-form .button-primary:focus-visible {
    color: #eee9df;
    background: transparent;
}

.murano-panel-login__footer {
    align-items: center;
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid rgba(238, 233, 223, .14);
    font-size: 7px;
}

.murano-panel-login__footer a,
.murano-panel-denied a,
.murano-panel-logout {
    color: inherit;
    text-decoration: none;
}

.murano-panel-alert,
.murano-panel-notice {
    margin: 24px 0 0;
    padding: 13px 15px;
    border: 1px solid rgba(238, 233, 223, .15);
    font-size: 13px;
    line-height: 1.45;
}

.murano-panel-alert {
    color: #e1b6a8;
    background: rgba(116, 51, 38, .18);
}

.murano-panel-notice {
    color: #c7d3be;
    background: rgba(72, 92, 58, .17);
}

.murano-panel-denied {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 1050px;
}

.murano-panel-denied h1 {
    font-size: clamp(52px, 6vw, 92px);
    line-height: .9;
}

.murano-panel-denied > p:not(.murano-panel-eyebrow) {
    max-width: 650px;
    margin: 30px 0;
    color: rgba(238, 233, 223, .56);
    font-size: 19px;
    line-height: 1.55;
}

.murano-panel-denied a,
.murano-panel-logout {
    padding-bottom: 8px;
    border-bottom: 1px solid currentColor;
    font-size: 9px;
    letter-spacing: .24em;
}

.murano-panel-shell {
    display: flex;
    flex-direction: column;
}

.murano-panel-shell__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    padding-bottom: 36px;
    border-bottom: 1px solid rgba(238, 233, 223, .16);
}

.murano-panel-shell h1 {
    font-size: clamp(44px, 5vw, 78px);
    line-height: .9;
}

.murano-panel-placeholder {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1080px;
    padding: 70px 0;
}

.murano-panel-placeholder > span {
    color: rgba(238, 233, 223, .48);
}

.murano-panel-placeholder h2 {
    font-size: clamp(54px, 6.5vw, 104px);
    line-height: .84;
}

.murano-panel-placeholder p {
    max-width: 620px;
    margin: 34px 0 0;
    color: rgba(238, 233, 223, .53);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 21px;
    line-height: 1.45;
}

@media (max-width: 900px) {
    .murano-panel-login {
        grid-template-columns: 1fr;
        gap: 70px;
        padding-top: calc(var(--murano-header-height) + 100px);
    }

    .murano-panel-login__intro h1 {
        font-size: clamp(58px, 12vw, 90px);
    }
}

@media (max-width: 620px) {
    .murano-panel-login,
    .murano-panel-denied,
    .murano-panel-shell {
        padding-left: 22px;
        padding-right: 22px;
    }

    .murano-panel-login {
        gap: 50px;
    }

    .murano-panel-login__form-wrap {
        padding: 26px 20px;
    }

    .murano-panel-login__form-head,
    .murano-panel-login__footer,
    .murano-panel-shell__header {
        flex-direction: column;
    }

    .murano-panel-login__intro h1 {
        font-size: 58px;
    }

    .murano-panel-placeholder h2 {
        font-size: 54px;
    }
}


/* v25 — formulario de acceso completamente propio */
.murano-panel-access-form .login-submit {
    margin-bottom: 0 !important;
}

.murano-panel-access-form button {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.murano-panel-access-form input:-webkit-autofill,
.murano-panel-access-form input:-webkit-autofill:hover,
.murano-panel-access-form input:-webkit-autofill:focus {
    -webkit-text-fill-color: #eee9df;
    -webkit-box-shadow: 0 0 0 1000px #080807 inset;
    transition: background-color 9999s ease-in-out 0s;
}


/* v28 — cierre de sesión fiable del panel */
.murano-panel-logout-form {
    margin: 0;
    padding: 0;
}

button.murano-panel-logout {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.2;
    cursor: pointer;
}

/* --------------------------------------------------------------
   CRM Murano Autor — versión 1
-------------------------------------------------------------- */
body.page-panel:has(.murano-crm) {
    background: #070706;
    overflow-x: hidden;
}

body.crm-modal-open { overflow: hidden; }

.murano-crm {
    --crm-bg: #080807;
    --crm-panel: #0e0e0d;
    --crm-panel-soft: #121210;
    --crm-cream: #eee9df;
    --crm-muted: rgba(238,233,223,.54);
    --crm-line: rgba(238,233,223,.14);
    --crm-gold: #b79a65;
    min-height: calc(100vh - var(--murano-header-height));
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    background: var(--crm-bg);
    color: var(--crm-cream);
    border-top: 1px solid var(--crm-line);
}

.crm-sidebar {
    position: sticky;
    top: 0;
    height: calc(100vh - var(--murano-header-height));
    min-height: 680px;
    display: flex;
    flex-direction: column;
    padding: 34px 26px 28px;
    border-right: 1px solid var(--crm-line);
    background: #090908;
}

.crm-sidebar__brand span,
.crm-topbar > div > span,
.crm-panel__head span,
.crm-sidebar__user > span,
.crm-coming-soon > span,
.crm-modal__dialog > span {
    display: block;
    color: var(--crm-muted);
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .28em;
    text-transform: uppercase;
}

.crm-sidebar__brand strong {
    display: block;
    margin-top: 8px;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 25px;
    font-weight: 500;
    line-height: .95;
}

.crm-nav {
    display: grid;
    margin-top: 54px;
    border-top: 1px solid var(--crm-line);
}

.crm-nav__item {
    display: grid;
    grid-template-columns: 26px 1fr;
    gap: 12px;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid var(--crm-line);
    color: rgba(238,233,223,.52);
    font-size: 10px;
    letter-spacing: .14em;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 180ms ease, padding 180ms ease;
}

.crm-nav__item span { font-size: 7px; opacity: .5; }
.crm-nav__item:hover,
.crm-nav__item.is-active { color: #fff; padding-left: 6px; }
.crm-nav__item.is-active::after { content: ""; width: 26px; height: 1px; background: var(--crm-gold); justify-self: end; }

.crm-sidebar__user {
    margin-top: auto;
    padding-top: 24px;
    border-top: 1px solid var(--crm-line);
}

.crm-sidebar__user strong {
    display: block;
    margin: 10px 0 18px;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 20px;
    font-weight: 400;
}

.crm-sidebar__user button {
    padding: 0 0 5px;
    border: 0;
    border-bottom: 1px solid rgba(238,233,223,.5);
    color: var(--crm-muted);
    background: transparent;
    font-size: 8px;
    letter-spacing: .2em;
    cursor: pointer;
}

.crm-workspace {
    min-width: 0;
    padding: 0 clamp(24px, 4vw, 64px) 70px;
}

.crm-topbar {
    min-height: 132px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    align-items: center;
    border-bottom: 1px solid var(--crm-line);
}

.crm-topbar h1,
.crm-panel__head h2,
.crm-coming-soon h2,
.crm-modal__dialog h2 {
    margin: 7px 0 0;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-weight: 400;
}

.crm-topbar h1 { font-size: clamp(40px, 4vw, 62px); line-height: .9; }
.crm-nav-toggle { display: none; }

.crm-primary-button {
    min-height: 46px;
    padding: 0 24px;
    border: 1px solid rgba(238,233,223,.45);
    color: var(--crm-cream);
    background: transparent;
    font-size: 8px;
    letter-spacing: .22em;
    cursor: pointer;
    transition: background 180ms ease, color 180ms ease;
}
.crm-primary-button:hover { color: #080807; background: var(--crm-cream); }

.crm-notice {
    margin-top: 22px;
    padding: 13px 16px;
    border: 1px solid rgba(183,154,101,.34);
    color: rgba(238,233,223,.82);
    background: rgba(183,154,101,.08);
    font-size: 12px;
}

.crm-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-top: 36px;
    background: var(--crm-line);
    border: 1px solid var(--crm-line);
}

.crm-metrics article {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    background: var(--crm-panel);
}
.crm-metrics article.is-alert { background: rgba(101,43,35,.18); }
.crm-metrics span { color: var(--crm-muted); font-size: 8px; letter-spacing: .2em; }
.crm-metrics strong { font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: clamp(30px, 3vw, 48px); font-weight: 400; line-height: .9; }
.crm-metrics small { color: rgba(238,233,223,.38); font-size: 10px; }

.crm-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(300px, .8fr);
    gap: 22px;
    margin-top: 22px;
}

.crm-panel {
    min-width: 0;
    padding: 26px;
    border: 1px solid var(--crm-line);
    background: var(--crm-panel);
}
.crm-panel--wide { grid-column: 1 / -1; }
.crm-panel--full { margin-top: 36px; }

.crm-panel__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 22px;
    margin-bottom: 24px;
}
.crm-panel__head h2 { font-size: 30px; }
.crm-panel__head a { color: var(--crm-muted); font-size: 8px; letter-spacing: .18em; text-decoration: none; }

.crm-stage-summary {
    display: grid;
    grid-template-columns: repeat(8, minmax(112px, 1fr));
    overflow-x: auto;
    border-top: 1px solid var(--crm-line);
    border-left: 1px solid var(--crm-line);
}
.crm-stage-summary div { min-height: 104px; display: flex; flex-direction: column; justify-content: space-between; padding: 14px; border-right: 1px solid var(--crm-line); border-bottom: 1px solid var(--crm-line); }
.crm-stage-summary span { color: var(--crm-muted); font-size: 8px; line-height: 1.35; text-transform: uppercase; }
.crm-stage-summary strong { font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 30px; font-weight: 400; }

.crm-followups { display: grid; }
.crm-followup-item { display: grid; grid-template-columns: 52px 1fr; gap: 16px; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--crm-line); }
.crm-followup-item time { color: var(--crm-gold); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.crm-followup-item strong, .crm-followup-item span { display: block; }
.crm-followup-item strong { font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 18px; font-weight: 400; }
.crm-followup-item span { margin-top: 3px; color: var(--crm-muted); font-size: 9px; }
.crm-followup-item.is-overdue time, .crm-followup-card.is-overdue time { color: #d28f7c; }

.crm-table-wrap { overflow-x: auto; }
.crm-table { width: 100%; border-collapse: collapse; min-width: 840px; }
.crm-table th { padding: 11px 12px; color: var(--crm-muted); font-size: 8px; font-weight: 500; letter-spacing: .18em; text-align: left; text-transform: uppercase; border-bottom: 1px solid var(--crm-line); }
.crm-table td { padding: 17px 12px; color: rgba(238,233,223,.72); font-size: 12px; border-bottom: 1px solid var(--crm-line); vertical-align: middle; }
.crm-table td strong, .crm-table td small { display: block; }
.crm-table td strong { color: var(--crm-cream); font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 18px; font-weight: 400; }
.crm-table td small { margin-top: 4px; color: var(--crm-muted); font-size: 9px; }
.crm-stage-select, .crm-pipeline-card select {
    width: 100%;
    min-width: 146px;
    padding: 8px 28px 8px 10px;
    border: 1px solid var(--crm-line);
    color: var(--crm-cream);
    background: #0a0a09;
    font-size: 10px;
}
.crm-origin { display: inline-block; padding: 5px 7px; border: 1px solid var(--crm-line); color: var(--crm-muted); font-size: 7px; letter-spacing: .11em; text-transform: uppercase; }
.crm-empty { padding: 30px 0 !important; color: var(--crm-muted) !important; font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 20px !important; text-align: center; }
.crm-search { width: min(340px, 45vw); padding: 11px 0; border: 0; border-bottom: 1px solid var(--crm-line); color: var(--crm-cream); background: transparent; outline: none; }

.crm-pipeline-wrap { margin-top: 30px; overflow-x: auto; padding-bottom: 22px; }
.crm-pipeline-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 480px); gap: 40px; align-items: end; margin-bottom: 24px; padding: 24px 0; border-top: 1px solid var(--crm-line); border-bottom: 1px solid var(--crm-line); }
.crm-pipeline-intro span { color: var(--crm-muted); font-size: 8px; letter-spacing: .2em; }
.crm-pipeline-intro h2 { margin: 8px 0 0; font-size: 38px; }
.crm-pipeline-intro p { margin: 0; color: var(--crm-muted); font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 17px; line-height: 1.45; }
.crm-pipeline { min-width: 2340px; display: grid; grid-template-columns: repeat(8, 282px); gap: 12px; align-items: start; }
.crm-pipeline-column { min-height: 210px; border: 1px solid var(--crm-line); background: var(--crm-panel); }
.crm-pipeline-column > header { display: flex; justify-content: space-between; align-items: flex-start; min-height: 92px; padding: 17px 18px; border-bottom: 1px solid var(--crm-line); }
.crm-pipeline-column > header div { min-width: 0; }
.crm-pipeline-column > header span { display: block; font-size: 9px; letter-spacing: .15em; line-height: 1.35; text-transform: uppercase; }
.crm-pipeline-column > header small { display: block; max-width: 210px; margin-top: 8px; color: var(--crm-muted); font-size: 7px; line-height: 1.45; }
.crm-pipeline-column > header strong { color: var(--crm-gold); font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 24px; font-weight: 400; }
.crm-pipeline-cards { display: grid; gap: 10px; padding: 12px; }
.crm-pipeline-card { overflow: hidden; padding: 0; border: 1px solid rgba(238,233,223,.18); background: #090908; transition: border-color .2s ease, background-color .2s ease; }
.crm-pipeline-card.is-open { border-color: rgba(185,154,98,.55); background: #0a0a09; }
.crm-pipeline-card.is-complete .crm-pipeline-progress { color: var(--crm-gold); }
.crm-pipeline-card__toggle { width: 100%; display: block; padding: 16px 17px 15px; border: 0; color: var(--crm-cream); background: transparent; font: inherit; text-align: left; cursor: pointer; }
.crm-pipeline-card__toggle:hover { background: rgba(238,233,223,.025); }
.crm-pipeline-card__toggle:focus-visible { outline: 1px solid var(--crm-gold); outline-offset: -1px; }
.crm-pipeline-card__top { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 9px; }
.crm-pipeline-progress { color: var(--crm-gold); font-size: 9px; letter-spacing: .14em; }
.crm-pipeline-chevron { width: 8px; height: 8px; display: block; border-right: 1px solid var(--crm-cream); border-bottom: 1px solid var(--crm-cream); transform: rotate(45deg) translateY(-2px); transform-origin: center; transition: transform .2s ease; opacity: .8; }
.crm-pipeline-card__toggle[aria-expanded="true"] .crm-pipeline-chevron { transform: rotate(225deg) translate(-1px, -1px); }
.crm-pipeline-card__title { display: block; margin-top: 13px; font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 25px; font-weight: 400; line-height: .98; }
.crm-pipeline-card__client { display: block; margin-top: 6px; color: var(--crm-cream); font-size: 9px; line-height: 1.35; }
.crm-pipeline-card__project { display: block; margin-top: 4px; color: var(--crm-muted); font-size: 7px; line-height: 1.35; }
.crm-pipeline-card__summary { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 12px; margin-top: 13px; padding-top: 11px; border-top: 1px solid rgba(238,233,223,.11); }
.crm-pipeline-card__summary > span { min-width: 0; display: grid; gap: 4px; }
.crm-pipeline-card__summary small { color: var(--crm-muted); font-size: 6px; letter-spacing: .12em; line-height: 1.25; }
.crm-pipeline-card__summary strong { overflow: hidden; color: var(--crm-cream); font-size: 7px; font-weight: 400; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.crm-pipeline-card__summary > span:first-child strong { color: var(--crm-gold); font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 15px; }
.crm-pipeline-card__body { padding: 0 17px 17px; border-top: 1px solid rgba(238,233,223,.12); }
.crm-pipeline-card__body[hidden] { display: none !important; }
.crm-pipeline-quick { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 14px 0 13px; border-bottom: 1px solid var(--crm-line); }
.crm-pipeline-quick label, .crm-pipeline-quick div { display: grid; gap: 5px; }
.crm-pipeline-quick span { color: var(--crm-muted); font-size: 6px; letter-spacing: .13em; text-transform: uppercase; }
.crm-pipeline-quick input, .crm-pipeline-quick select { width: 100%; min-width: 0; padding: 7px 0; border: 0; border-bottom: 1px solid var(--crm-line); color: var(--crm-cream); background: #090908; font-size: 8px; }
.crm-pipeline-quick input.is-overdue { color: #d28f7c; }
.crm-pipeline-quick button { grid-column: 1 / -1; padding: 8px 0 0; border: 0; color: var(--crm-muted); background: transparent; font-size: 7px; letter-spacing: .17em; text-align: left; cursor: pointer; }
.crm-pipeline-checklist-head { display: flex; justify-content: space-between; gap: 12px; margin-top: 16px; color: var(--crm-muted); font-size: 7px; letter-spacing: .13em; }
.crm-pipeline-checklist-head strong { color: var(--crm-gold); font-size: 8px; font-weight: 500; }
.crm-pipeline-checklist { display: grid; gap: 0; margin-top: 8px; }
.crm-pipeline-checklist label { display: grid; grid-template-columns: 16px 1fr auto; gap: 8px; align-items: center; min-height: 32px; border-bottom: 1px solid rgba(238,233,223,.09); color: rgba(238,233,223,.75); font-size: 8px; line-height: 1.35; }
.crm-pipeline-checklist label.is-automatic { color: var(--crm-muted); }
.crm-pipeline-checklist input { width: 13px; height: 13px; accent-color: #b99a62; }
.crm-pipeline-checklist small { color: var(--crm-gold); font-size: 6px; letter-spacing: .12em; }
.crm-pipeline-checklist > button { margin-top: 10px; padding: 9px 0; border: 1px solid var(--crm-line); color: var(--crm-cream); background: transparent; font-size: 7px; letter-spacing: .14em; cursor: pointer; }
.crm-pipeline-quote { margin-top: 16px; padding: 13px; border: 1px solid rgba(185,154,98,.4); background: rgba(185,154,98,.05); }
.crm-pipeline-quote > span { display: block; margin-bottom: 8px; color: var(--crm-gold); font-size: 7px; letter-spacing: .16em; }
.crm-pipeline-quote a { display: block; color: var(--crm-cream); text-decoration: none; }
.crm-pipeline-quote a strong, .crm-pipeline-quote a small { display: block; }
.crm-pipeline-quote a strong { font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 18px; font-weight: 400; }
.crm-pipeline-quote a small { margin-top: 4px; color: var(--crm-muted); font-size: 8px; }
.crm-pipeline-quote .crm-pipeline-quote__create { font-size: 8px; letter-spacing: .16em; }
.crm-pipeline-card__actions { display: grid; gap: 10px; margin-top: 14px; }
.crm-pipeline-card__actions form { margin: 0; }
.crm-pipeline-next { width: 100%; min-height: 40px; padding: 10px; border: 1px solid var(--crm-gold); color: #080807; background: var(--crm-gold); font-size: 7px; letter-spacing: .15em; cursor: pointer; }
.crm-pipeline-next:disabled { border-color: var(--crm-line); color: var(--crm-muted); background: transparent; cursor: not-allowed; opacity: .65; }
.crm-pipeline-lost { width: 100%; padding: 8px 0; border: 0; border-bottom: 1px solid rgba(210,143,124,.45); color: #d28f7c; background: transparent; font-size: 7px; letter-spacing: .15em; text-align: left; cursor: pointer; }
.crm-pipeline-stage-correction label { display: grid; gap: 6px; }
.crm-pipeline-stage-correction label > span { color: var(--crm-muted); font-size: 6px; letter-spacing: .16em; }
.crm-pipeline-stage-correction select { min-width: 0; }
.crm-quote-pipeline-link { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; margin: 0 0 20px; padding: 12px 0; border-top: 1px solid var(--crm-line); border-bottom: 1px solid var(--crm-line); }
.crm-quote-pipeline-link span { color: var(--crm-muted); font-size: 7px; letter-spacing: .15em; }
.crm-quote-pipeline-link strong { font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 18px; font-weight: 400; }
.crm-quote-pipeline-link a { color: var(--crm-gold); font-size: 7px; letter-spacing: .15em; text-decoration: none; }

.crm-followup-board, .crm-seller-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.crm-followup-card, .crm-seller-grid article { min-height: 190px; display: flex; flex-direction: column; padding: 22px; border: 1px solid var(--crm-line); background: #0a0a09; }
.crm-followup-card time { color: var(--crm-gold); font-size: 9px; letter-spacing: .14em; }
.crm-followup-card h3, .crm-seller-grid h3 { margin: auto 0 8px; font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 29px; font-weight: 400; line-height: .95; }
.crm-followup-card p, .crm-seller-grid p { margin: 0 0 12px; color: var(--crm-muted); font-size: 11px; }
.crm-followup-card > span, .crm-seller-grid article > span { color: var(--crm-muted); font-size: 8px; letter-spacing: .14em; text-transform: uppercase; }
.crm-seller-grid article > strong { color: var(--crm-gold); font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 22px; font-weight: 400; }

.crm-coming-soon { min-height: 540px; display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 900px; margin: 0 auto; text-align: center; }
.crm-coming-soon h2 { margin-top: 20px; font-size: clamp(54px, 7vw, 96px); line-height: .82; }
.crm-coming-soon p { max-width: 680px; color: var(--crm-muted); font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 20px; line-height: 1.45; }
.crm-coming-soon a { margin-top: 28px; padding-bottom: 5px; border-bottom: 1px solid var(--crm-muted); color: var(--crm-cream); font-size: 8px; letter-spacing: .2em; text-decoration: none; }

.crm-modal[hidden] { display: none; }
.crm-modal { position: fixed; z-index: 10020; inset: 0; display: grid; place-items: center; padding: 24px; background: rgba(0,0,0,.84); backdrop-filter: blur(10px); }
.crm-modal__dialog { position: relative; width: min(760px, 100%); max-height: 90vh; overflow-y: auto; padding: 38px; border: 1px solid rgba(238,233,223,.24); background: #0b0b0a; }
.crm-modal__dialog h2 { font-size: 48px; }
.crm-modal__close { position: absolute; top: 18px; right: 18px; border: 0; color: var(--crm-cream); background: transparent; font-size: 25px; cursor: pointer; }
.crm-form { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 26px; margin-top: 28px; }
.crm-form label { display: grid; gap: 8px; }
.crm-form label > span { color: var(--crm-muted); font-size: 8px; letter-spacing: .16em; text-transform: uppercase; }
.crm-form input, .crm-form select, .crm-form textarea { width: 100%; padding: 11px 0; border: 0; border-bottom: 1px solid var(--crm-line); color: var(--crm-cream); background: transparent; font-family: inherit; outline: none; }
.crm-form select { background: #0b0b0a; }

/* v75 — selector de fecha visible y accesible en Nueva oportunidad */
.crm-date-field input[type="date"] {
    color-scheme: dark;
    cursor: pointer;
    padding-right: 36px;
}
.crm-date-field input[type="date"]::-webkit-calendar-picker-indicator {
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 5px;
    border-radius: 999px;
    filter: invert(92%) sepia(9%) saturate(183%) hue-rotate(348deg) brightness(103%) contrast(91%);
    opacity: .9;
    cursor: pointer;
}
.crm-date-field input[type="date"]::-webkit-calendar-picker-indicator:hover {
    background: rgba(238,233,223,.12);
    opacity: 1;
}
.crm-form__wide { grid-column: 1 / -1; }
.crm-form__submit { grid-column: 1 / -1; margin-top: 8px; }

@media (max-width: 1100px) {
    .crm-pipeline-intro { grid-template-columns: 1fr; gap: 16px; }
    .murano-crm { grid-template-columns: 205px minmax(0, 1fr); }
    .crm-sidebar { padding-left: 20px; padding-right: 20px; }
    .crm-metrics { grid-template-columns: 1fr 1fr; }
    .crm-dashboard-grid { grid-template-columns: 1fr; }
    .crm-panel--wide { grid-column: auto; }
    .crm-followup-board, .crm-seller-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
    .murano-crm { display: block; }
    .crm-sidebar { position: fixed; z-index: 10010; inset: var(--murano-header-height) auto 0 0; width: min(310px, 86vw); height: auto; min-height: 0; transform: translateX(-105%); transition: transform 220ms ease; }
    .murano-crm.is-nav-open .crm-sidebar { transform: translateX(0); }
    .crm-workspace { padding: 0 18px 50px; }
    .crm-topbar { min-height: 118px; grid-template-columns: auto 1fr; }
    .crm-topbar .crm-primary-button { grid-column: 1 / -1; margin-bottom: 18px; }
    .crm-nav-toggle { display: block; padding: 0 0 4px; border: 0; border-bottom: 1px solid var(--crm-muted); color: var(--crm-cream); background: transparent; font-size: 8px; letter-spacing: .2em; }
    .crm-topbar h1 { font-size: 38px; }
    .crm-metrics { grid-template-columns: 1fr; }
    .crm-metrics article { min-height: 130px; }
    .crm-panel { padding: 18px; }
    .crm-panel__head { align-items: flex-start; flex-direction: column; }
    .crm-search { width: 100%; }
    .crm-followup-board, .crm-seller-grid { grid-template-columns: 1fr; }
    .crm-form { grid-template-columns: 1fr; }
    .crm-form__wide, .crm-form__submit { grid-column: auto; }
    .crm-modal__dialog { padding: 32px 20px; }
}


/* CRM v1.1 — alta manual de contactos */
.crm-panel__tools {
    display: flex;
    align-items: flex-end;
    gap: 22px;
}

.crm-text-button {
    flex: 0 0 auto;
    padding: 0 0 7px;
    border: 0;
    border-bottom: 1px solid var(--crm-muted);
    color: var(--crm-cream);
    background: transparent;
    font-size: 8px;
    letter-spacing: .18em;
    cursor: pointer;
}

.crm-modal__intro {
    max-width: 590px;
    margin: 10px 0 0;
    color: var(--crm-muted);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 17px;
    line-height: 1.45;
}

.crm-form__help {
    margin: -4px 0 0;
    color: rgba(238,233,223,.42);
    font-size: 9px;
    line-height: 1.5;
}

@media (max-width: 760px) {
    .crm-panel__tools {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }

    .crm-text-button {
        align-self: flex-start;
    }
}

/* --------------------------------------------------------------
   CRM Cotizador — primera versión conceptual
-------------------------------------------------------------- */
.crm-primary-button--link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.crm-quote-builder {
    margin-top: 36px;
}

.crm-quote-form {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, .72fr);
    gap: 1px;
    border: 1px solid var(--crm-line);
    background: var(--crm-line);
}

.crm-quote-main,
.crm-quote-preview {
    background: var(--crm-panel);
}

.crm-quote-main {
    padding: clamp(24px, 3vw, 44px);
}

.crm-quote-section-head {
    display: grid;
    grid-template-columns: 1fr minmax(260px, .8fr);
    gap: 32px;
    align-items: end;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--crm-line);
}

.crm-quote-section-head span,
.crm-quote-block__title > span,
.crm-quote-product__identity > span,
.crm-quote-preview span,
.crm-quote-field > span {
    color: var(--crm-muted);
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.crm-quote-section-head h2,
.crm-quote-block__title h3,
.crm-quote-product__identity h4 {
    margin: 7px 0 0;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-weight: 400;
}

.crm-quote-section-head h2 { font-size: clamp(36px, 4vw, 58px); line-height: .9; }
.crm-quote-section-head p {
    margin: 0;
    color: var(--crm-muted);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 17px;
    line-height: 1.45;
}

.crm-quote-block {
    padding: 32px 0;
    border-bottom: 1px solid var(--crm-line);
}

.crm-quote-block__title {
    display: grid;
    grid-template-columns: 34px 1fr;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 24px;
}
.crm-quote-block__title h3 { font-size: 31px; }

.crm-quote-grid {
    display: grid;
    gap: 22px 26px;
}
.crm-quote-grid--two { grid-template-columns: 1fr 1fr; }
.crm-quote-grid--three { grid-template-columns: repeat(3, 1fr); }
.crm-quote-field--wide { grid-column: 1 / -1; }

.crm-quote-field {
    display: grid;
    align-content: start;
    gap: 9px;
}
.crm-quote-field input,
.crm-quote-field select,
.crm-quote-field textarea {
    width: 100%;
    padding: 11px 0;
    border: 0;
    border-bottom: 1px solid var(--crm-line);
    border-radius: 0;
    color: var(--crm-cream);
    background: transparent;
    font-family: inherit;
    outline: none;
}
.crm-quote-field select { background: #0e0e0d; }
.crm-quote-field textarea { resize: vertical; }
.crm-quote-field > strong {
    min-height: 41px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--crm-line);
    color: var(--crm-gold);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 22px;
    font-weight: 400;
}

.crm-quote-product {
    padding: 22px;
    border: 1px solid var(--crm-line);
    background: #0a0a09;
}
.crm-quote-product__identity {
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--crm-line);
}
.crm-quote-product__identity h4 { font-size: 28px; }
.crm-quote-product__identity p { margin: 8px 0 0; color: var(--crm-muted); font-size: 11px; }

.crm-tax-choice {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 22px 0 0;
    padding: 0;
    border: 0;
}
.crm-tax-choice legend {
    grid-column: 1 / -1;
    margin-bottom: 4px;
    color: var(--crm-muted);
    font-size: 8px;
    letter-spacing: .18em;
    text-transform: uppercase;
}
.crm-tax-choice label { position: relative; cursor: pointer; }
.crm-tax-choice input { position: absolute; opacity: 0; pointer-events: none; }
.crm-tax-choice label > span {
    min-height: 88px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 17px;
    border: 1px solid var(--crm-line);
    transition: border 160ms ease, background 160ms ease;
}
.crm-tax-choice label > span strong {
    color: var(--crm-cream);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .12em;
}
.crm-tax-choice label > span small {
    margin-top: 7px;
    color: var(--crm-muted);
    font-size: 10px;
}
.crm-tax-choice input:checked + span {
    border-color: var(--crm-gold);
    background: rgba(183,154,101,.09);
}
.crm-tax-warning {
    margin: 13px 0 0;
    color: rgba(238,233,223,.42);
    font-size: 10px;
    line-height: 1.5;
}

.crm-quote-save { width: 100%; margin-top: 30px; }

.crm-quote-preview {
    position: sticky;
    top: 0;
    align-self: start;
    min-height: 100%;
    padding: clamp(25px, 3vw, 42px);
    background: #eee9df;
    color: #0b0b0a;
}
.crm-quote-preview__brand {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(10,10,9,.2);
}
.crm-quote-preview__brand span {
    color: #0b0b0a;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 27px;
    font-weight: 500;
    letter-spacing: -.02em;
}
.crm-quote-preview__brand small { font-size: 7px; letter-spacing: .18em; }
.crm-quote-preview__issuer,
.crm-quote-preview__client {
    padding: 22px 0;
    border-bottom: 1px solid rgba(10,10,9,.16);
}
.crm-quote-preview__issuer span,
.crm-quote-preview__client span,
.crm-quote-preview__lines span,
.crm-quote-preview__total span { color: rgba(10,10,9,.5); }
.crm-quote-preview__issuer strong,
.crm-quote-preview__client strong {
    display: block;
    margin-top: 9px;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 21px;
    font-weight: 500;
}
.crm-quote-preview__issuer p,
.crm-quote-preview__client p {
    margin: 7px 0 0;
    color: rgba(10,10,9,.62);
    font-size: 10px;
    line-height: 1.55;
}
.crm-quote-preview__lines { padding: 20px 0; }
.crm-quote-preview__lines > div {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(10,10,9,.1);
}
.crm-quote-preview__lines strong { font-size: 12px; font-weight: 500; }
.crm-quote-preview__lines .is-tax strong { color: #654c26; }
.crm-quote-preview__total {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 20px;
    padding: 24px 0;
    border-top: 1px solid rgba(10,10,9,.28);
    border-bottom: 1px solid rgba(10,10,9,.28);
}
.crm-quote-preview__total strong {
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 30px;
    font-weight: 500;
    text-align: right;
}
.crm-quote-preview__internal {
    margin: 20px 0 0;
    color: rgba(10,10,9,.48);
    font-size: 9px;
    line-height: 1.55;
}
.crm-quotes-list { margin-top: 28px; }

@media (max-width: 1180px) {
    .crm-quote-form { grid-template-columns: 1fr; }
    .crm-quote-preview { position: static; }
}

@media (max-width: 760px) {
    .crm-quote-section-head { grid-template-columns: 1fr; }
    .crm-quote-grid--two,
    .crm-quote-grid--three,
    .crm-tax-choice { grid-template-columns: 1fr; }
    .crm-quote-field--wide,
    .crm-tax-choice legend { grid-column: auto; }
    .crm-quote-main,
    .crm-quote-preview { padding: 22px 18px; }
    .crm-quote-preview__brand { align-items: flex-start; flex-direction: column; }
}


/* --------------------------------------------------------------
   CRM Cotizador v36 - acciones de borrador, PDF y correo
-------------------------------------------------------------- */
.crm-quote-actions {
    display: grid;
    grid-template-columns: 1fr 1fr 1.22fr;
    gap: 10px;
    margin-top: 30px;
}

.crm-quote-actions .crm-quote-save {
    width: 100%;
    min-height: 54px;
    margin-top: 0;
    padding: 12px 14px;
    line-height: 1.35;
}

.crm-quote-save--secondary {
    border-color: rgba(238, 233, 223, .42);
    background: rgba(238, 233, 223, .035);
}

.crm-quote-save--accent {
    border-color: var(--crm-gold);
    color: #0b0b0a;
    background: var(--crm-gold);
}

.crm-quote-save--accent:hover,
.crm-quote-save--accent:focus-visible {
    color: #0b0b0a;
    background: #cfb77e;
}

@media (max-width: 1080px) {
    .crm-quote-actions {
        grid-template-columns: 1fr;
    }
}

/* --------------------------------------------------------------
   CRM Cotizador v37 — ficha, edición, versiones y acciones
-------------------------------------------------------------- */
.crm-quote-detail {
    display: grid;
    gap: 24px;
}

.crm-quote-detail__hero {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 32px;
    padding: 28px 0 24px;
    border-bottom: 1px solid var(--crm-line);
}

.crm-quote-detail__hero > div:first-child > span,
.crm-quote-detail__status span,
.crm-quote-record span,
.crm-quote-document span,
.crm-back-link {
    color: var(--crm-muted);
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .24em;
    line-height: 1.4;
    text-transform: uppercase;
}

.crm-quote-detail__hero h2 {
    margin: 10px 0 5px;
    color: var(--crm-cream);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(42px, 5vw, 72px);
    font-weight: 400;
    line-height: .9;
    letter-spacing: -.035em;
}

.crm-quote-detail__hero h2 small {
    margin-left: 12px;
    color: var(--crm-muted);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    letter-spacing: .2em;
}

.crm-quote-detail__hero p {
    margin: 0;
    color: var(--crm-muted);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 19px;
}

.crm-quote-detail__status {
    min-width: 190px;
    padding: 18px 20px;
    border: 1px solid var(--crm-line);
    text-align: right;
}

.crm-quote-detail__status strong {
    display: block;
    margin-top: 8px;
    color: var(--crm-gold);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 24px;
    font-weight: 400;
}

.crm-quote-detail__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 9px;
}

.crm-quote-detail__actions form {
    display: flex;
    margin: 0;
}

.crm-quote-detail__actions .crm-primary-button,
.crm-quote-detail__actions .crm-text-button {
    min-height: 47px;
    margin: 0;
    white-space: nowrap;
}

.crm-button-muted {
    border-color: rgba(238, 233, 223, .32);
    background: rgba(238, 233, 223, .025);
}

.crm-button-gold {
    border-color: var(--crm-gold);
    color: #0b0b0a;
    background: var(--crm-gold);
}

.crm-button-gold:hover,
.crm-button-gold:focus-visible {
    color: #0b0b0a;
    background: #cfb77e;
}

.crm-button-gold:disabled {
    cursor: not-allowed;
    opacity: .36;
}

.crm-action-form-button {
    height: 100%;
    padding: 0 17px;
    border: 1px solid var(--crm-line);
}

.crm-quote-detail__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(260px, .45fr);
    align-items: start;
    border: 1px solid var(--crm-line);
}

.crm-quote-document {
    min-height: 720px;
    padding: clamp(30px, 4vw, 58px);
    color: #151410;
    background: #ece6db;
}

.crm-quote-document__head {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(21, 20, 16, .25);
}

.crm-quote-document__head > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.crm-quote-document__head > div:last-child {
    align-items: flex-end;
    text-align: right;
}

.crm-quote-document__head span,
.crm-quote-document__head strong {
    color: #151410;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -.02em;
}

.crm-quote-document__head small {
    color: rgba(21, 20, 16, .58);
    font-size: 7px;
    letter-spacing: .22em;
}

.crm-quote-document__parties {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    padding: 32px 0;
    border-bottom: 1px solid rgba(21, 20, 16, .2);
}

.crm-quote-document__parties > div,
.crm-quote-document__project,
.crm-quote-document__notes {
    display: grid;
    gap: 9px;
}

.crm-quote-document__parties span,
.crm-quote-document__project span,
.crm-quote-document__notes span {
    color: rgba(21, 20, 16, .52);
}

.crm-quote-document__parties strong {
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 22px;
    font-weight: 500;
}

.crm-quote-document__parties p,
.crm-quote-document__notes p {
    margin: 0;
    color: rgba(21, 20, 16, .68);
    font-size: 11px;
    line-height: 1.65;
}

.crm-quote-document__project {
    padding: 25px 0;
    border-bottom: 1px solid rgba(21, 20, 16, .2);
}

.crm-quote-document__project h3 {
    margin: 0;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 31px;
    font-weight: 400;
}

.crm-quote-document__lines {
    padding: 28px 0 8px;
}

.crm-quote-document__lines > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 70px 120px;
    gap: 18px;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid rgba(21, 20, 16, .16);
}

.crm-quote-document__lines .is-head {
    padding: 10px 12px;
    color: #ece6db;
    background: #1b1a17;
}

.crm-quote-document__lines .is-head span {
    color: #ece6db;
}

.crm-quote-document__lines strong {
    font-size: 11px;
    font-weight: 500;
}

.crm-quote-document__lines > div > span:nth-child(n+2) {
    color: rgba(21, 20, 16, .72);
    text-align: right;
}

.crm-quote-document__totals {
    width: min(360px, 100%);
    margin: 28px 0 24px auto;
}

.crm-quote-document__totals > div {
    display: flex;
    justify-content: space-between;
    gap: 22px;
    padding: 9px 0;
    border-bottom: 1px solid rgba(21, 20, 16, .16);
}

.crm-quote-document__totals strong {
    font-weight: 500;
}

/* Totales de la ficha: las etiquetas deben ser legibles sobre el fondo marfil. */
.crm-quote-document__totals span {
    color: rgba(21, 20, 16, .68);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.crm-quote-document__totals .is-total span {
    color: #151410;
    font-size: 10px;
}

.crm-quote-document__totals .is-total {
    margin-top: 8px;
    padding: 16px 0;
    border-top: 1px solid #151410;
    border-bottom: 1px solid #151410;
}

.crm-quote-document__totals .is-total strong {
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 26px;
}

.crm-quote-document__notes {
    padding-top: 25px;
    border-top: 1px solid rgba(21, 20, 16, .2);
}

.crm-quote-record {
    position: sticky;
    top: 22px;
    display: grid;
    align-content: start;
    min-height: 720px;
    padding: 28px;
    color: var(--crm-cream);
    background: #0c0c0b;
}

.crm-quote-record > div {
    display: grid;
    gap: 8px;
    padding: 18px 0;
    border-bottom: 1px solid var(--crm-line);
}

.crm-quote-record strong {
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.25;
}

.crm-quote-status-form {
    display: grid;
    gap: 16px;
    margin-top: 30px;
}

.crm-quote-status-form label {
    display: grid;
    gap: 10px;
}

.crm-quote-status-form select {
    width: 100%;
    padding: 12px 0;
    border: 0;
    border-bottom: 1px solid var(--crm-line);
    border-radius: 0;
    color: var(--crm-cream);
    background: #0c0c0b;
}

.crm-back-link {
    display: inline-block;
    margin: -8px 0 25px;
    color: var(--crm-gold);
    text-decoration: none;
}

.crm-quotes-table .crm-quote-row {
    cursor: pointer;
    transition: background 180ms ease;
}

.crm-quotes-table .crm-quote-row:hover,
.crm-quotes-table .crm-quote-row.is-selected {
    background: rgba(184, 154, 98, .075);
}

.crm-quotes-table td:first-child a {
    display: grid;
    color: inherit;
    text-decoration: none;
}

.crm-table-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.crm-table-actions a {
    color: var(--crm-gold);
    font-size: 7px;
    letter-spacing: .19em;
    text-decoration: none;
}

.crm-table-actions form {
    display: inline-flex;
    margin: 0;
}

.crm-table-actions button {
    padding: 0;
    border: 0;
    color: #b98379;
    font: inherit;
    font-size: 7px;
    letter-spacing: .19em;
    text-transform: uppercase;
    background: transparent;
    cursor: pointer;
}

.crm-table-actions button:hover,
.crm-table-actions button:focus-visible {
    color: #e6b0a6;
}

.crm-table-actions a:hover,
.crm-table-actions a:focus-visible {
    color: var(--crm-cream);
}

@media (max-width: 1100px) {
    .crm-quote-detail__layout {
        grid-template-columns: 1fr;
    }

    .crm-quote-record {
        position: static;
        min-height: 0;
    }
}

@media (max-width: 760px) {
    .crm-quote-detail__hero,
    .crm-quote-document__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .crm-quote-detail__status {
        width: 100%;
        text-align: left;
    }

    .crm-quote-detail__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .crm-quote-detail__actions form,
    .crm-quote-detail__actions .crm-primary-button,
    .crm-quote-detail__actions .crm-text-button {
        width: 100%;
    }

    .crm-quote-document {
        min-height: 0;
        padding: 25px 18px;
    }

    .crm-quote-document__head > div:last-child {
        align-items: flex-start;
        text-align: left;
    }

    .crm-quote-document__parties {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .crm-quote-document__lines > div {
        grid-template-columns: minmax(0, 1fr) 50px 95px;
        gap: 10px;
    }

    .crm-table-actions {
        min-width: 150px;
    }
}


/* --------------------------------------------------------------
   CRM Cotizador v39 — catálogo de productos Murano Autor
-------------------------------------------------------------- */
.crm-quote-product__selector {
    display: grid;
    gap: 7px;
    width: min(560px, 100%);
    margin: 14px 0 18px;
}

.crm-quote-product__selector small {
    color: var(--crm-muted);
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.crm-quote-product__selector select {
    width: 100%;
    padding: 12px 0;
    border: 0;
    border-bottom: 1px solid var(--crm-line);
    border-radius: 0;
    color: var(--crm-cream);
    background: #0e0e0d;
    font-family: inherit;
    font-size: 14px;
    outline: none;
}

.crm-quote-product__identity p span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: normal;
    text-transform: none;
}

.crm-quote-document__lines strong small {
    display: block;
    margin-top: 5px;
    color: rgba(21, 20, 16, .54);
    font-size: 7px;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.45;
}


/* --------------------------------------------------------------
   CRM v41 — edición y eliminación de contactos
-------------------------------------------------------------- */
.crm-contacts-table th:last-child,
.crm-contacts-table td:last-child {
    min-width: 145px;
}

.crm-contact-actions button {
    white-space: nowrap;
}

.crm-contact-edit {
    color: var(--crm-gold) !important;
}

.crm-contact-edit:hover,
.crm-contact-edit:focus-visible {
    color: var(--crm-cream) !important;
}

/* --------------------------------------------------------------
   CRM v43 — usuarios privados, alta de vendedores y expedientes
-------------------------------------------------------------- */
.crm-modal__dialog--wide {
    width: min(1040px, 100%);
}

.crm-seller-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.crm-form-section {
    grid-column: 1 / -1;
    margin: 20px 0 2px;
    padding-top: 22px;
    border-top: 1px solid var(--crm-line);
    color: var(--crm-cream);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 28px;
    font-weight: 400;
}

.crm-seller-card {
    position: relative;
}

.crm-seller-card.is-suspended {
    opacity: .48;
}

.crm-seller-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 22px;
    padding-top: 15px;
    border-top: 1px solid var(--crm-line);
    font-size: 8px;
    letter-spacing: .14em;
}

.crm-seller-card__footer a {
    color: var(--crm-gold);
    text-decoration: none;
}

.crm-seller-profile__status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0 0 28px;
    color: var(--crm-muted);
    font-size: 10px;
}

.crm-origin.is-active {
    border-color: rgba(154, 180, 137, .65);
    color: #afc59f;
}

.crm-origin.is-suspended {
    border-color: rgba(184, 94, 83, .7);
    color: #d58a80;
}

.crm-seller-profile__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--crm-line);
    border-left: 1px solid var(--crm-line);
}

.crm-seller-profile__grid > div {
    min-height: 105px;
    padding: 20px;
    border-right: 1px solid var(--crm-line);
    border-bottom: 1px solid var(--crm-line);
}

.crm-seller-profile__grid .is-wide {
    grid-column: span 2;
}

.crm-seller-profile__grid span {
    display: block;
    margin-bottom: 14px;
    color: var(--crm-muted);
    font-size: 8px;
    letter-spacing: .16em;
}

.crm-seller-profile__grid strong {
    color: var(--crm-cream);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.1;
}

.crm-seller-profile__actions {
    display: grid;
    grid-template-columns: minmax(190px, .55fr) minmax(0, 1.45fr);
    gap: 14px;
    margin-top: 24px;
}

.crm-seller-profile__actions form,
.crm-inline-password {
    display: flex;
    gap: 10px;
}

.crm-inline-password input {
    flex: 1;
    min-width: 0;
    padding: 0 14px;
    border: 1px solid var(--crm-line);
    color: var(--crm-cream);
    background: #0a0a09;
}

.crm-seller-documents {
    margin-top: 42px;
}

.crm-document-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.crm-document-list a {
    display: grid;
    gap: 7px;
    padding: 18px;
    border: 1px solid var(--crm-line);
    color: var(--crm-cream);
    text-decoration: none;
    background: #0a0a09;
}

.crm-document-list a:hover,
.crm-document-list a:focus-visible {
    border-color: var(--crm-gold);
}

.crm-document-list span,
.crm-document-list small {
    color: var(--crm-muted);
    font-size: 8px;
    letter-spacing: .13em;
}

.crm-document-list strong {
    overflow: hidden;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 20px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-text-link {
    color: var(--crm-gold);
    font-size: 9px;
    letter-spacing: .15em;
    text-decoration: none;
}

@media (max-width: 920px) {
    .crm-seller-profile__grid {
        grid-template-columns: 1fr 1fr;
    }

    .crm-seller-profile__actions {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .crm-seller-form,
    .crm-seller-profile__grid,
    .crm-document-list {
        grid-template-columns: 1fr;
    }

    .crm-seller-profile__grid .is-wide {
        grid-column: auto;
    }

    .crm-inline-password {
        flex-direction: column;
    }

    .crm-inline-password input {
        min-height: 48px;
    }
}

/* --------------------------------------------------------------
   CRM v44 — monitoreo y rendimiento de vendedores
-------------------------------------------------------------- */
.crm-seller-performance__head-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 18px;
}

.crm-seller-card.needs-attention {
    border-color: rgba(184,154,98,.62);
    box-shadow: inset 0 2px 0 rgba(184,154,98,.7);
}

.crm-seller-card > em {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #d6b878;
    font-size: 7px;
    font-style: normal;
    letter-spacing: .15em;
}

.crm-seller-card__metrics {
    display: grid;
    gap: 4px;
    margin: 0 0 14px;
}

.crm-seller-card__metrics p,
.crm-seller-card > small {
    margin: 0;
    color: var(--crm-muted);
    font-size: 9px;
    line-height: 1.45;
}

.crm-seller-card > small {
    margin-top: 6px;
}

.crm-seller-card__footer > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
}

.crm-seller-performance {
    display: grid;
    gap: 28px;
}

.crm-performance-alert {
    display: grid;
    gap: 9px;
    padding: 20px 22px;
    border: 1px solid rgba(184,154,98,.55);
    background: rgba(184,154,98,.07);
}

.crm-performance-alert span,
.crm-performance-kpis span,
.crm-performance-attention span,
.crm-performance-goal span,
.crm-performance-pipeline span,
.crm-performance-list span,
.crm-performance-activity time {
    color: var(--crm-muted);
    font-size: 8px;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.crm-performance-alert strong {
    color: var(--crm-cream);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.35;
}

.crm-performance-kpis,
.crm-performance-attention {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-top: 1px solid var(--crm-line);
    border-left: 1px solid var(--crm-line);
}

.crm-performance-kpis article,
.crm-performance-attention article {
    min-height: 142px;
    padding: 20px;
    border-right: 1px solid var(--crm-line);
    border-bottom: 1px solid var(--crm-line);
}

.crm-performance-kpis strong,
.crm-performance-attention strong {
    display: block;
    margin: 24px 0 8px;
    color: var(--crm-cream);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(25px, 2.4vw, 38px);
    font-weight: 400;
    line-height: .95;
}

.crm-performance-kpis small,
.crm-performance-goal small,
.crm-performance-pipeline small,
.crm-performance-list small {
    display: block;
    color: var(--crm-muted);
    font-size: 9px;
    line-height: 1.4;
}

.crm-performance-attention article {
    min-height: 105px;
}

.crm-performance-attention strong {
    margin-top: 19px;
    font-size: 28px;
}

.crm-performance-goal {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 24px 42px;
    padding: 28px;
    border: 1px solid var(--crm-line);
    background: #0a0a09;
}

.crm-performance-goal h3 {
    margin: 12px 0 0;
    color: var(--crm-cream);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 36px;
    font-weight: 400;
}

.crm-performance-goal__numbers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.crm-performance-goal__numbers p {
    margin: 0;
}

.crm-performance-goal__numbers strong {
    display: block;
    margin-top: 10px;
    color: var(--crm-gold);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 24px;
    font-weight: 400;
}

.crm-performance-progress {
    grid-column: 1 / -1;
    height: 3px;
    overflow: hidden;
    background: rgba(255,255,255,.08);
}

.crm-performance-progress span {
    display: block;
    height: 100%;
    background: var(--crm-gold);
}

.crm-performance-goal > small {
    grid-column: 1 / -1;
}

.crm-performance-section {
    padding-top: 6px;
}

.crm-performance-section > .crm-panel__head {
    margin-bottom: 16px;
}

.crm-performance-section > .crm-panel__head h3 {
    margin: 5px 0 0;
    color: var(--crm-cream);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 31px;
    font-weight: 400;
}

.crm-performance-pipeline {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--crm-line);
    border-left: 1px solid var(--crm-line);
}

.crm-performance-pipeline article {
    min-height: 120px;
    padding: 18px;
    border-right: 1px solid var(--crm-line);
    border-bottom: 1px solid var(--crm-line);
}

.crm-performance-pipeline strong {
    display: block;
    margin: 18px 0 7px;
    color: var(--crm-cream);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 30px;
    font-weight: 400;
}

.crm-performance-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
}

.crm-performance-list {
    border-top: 1px solid var(--crm-line);
}

.crm-performance-list article,
.crm-performance-list > a {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(150px, .7fr);
    gap: 18px;
    padding: 17px 0;
    border-bottom: 1px solid var(--crm-line);
    color: inherit;
    text-decoration: none;
}

.crm-performance-list article > div:last-child,
.crm-performance-list > a > div:last-child {
    text-align: right;
}

.crm-performance-list strong {
    display: block;
    margin-bottom: 5px;
    color: var(--crm-cream);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 20px;
    font-weight: 400;
}

.crm-performance-list > a:hover strong,
.crm-performance-list > a:focus-visible strong {
    color: var(--crm-gold);
}

.crm-performance-activity ol {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--crm-line);
}

.crm-performance-activity li {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 22px;
    padding: 16px 0;
    border-bottom: 1px solid var(--crm-line);
}

.crm-performance-activity li strong {
    color: var(--crm-cream);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 18px;
    font-weight: 400;
}

@media (max-width: 1120px) {
    .crm-performance-kpis,
    .crm-performance-attention {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .crm-performance-columns {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .crm-seller-performance__head-actions {
        justify-content: flex-start;
    }

    .crm-performance-kpis,
    .crm-performance-attention,
    .crm-performance-pipeline,
    .crm-performance-goal,
    .crm-performance-goal__numbers {
        grid-template-columns: 1fr;
    }

    .crm-performance-progress,
    .crm-performance-goal > small {
        grid-column: auto;
    }

    .crm-performance-list article,
    .crm-performance-list > a,
    .crm-performance-activity li {
        grid-template-columns: 1fr;
    }

    .crm-performance-list article > div:last-child,
    .crm-performance-list > a > div:last-child {
        text-align: left;
    }
}

/* --------------------------------------------------------------
   CRM Cotizador v48 — múltiples productos, composición restaurada
-------------------------------------------------------------- */
.crm-quote-items {
    display: grid;
    gap: 0;
    border: 1px solid var(--crm-line);
    background: #0a0a09;
}

.crm-quote-product.crm-quote-item {
    position: relative;
    margin: 0;
    padding: 22px;
    border: 0;
    border-bottom: 1px solid var(--crm-line);
    background: transparent;
}

.crm-quote-product.crm-quote-item:last-child {
    border-bottom: 0;
}

.crm-quote-item__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.crm-quote-item__head > span {
    color: var(--crm-muted);
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .22em;
}

.crm-quote-item__head b {
    color: var(--crm-gold);
    font-weight: 500;
}

.crm-quote-item__remove,
.crm-quote-add-product {
    color: var(--crm-muted);
    background: transparent;
    font: inherit;
    font-size: 8px;
    letter-spacing: .18em;
    cursor: pointer;
}

.crm-quote-item__remove {
    padding: 0;
    border: 0;
}

.crm-quote-item__remove:hover,
.crm-quote-item__remove:focus-visible {
    color: #c77e73;
}

.crm-quote-add-product {
    width: 100%;
    margin-top: 14px;
    padding: 16px;
    border: 1px dashed rgba(183,154,101,.48);
    color: var(--crm-gold);
    transition: border-color 160ms ease, background 160ms ease;
}

.crm-quote-add-product:hover,
.crm-quote-add-product:focus-visible {
    border-color: var(--crm-gold);
    background: rgba(183,154,101,.07);
}

.crm-quote-price-lock,
.crm-quote-admin-note {
    margin: 13px 0 0;
    color: rgba(238,233,223,.42);
    font-size: 9px;
    line-height: 1.5;
}

.crm-quote-admin-note {
    color: rgba(207,183,126,.68);
}

.crm-quote-field input[readonly] {
    color: rgba(238,233,223,.56);
    cursor: not-allowed;
}

.crm-quote-preview__lines > [data-quote-preview-products] {
    display: block;
    padding: 0;
    border-bottom: 0;
}

.crm-quote-preview__product {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(10,10,9,.1);
}

.crm-quote-preview__product span {
    max-width: 70%;
}

.crm-quote-preview__product strong {
    white-space: nowrap;
}

@media (max-width: 760px) {
    .crm-quote-product.crm-quote-item {
        padding: 18px 16px;
    }
}

/* --------------------------------------------------------------
   Aviso de privacidad v50 — documento completo sin visor nativo
-------------------------------------------------------------- */
.page-aviso-de-privacidad,
.page-template-page-aviso-de-privacidad {
    background: #050505;
}

.murano-legal-page {
    min-height: 100vh;
    background: #050505;
    color: var(--murano-white);
}

.murano-legal-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .34fr);
    gap: clamp(48px, 8vw, 130px);
    align-items: end;
    min-height: min(720px, 82vh);
    padding: calc(var(--murano-header-height) + clamp(68px, 8vw, 126px)) var(--murano-side-space) clamp(72px, 8vw, 124px);
    border-bottom: 1px solid rgba(245, 242, 236, .18);
}

.murano-legal-intro__content {
    max-width: 920px;
}

.murano-legal-intro__eyebrow {
    display: block;
    margin-bottom: clamp(30px, 4vw, 56px);
    color: rgba(245, 242, 236, .58);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .3em;
}

.murano-legal-intro h1 {
    margin: 0;
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(68px, 9.2vw, 142px);
    font-weight: 400;
    line-height: .78;
    letter-spacing: -.055em;
}

.murano-legal-intro__content > p {
    max-width: 650px;
    margin: clamp(40px, 5vw, 70px) 0 0;
    color: rgba(245, 242, 236, .60);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(19px, 1.65vw, 26px);
    line-height: 1.45;
}

.murano-legal-intro__aside {
    justify-self: stretch;
    padding-top: 28px;
    border-top: 1px solid rgba(245, 242, 236, .22);
}

.murano-legal-intro__aside span {
    display: block;
    color: rgba(245, 242, 236, .38);
    font-size: 9px;
    letter-spacing: .24em;
}

.murano-legal-intro__aside p {
    margin: 34px 0 0;
    color: rgba(245, 242, 236, .68);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(22px, 2vw, 31px);
    line-height: 1.32;
}

.murano-legal-document {
    padding: clamp(44px, 6vw, 92px) var(--murano-side-space) clamp(72px, 8vw, 132px);
    background: #ece6da;
    color: #090908;
}

.murano-legal-document__pages {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(22px, 3vw, 42px);
    width: min(100%, 1120px);
    min-height: 520px;
    margin: 0 auto;
}

.murano-legal-document__status,
.murano-legal-document__error {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 520px;
    margin: 0;
    color: rgba(9, 9, 8, .58);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(22px, 2.4vw, 34px);
    text-align: center;
}

.murano-pdf-page {
    position: relative;
    width: 100%;
    min-height: min(1280px, 112vw);
    margin: 0;
    background: #fff;
    box-shadow: 0 24px 60px rgba(28, 22, 14, .13);
    overflow: hidden;
}

.murano-pdf-page.is-loading::after {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: rgba(9, 9, 8, .34);
    font-size: 9px;
    letter-spacing: .24em;
    content: "CARGANDO PÁGINA";
}

.murano-pdf-page__canvas {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: #fff;
}

.murano-pdf-page__number {
    position: absolute;
    right: 18px;
    bottom: 14px;
    color: rgba(9, 9, 8, .26);
    font-size: 8px;
    letter-spacing: .18em;
}

.murano-pdf-page.has-error {
    display: grid;
    place-items: center;
    min-height: 420px;
    padding: 40px;
    color: rgba(9, 9, 8, .56);
    text-align: center;
}

@media (max-width: 820px) {
    .murano-legal-intro {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .murano-legal-intro h1 {
        font-size: clamp(60px, 18vw, 98px);
    }

    .murano-legal-intro__aside {
        display: none;
    }

    .murano-legal-document {
        padding-right: clamp(14px, 3vw, 26px);
        padding-left: clamp(14px, 3vw, 26px);
    }

    .murano-pdf-page {
        min-height: 128vw;
    }
}

@media (max-width: 520px) {
    .murano-legal-intro {
        padding-top: calc(var(--murano-header-height) + 54px);
    }

    .murano-legal-intro h1 {
        line-height: .84;
    }

    .murano-legal-document {
        padding-top: 24px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .murano-legal-document__pages {
        gap: 14px;
    }

    .murano-pdf-page__number {
        right: 10px;
        bottom: 8px;
    }
}


/* v51 — descarga directa del aviso de privacidad */
.murano-legal-download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 270px;
    min-height: 52px;
    margin-top: clamp(30px, 4vw, 48px);
    padding: 15px 28px;
    border: 1px solid rgba(245, 242, 236, .42);
    color: #f5f2ec;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .24em;
    text-transform: uppercase;
    transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}

.murano-legal-download:hover,
.murano-legal-download:focus-visible {
    border-color: #f5f2ec;
    background: #f5f2ec;
    color: #050505;
}

@media (max-width: 620px) {
    .murano-legal-download {
        width: 100%;
        min-width: 0;
    }
}


/* v52 — oportunidades visibles y datos completos */
.crm-opportunity-summary { min-width: 310px; }
.crm-opportunity-summary > strong,
.crm-opportunity-summary > small { display: block; }
.crm-opportunity-summary > small { margin-top: 5px; line-height: 1.45; }
.crm-opportunity-summary > small b { color: rgba(244, 239, 228, .72); font-weight: 500; }
.crm-opportunity-notes { max-width: 520px; color: rgba(244, 239, 228, .48) !important; }
.crm-opportunity-row:target { background: rgba(184, 154, 98, .08); }


/* v55 — métricas financieras del dashboard */
.crm-metrics.crm-metrics--financial {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.crm-metrics--financial article:nth-child(2),
.crm-metrics--financial article:nth-child(3),
.crm-metrics--financial article:nth-child(4) {
    background: linear-gradient(145deg, rgba(183,154,101,.055), var(--crm-panel) 62%);
}

@media (max-width: 1180px) {
    .crm-metrics.crm-metrics--financial {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .crm-metrics.crm-metrics--financial {
        grid-template-columns: 1fr;
    }
}

/* v56 — sincronización comercial de cotizaciones y oportunidades */
.crm-quote-field > small {
    display: block;
    margin-top: 8px;
    color: var(--crm-muted);
    font-size: 9px;
    line-height: 1.45;
}

.crm-origin--stage {
    color: var(--crm-cream);
    border-color: rgba(184, 157, 101, .45);
}

.crm-quote-status-form--automatic {
    padding-top: 20px;
    border-top: 1px solid var(--crm-line);
}

.crm-quote-status-form--automatic > span,
.crm-quote-status-form--automatic > small {
    color: var(--crm-muted);
    font-size: 8px;
    letter-spacing: .14em;
    line-height: 1.5;
    text-transform: uppercase;
}

.crm-quote-status-form--automatic > strong {
    color: var(--crm-cream);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: 24px;
    font-weight: 400;
}

/* v62 — vista conceptual limpia, sin recuadro superpuesto */
.atelier-bottle__logo-preview {
    position: absolute;
    z-index: 4;
    top: 48%;
    left: 50%;
    width: auto;
    max-width: 72px;
    max-height: 58px;
    transform: translate(-50%, -50%);
    object-fit: contain;
    filter: grayscale(1) contrast(1.05);
    pointer-events: none;
    user-select: none;
}

.atelier-bottle__logo-preview[hidden] {
    display: none !important;
}


/* --------------------------------------------------------------
   CRM v63 — borrado seguro de vendedores
-------------------------------------------------------------- */
.crm-seller-delete {
    display: inline-flex;
    margin: 0;
}

.crm-seller-delete button {
    padding: 0;
    border: 0;
    color: #b96f66;
    background: transparent;
    font-family: inherit;
    font-size: 8px;
    letter-spacing: .14em;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
}

.crm-seller-delete button:hover,
.crm-seller-delete button:focus-visible {
    color: #e29a8f;
    outline: none;
}

.crm-seller-delete--profile {
    grid-column: 1 / -1;
    justify-content: flex-end;
}

.crm-primary-button--danger {
    border-color: rgba(185, 111, 102, .72) !important;
    color: #d98c82 !important;
    background: rgba(92, 30, 25, .12) !important;
}

.crm-primary-button--danger:hover,
.crm-primary-button--danger:focus-visible {
    border-color: #d98c82 !important;
    color: #fff !important;
    background: rgba(132, 48, 40, .28) !important;
}

/* v64 — cotizaciones siempre nuevas y validación de datos del contacto */
.crm-quote-field.is-missing > span {
    color: #d16a63;
}

.crm-quote-field.is-missing input,
.crm-quote-field.is-missing select,
.crm-quote-field.is-missing textarea {
    color: #f1c1bc;
    border-bottom-color: #d16a63;
}

.crm-quote-required-message {
    display: none !important;
    margin-top: 2px !important;
    color: #d16a63 !important;
    font-size: 9px !important;
    letter-spacing: .04em;
    line-height: 1.4;
    text-transform: none;
}

.crm-quote-field.is-missing .crm-quote-required-message {
    display: block !important;
}

.crm-quote-contact-alert {
    padding: 12px 14px;
    border: 1px solid rgba(209, 106, 99, .55);
    color: #efb0aa;
    background: rgba(209, 106, 99, .06);
    font-size: 11px;
    letter-spacing: .06em;
    line-height: 1.5;
}

.crm-quote-actions button:disabled {
    cursor: not-allowed;
    opacity: .28;
}

/* v66 — Módulo Ventas */
.crm-sales-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-top: 36px;
    border: 1px solid var(--crm-line);
    background: var(--crm-line);
}
.crm-sales-summary article {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    background: var(--crm-panel);
}
.crm-sales-summary span {
    color: var(--crm-muted);
    font-size: 8px;
    letter-spacing: .2em;
}
.crm-sales-summary strong {
    color: var(--crm-cream);
    font-family: "Cormorant Garamond", Garamond, Georgia, serif;
    font-size: clamp(28px, 3vw, 45px);
    font-weight: 400;
    line-height: .92;
}
.crm-sales-summary small {
    color: rgba(238,233,223,.4);
    font-size: 9px;
}
.crm-sales-table { min-width: 1480px; }
.crm-sales-table td { white-space: nowrap; }
.crm-sales-table td:nth-child(4) { min-width: 250px; white-space: normal; }
.crm-sale-products {
    color: rgba(238,233,223,.7);
    font-size: 10px;
    line-height: 1.5;
}
.crm-sale-owner { font-size: 16px !important; }
@media (max-width: 1120px) {
    .crm-sales-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .crm-sales-summary { grid-template-columns: 1fr; }
}

/* v77 — acción administrativa dentro del Pipeline */
.crm-pipeline-delete {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,.12);
}
.crm-pipeline-delete__button {
    width: 100%;
    min-height: 38px;
    border: 1px solid rgba(170,94,84,.55);
    background: transparent;
    color: #b97970;
    font: inherit;
    font-size: 9px;
    letter-spacing: .18em;
    cursor: pointer;
}
.crm-pipeline-delete__button:hover,
.crm-pipeline-delete__button:focus-visible {
    border-color: #b97970;
    color: #f0d6d1;
}

/* v78 — Navegación lateral compacta, expandible y fijable */
@media (min-width: 761px) {
    .murano-crm {
        --crm-sidebar-compact: 76px;
        --crm-sidebar-open: 260px;
        grid-template-columns: var(--crm-sidebar-compact) minmax(0, 1fr);
        transition: grid-template-columns 220ms ease;
    }

    .murano-crm.is-sidebar-pinned {
        grid-template-columns: var(--crm-sidebar-open) minmax(0, 1fr);
    }

    .crm-sidebar {
        position: sticky;
        z-index: 60;
        width: var(--crm-sidebar-compact);
        min-width: var(--crm-sidebar-compact);
        padding: 34px 18px 28px;
        overflow: hidden;
        transition:
            width 220ms ease 360ms,
            min-width 220ms ease 360ms,
            box-shadow 180ms ease 360ms;
    }

    .crm-sidebar:hover,
    .crm-sidebar:focus-within,
    .murano-crm.is-sidebar-pinned .crm-sidebar {
        width: var(--crm-sidebar-open);
        min-width: var(--crm-sidebar-open);
        transition-delay: 0s;
    }

    .murano-crm:not(.is-sidebar-pinned) .crm-sidebar:hover,
    .murano-crm:not(.is-sidebar-pinned) .crm-sidebar:focus-within {
        box-shadow: 24px 0 42px rgba(0,0,0,.44);
    }

    .crm-sidebar__brand {
        position: relative;
        width: calc(var(--crm-sidebar-open) - 36px);
        min-height: 58px;
        padding-right: 42px;
    }

    .crm-sidebar__brand-copy {
        position: relative;
        min-height: 58px;
    }

    .crm-sidebar__brand strong {
        position: relative;
        min-height: 28px;
        white-space: nowrap;
    }

    .crm-sidebar__brand-full,
    .crm-sidebar__brand-compact {
        position: absolute;
        top: 0;
        left: 0;
        transition: opacity 130ms ease, transform 180ms ease;
    }

    .crm-sidebar__brand-full {
        opacity: 0;
        transform: translateX(-8px);
    }

    .crm-sidebar__brand-compact {
        opacity: 1;
        transform: translateX(0);
    }

    .crm-sidebar:hover .crm-sidebar__brand-full,
    .crm-sidebar:focus-within .crm-sidebar__brand-full,
    .murano-crm.is-sidebar-pinned .crm-sidebar__brand-full {
        opacity: 1;
        transform: translateX(0);
    }

    .crm-sidebar:hover .crm-sidebar__brand-compact,
    .crm-sidebar:focus-within .crm-sidebar__brand-compact,
    .murano-crm.is-sidebar-pinned .crm-sidebar__brand-compact {
        opacity: 0;
        transform: translateX(8px);
    }

    .crm-sidebar__pin {
        position: absolute;
        z-index: 2;
        top: 25px;
        right: 11px;
        width: 28px;
        height: 28px;
        display: grid;
        place-items: center;
        padding: 0;
        border: 1px solid var(--crm-line);
        color: var(--crm-muted);
        background: #090908;
        font-family: Arial, sans-serif;
        font-size: 19px;
        line-height: 1;
        cursor: pointer;
        transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
    }

    .crm-sidebar__pin:hover,
    .crm-sidebar__pin:focus-visible,
    .crm-sidebar__pin[aria-pressed="true"] {
        border-color: rgba(183,154,101,.72);
        color: var(--crm-cream);
        background: rgba(183,154,101,.08);
        outline: none;
    }

    .crm-nav {
        width: calc(var(--crm-sidebar-open) - 36px);
        margin-top: 42px;
    }

    .crm-nav__item {
        position: relative;
        width: 100%;
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 12px;
        padding: 16px 0;
        transition: color 180ms ease, padding 180ms ease;
    }

    .crm-nav__item::after { display: none; }

    .crm-nav__item.is-active::before {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 28px;
        height: 1px;
        background: var(--crm-gold);
    }

    .crm-nav__number {
        font-size: 10px;
        opacity: .72;
        text-align: center;
    }

    .crm-nav__label {
        font-size: 11px;
        opacity: 0;
        transform: translateX(-7px);
        white-space: nowrap;
        transition: opacity 130ms ease, transform 180ms ease;
    }

    .crm-sidebar:hover .crm-nav__label,
    .crm-sidebar:focus-within .crm-nav__label,
    .murano-crm.is-sidebar-pinned .crm-nav__label {
        opacity: 1;
        transform: translateX(0);
    }

    .crm-nav__item:hover,
    .crm-nav__item.is-active {
        padding-left: 0;
    }

    .crm-sidebar__user {
        width: calc(var(--crm-sidebar-open) - 36px);
        opacity: 0;
        transform: translateX(-8px);
        pointer-events: none;
        transition: opacity 130ms ease, transform 180ms ease;
    }

    .crm-sidebar:hover .crm-sidebar__user,
    .crm-sidebar:focus-within .crm-sidebar__user,
    .murano-crm.is-sidebar-pinned .crm-sidebar__user {
        opacity: 1;
        transform: translateX(0);
        pointer-events: auto;
    }

    .crm-workspace {
        transition: padding 220ms ease;
    }
}

@media (min-width: 761px) and (max-width: 1100px) {
    .murano-crm {
        --crm-sidebar-compact: 72px;
        --crm-sidebar-open: 240px;
        grid-template-columns: var(--crm-sidebar-compact) minmax(0, 1fr);
    }

    .murano-crm.is-sidebar-pinned {
        grid-template-columns: var(--crm-sidebar-open) minmax(0, 1fr);
    }

    .crm-sidebar {
        width: var(--crm-sidebar-compact);
        min-width: var(--crm-sidebar-compact);
        padding-right: 16px;
        padding-left: 16px;
    }

    .crm-sidebar:hover,
    .crm-sidebar:focus-within,
    .murano-crm.is-sidebar-pinned .crm-sidebar {
        width: var(--crm-sidebar-open);
        min-width: var(--crm-sidebar-open);
    }

    .crm-sidebar__brand,
    .crm-nav,
    .crm-sidebar__user {
        width: calc(var(--crm-sidebar-open) - 32px);
    }
}

@media (max-width: 760px) {
    .murano-crm,
    .murano-crm.is-sidebar-pinned {
        display: block;
    }

    .crm-sidebar,
    .murano-crm.is-sidebar-pinned .crm-sidebar,
    .crm-sidebar:hover,
    .crm-sidebar:focus-within {
        width: min(310px, 86vw);
        min-width: 0;
        padding: 34px 26px 28px;
        overflow-y: auto;
        box-shadow: 24px 0 42px rgba(0,0,0,.5);
        transition: transform 220ms ease;
    }

    .crm-sidebar__brand,
    .crm-sidebar__brand-copy,
    .crm-nav,
    .crm-sidebar__user {
        width: auto;
    }

    .crm-sidebar__brand-full,
    .crm-sidebar__brand-compact {
        position: static;
    }

    .crm-sidebar__brand-full { opacity: 1; transform: none; }
    .crm-sidebar__brand-compact { display: none; }
    .crm-sidebar__pin { display: none; }

    .crm-nav__item {
        grid-template-columns: 26px 1fr;
        width: auto;
    }

    .crm-nav__label,
    .crm-sidebar__user {
        opacity: 1;
        transform: none;
        pointer-events: auto;
    }
}

/* v83 — El texto del menú iguala exactamente la tipografía de los títulos del Pipeline.
   Esta regla específica corrige la regla heredada `.crm-nav__item span { font-size: 7px; }`. */
@media (min-width: 761px) {
    .crm-sidebar .crm-nav__item .crm-nav__label {
        font-size: 9px;
        font-weight: 400;
        letter-spacing: .15em;
        line-height: 1.35;
        text-transform: uppercase;
    }
}


/* ==========================================================
   CRM Marketing — atribución Meta / Google (v85)
   ========================================================== */
.crm-marketing-status { display: inline-flex; align-items: center; gap: 9px; color: var(--crm-muted); font-size: 8px; letter-spacing: .15em; white-space: nowrap; }
.crm-marketing-status i { width: 7px; height: 7px; border: 1px solid var(--crm-gold); border-radius: 50%; box-shadow: 0 0 0 3px rgba(185,154,98,.08); }
.crm-marketing { display: grid; gap: 24px; }
.crm-marketing-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 28px; padding-bottom: 22px; border-bottom: 1px solid var(--crm-line); }
.crm-marketing-toolbar > div > span { color: var(--crm-gold); font-size: 8px; letter-spacing: .18em; }
.crm-marketing-toolbar h2 { margin: 7px 0 0; font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 34px; font-weight: 400; line-height: 1; }
.crm-marketing-toolbar form { display: flex; gap: 12px; }
.crm-marketing-toolbar label { display: grid; gap: 7px; min-width: 160px; }
.crm-marketing-toolbar label span { color: var(--crm-muted); font-size: 7px; letter-spacing: .14em; }
.crm-marketing-toolbar select { min-height: 38px; padding: 0 30px 0 12px; border: 1px solid var(--crm-line); color: var(--crm-cream); background: #090908; font-size: 9px; }
.crm-marketing-connection-note { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 18px; align-items: center; padding: 14px 16px; border: 1px solid rgba(185,154,98,.34); background: rgba(185,154,98,.045); }
.crm-marketing-connection-note strong { color: var(--crm-gold); font-size: 8px; letter-spacing: .15em; white-space: nowrap; }
.crm-marketing-connection-note p { margin: 0; color: var(--crm-muted); font-size: 9px; line-height: 1.45; }
.crm-marketing-connection-note > span { color: #d0a18d; font-size: 8px; }
.crm-marketing-metrics { grid-template-columns: repeat(6, minmax(0,1fr)); }
.crm-marketing-metrics article strong { font-size: clamp(22px, 2.15vw, 34px); }
.crm-marketing-platform-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.crm-marketing-platform-card { border: 1px solid var(--crm-line); background: var(--crm-panel); }
.crm-marketing-platform-card header { display: flex; justify-content: space-between; gap: 20px; padding: 20px; border-bottom: 1px solid var(--crm-line); }
.crm-marketing-platform-card header span { color: var(--crm-gold); font-size: 8px; letter-spacing: .16em; }
.crm-marketing-platform-card header h3 { margin: 5px 0 0; font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 22px; font-weight: 400; }
.crm-marketing-platform-card header em { color: var(--crm-muted); font-size: 7px; font-style: normal; letter-spacing: .13em; }
.crm-marketing-platform-card dl { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; }
.crm-marketing-platform-card dl div { min-height: 86px; padding: 16px 18px; border-right: 1px solid var(--crm-line); border-bottom: 1px solid var(--crm-line); }
.crm-marketing-platform-card dl div:nth-child(3n) { border-right: 0; }
.crm-marketing-platform-card dl div.is-wide { grid-column: 1 / -1; min-height: 82px; border-right: 0; border-bottom: 0; }
.crm-marketing-platform-card dt { color: var(--crm-muted); font-size: 7px; letter-spacing: .13em; text-transform: uppercase; }
.crm-marketing-platform-card dd { margin: 9px 0 0; color: var(--crm-cream); font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 25px; }
.crm-marketing-small-note { color: var(--crm-muted); font-size: 7px; letter-spacing: .12em; }
.crm-marketing-table th, .crm-marketing-table td { white-space: nowrap; }
.crm-marketing-table td:first-child { white-space: normal; min-width: 220px; }
.crm-marketing-empty { padding: 44px 24px; border-top: 1px solid var(--crm-line); text-align: center; }
.crm-marketing-empty strong { display: block; color: var(--crm-gold); font-size: 9px; letter-spacing: .16em; }
.crm-marketing-empty p { max-width: 590px; margin: 9px auto 0; color: var(--crm-muted); font-size: 10px; line-height: 1.55; }
.crm-marketing-empty--compact { padding: 24px; border-top: 0; }
.crm-marketing-bottom-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(360px,.75fr); gap: 18px; }
.crm-marketing-leads { display: grid; }
.crm-marketing-leads a { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(110px,auto); gap: 16px; align-items: center; padding: 14px 18px; border-top: 1px solid var(--crm-line); color: var(--crm-cream); text-decoration: none; }
.crm-marketing-leads a:hover { background: rgba(238,233,223,.025); }
.crm-marketing-leads strong, .crm-marketing-leads small { display: block; }
.crm-marketing-leads strong { font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 18px; font-weight: 400; }
.crm-marketing-leads small { margin-top: 3px; color: var(--crm-muted); font-size: 8px; }
.crm-marketing-leads a > span { color: var(--crm-gold); font-size: 7px; letter-spacing: .13em; }
.crm-marketing-leads em { color: var(--crm-muted); font-size: 8px; font-style: normal; text-align: right; }
.crm-marketing-insights { display: grid; grid-template-columns: 1fr 1fr; }
.crm-marketing-insights article { min-height: 132px; padding: 18px; border-top: 1px solid var(--crm-line); border-right: 1px solid var(--crm-line); }
.crm-marketing-insights article:nth-child(2n) { border-right: 0; }
.crm-marketing-insights article span { color: var(--crm-muted); font-size: 7px; letter-spacing: .13em; }
.crm-marketing-insights article strong { display: block; margin-top: 12px; font-family: "Cormorant Garamond", Garamond, Georgia, serif; font-size: 22px; font-weight: 400; line-height: 1; }
.crm-marketing-insights article small { display: block; margin-top: 8px; color: var(--crm-muted); font-size: 8px; line-height: 1.4; }
.crm-marketing-insights article.is-alert { background: rgba(140,70,50,.06); }
.crm-marketing-insights article.is-alert strong { color: #d0a18d; }

@media (max-width: 1180px) {
    .crm-marketing-metrics { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .crm-marketing-bottom-grid { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
    .crm-marketing-toolbar { align-items: stretch; flex-direction: column; }
    .crm-marketing-toolbar form { width: 100%; }
    .crm-marketing-toolbar label { flex: 1; }
    .crm-marketing-connection-note { grid-template-columns: 1fr; }
    .crm-marketing-platform-grid { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .crm-marketing-metrics { grid-template-columns: 1fr 1fr; }
    .crm-marketing-toolbar form { flex-direction: column; }
    .crm-marketing-platform-card dl { grid-template-columns: 1fr 1fr; }
    .crm-marketing-platform-card dl div:nth-child(3n) { border-right: 1px solid var(--crm-line); }
    .crm-marketing-platform-card dl div:nth-child(2n) { border-right: 0; }
    .crm-marketing-leads a { grid-template-columns: 1fr auto; }
    .crm-marketing-leads em { grid-column: 1 / -1; text-align: left; }
    .crm-marketing-insights { grid-template-columns: 1fr; }
    .crm-marketing-insights article { border-right: 0; }
}

/* v86 · Meta CRM connection */
.crm-marketing-connection-note.is-connected { border-color: rgba(185,154,98,.55); background: rgba(185,154,98,.075); }
.crm-meta-connection { overflow: hidden; }
.crm-meta-webhook-grid,
.crm-meta-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; padding: 18px; border-top: 1px solid var(--crm-line); }
.crm-meta-webhook-grid { background: rgba(185,154,98,.025); }
.crm-meta-webhook-grid label,
.crm-meta-settings-grid label { display: grid; gap: 7px; }
.crm-meta-settings-grid label.is-wide { grid-column: 1 / -1; }
.crm-meta-webhook-grid span,
.crm-meta-settings-grid span { color: var(--crm-muted); font-size: 7px; letter-spacing: .14em; }
.crm-meta-webhook-grid input,
.crm-meta-settings-grid input { width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid var(--crm-line); background: #090908; color: var(--crm-cream); font-size: 10px; box-sizing: border-box; }
.crm-meta-webhook-grid input[readonly] { color: var(--crm-gold); cursor: text; }
.crm-meta-settings-form { border-top: 1px solid var(--crm-line); }
.crm-meta-settings-actions { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 0 18px 18px; }
.crm-meta-settings-actions small { max-width: 560px; color: var(--crm-muted); font-size: 8px; line-height: 1.5; }
.crm-meta-error { display: grid; grid-template-columns: auto 1fr; gap: 14px; padding: 12px 18px; border-top: 1px solid rgba(140,70,50,.35); background: rgba(140,70,50,.06); }
.crm-meta-error strong { color: #d0a18d; font-size: 7px; letter-spacing: .13em; }
.crm-meta-error span { color: var(--crm-muted); font-size: 8px; }
@media (max-width: 760px) {
  .crm-meta-webhook-grid,
  .crm-meta-settings-grid { grid-template-columns: 1fr; }
  .crm-meta-settings-grid label.is-wide { grid-column: auto; }
  .crm-meta-settings-actions { align-items: stretch; flex-direction: column; }
}

/* v89 — el panel ocupa el lienzo completo, igual en todas las vistas.
   Sin márgenes heredados del contenido de WordPress y sin hacks de 100vw. */
body:has(.murano-panel-page) {
    margin: 0 !important;
    background: #070706 !important;
    overflow-x: hidden;
}

.murano-panel-page {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #070706 !important;
    box-sizing: border-box;
}

.murano-panel-page > .murano-crm {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box;
}