:root {
    --orvian-cream: #f6f2ec;
    --orvian-cream-soft: #fbf8f4;
    --orvian-sand: #e8dcc6;
    --orvian-clay: #d48a6f;
    --orvian-clay-deep: #b9694f;
    --orvian-olive: #a7ad94;
    --orvian-olive-deep: #747b62;
    --orvian-earth: #6e5a4a;
    --orvian-ink: #302a26;
    --orvian-muted: #786f68;
    --orvian-line: rgba(86, 71, 59, .13);
    --orvian-line-strong: rgba(86, 71, 59, .22);
    --orvian-white: rgba(255, 253, 250, .94);
    --orvian-shadow: 0 28px 80px rgba(84, 65, 49, .13);
    --orvian-shadow-soft: 0 8px 28px rgba(84, 65, 49, .08);
    --orvian-serif: "Cormorant Garamond", "Iowan Old Style", Baskerville, Georgia, "Times New Roman", serif;
    --orvian-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html.orvian-app-mounted,
body.orvian-app-mounted {
    overflow: hidden !important;
    overscroll-behavior: none;
}

.orbian-shell,
.orbian-shell * {
    box-sizing: border-box;
}

.orbian-shell {
    position: fixed;
    inset: 0;
    z-index: 999990;
    width: 100vw;
    height: 100dvh;
    min-height: 100vh;
    overflow: hidden;
    color: var(--orvian-ink);
    background:
        radial-gradient(circle at 7% 4%, rgba(212, 138, 111, .09), transparent 25%),
        radial-gradient(circle at 93% 2%, rgba(167, 173, 148, .13), transparent 28%),
        linear-gradient(180deg, #fbf8f4 0%, var(--orvian-cream) 100%);
    font-family: var(--orvian-sans);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.admin-bar .orbian-shell {
    top: 32px;
    height: calc(100dvh - 32px);
    min-height: calc(100vh - 32px);
}

.orbian-shell button,
.orbian-shell textarea,
.orbian-shell input {
    font: inherit;
}

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

.orbian-shell button {
    cursor: pointer;
}

.orbian-shell button:focus-visible,
.orbian-shell textarea:focus-visible,
.orbian-shell input:focus-visible,
.orbian-shell a:focus-visible {
    outline: 3px solid rgba(212, 138, 111, .25);
    outline-offset: 3px;
}

.orbian-loading,
.orbian-consent,
.orbian-error {
    position: absolute;
    inset: 0;
    z-index: 70;
    display: grid;
    place-items: center;
    padding: 24px;
    background:
        radial-gradient(circle at 18% 12%, rgba(212, 138, 111, .11), transparent 32%),
        radial-gradient(circle at 84% 82%, rgba(167, 173, 148, .14), transparent 34%),
        rgba(246, 242, 236, .97);
    backdrop-filter: blur(16px);
}

.orbian-error { z-index: 75; }

.orbian-loading[hidden],
.orbian-consent[hidden],
.orbian-error[hidden],
.orbian-app[hidden],
.orvian-view[hidden],
.orbian-access[hidden],
.orbian-chat__form[hidden],
.orbian-loading__retry[hidden],
.orvian-menu[hidden],
.orvian-observation-modal[hidden],
.orvian-chat-shortcuts[hidden],
.orvian-home-section[hidden],
.orvian-library-empty[hidden],
.orvian-conversation-list[hidden],
.orvian-setting-row[hidden] {
    display: none !important;
}

.orbian-loading {
    align-content: center;
    gap: 13px;
    color: var(--orvian-muted);
    font-size: 14px;
}

.orvian-loading__mark {
    width: 78px;
    height: 78px;
    object-fit: contain;
    animation: orvian-breathe 1.9s ease-in-out infinite alternate;
}

.orbian-consent__card,
.orbian-error__card {
    width: min(540px, 100%);
    padding: clamp(30px, 5vw, 52px);
    border: 1px solid var(--orvian-line);
    border-radius: 30px;
    background: rgba(255, 253, 250, .94);
    box-shadow: var(--orvian-shadow);
}

.orvian-consent__brand {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 28px;
    color: var(--orvian-earth);
    font-family: var(--orvian-serif);
    font-size: 26px;
    line-height: 1;
}

.orvian-consent__mark {
    width: 45px;
    height: 45px;
    object-fit: contain;
}

.orbian-consent__card h2,
.orbian-error__card h3 {
    margin: 0 0 15px;
    font-family: var(--orvian-serif);
    font-size: clamp(37px, 5.2vw, 55px);
    font-weight: 500;
    line-height: .98;
    letter-spacing: -.035em;
}

.orbian-consent__card p,
.orbian-error__card p {
    margin: 0 0 20px;
    color: var(--orvian-muted);
    font-size: 15px;
    line-height: 1.72;
}

.orbian-consent__check {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 24px 0 14px;
    color: var(--orvian-ink);
    font-size: 14px;
    line-height: 1.5;
}

.orbian-consent__check input {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: var(--orvian-clay-deep);
}

.orbian-consent__card > a {
    display: inline-block;
    margin-bottom: 24px;
    color: var(--orvian-earth);
    font-size: 13px;
    text-underline-offset: 4px;
}

.orbian-button,
.orvian-secondary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 13px 23px;
    border-radius: 999px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 650;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease, background .18s ease;
}

.orbian-button {
    border: 0;
    background: var(--orvian-clay-deep);
    color: #fff !important;
    box-shadow: 0 8px 24px rgba(185, 105, 79, .22);
}

.orvian-secondary-button {
    border: 1px solid var(--orvian-line-strong);
    background: rgba(255, 253, 250, .85);
    color: var(--orvian-earth);
}

.orvian-secondary-button.is-saved {
    background: rgba(167, 173, 148, .2);
    border-color: rgba(116, 123, 98, .32);
}

.orbian-button:hover,
.orvian-secondary-button:hover {
    transform: translateY(-1px);
}

.orbian-button:disabled {
    cursor: not-allowed;
    opacity: .42;
    transform: none;
}

.orvian-app {
    width: 100%;
    height: 100%;
}

.orvian-app__surface {
    position: relative;
    width: min(100%, 1180px);
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: rgba(251, 248, 244, .72);
    box-shadow: 0 0 90px rgba(84, 65, 49, .06);
}

.orvian-views {
    position: absolute;
    inset: 0 0 calc(72px + env(safe-area-inset-bottom, 0px)) 0;
    overflow: hidden;
}

.orvian-view {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateY(5px);
}

.orvian-view.is-active {
    opacity: 1;
    transform: none;
    animation: orvian-view-in .22s ease both;
}

.orvian-scroll-area {
    width: 100%;
    height: 100%;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(110, 90, 74, .18) transparent;
}

.orvian-page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: min(100%, 920px);
    margin: 0 auto;
    padding: clamp(26px, 4.2vh, 46px) clamp(20px, 5vw, 58px) 20px;
}

.orvian-page-header h1 {
    margin: 0;
    font-family: var(--orvian-serif);
    font-size: clamp(46px, 6vw, 72px);
    font-weight: 500;
    line-height: .95;
    letter-spacing: -.04em;
}

.orvian-page-header p {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 0 0;
    color: var(--orvian-muted);
    font-size: 14px;
}

.orvian-page-header--home p span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--orvian-olive);
    box-shadow: 0 0 0 4px rgba(167, 173, 148, .11);
}

.orvian-profile-button,
.orvian-icon-button {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid var(--orvian-line);
    border-radius: 50%;
    background: rgba(255, 253, 250, .74);
    color: var(--orvian-earth);
}

.orvian-profile-button svg,
.orvian-icon-button svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.orvian-home-content,
.orvian-library-content,
.orvian-space-content {
    width: min(100%, 920px);
    margin: 0 auto;
    padding: 0 clamp(20px, 5vw, 58px) 56px;
}

.orvian-hero {
    position: relative;
    min-height: clamp(300px, 43vh, 435px);
    overflow: hidden;
    border: 1px solid rgba(126, 103, 84, .1);
    border-radius: 36px;
    background:
        radial-gradient(circle at 76% 24%, rgba(212, 138, 111, .78) 0 10%, transparent 10.4%),
        linear-gradient(145deg, rgba(245, 233, 216, .96), rgba(247, 239, 228, .84));
    box-shadow: var(--orvian-shadow-soft);
}

.orvian-hero__content {
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: inherit;
    padding: clamp(34px, 6vw, 66px);
}

.orvian-hero h2 {
    max-width: 520px;
    margin: 0 0 32px;
    font-family: var(--orvian-serif);
    font-size: clamp(44px, 6.4vw, 76px);
    font-weight: 500;
    line-height: .95;
    letter-spacing: -.045em;
}

.orvian-hero__button {
    min-width: 210px;
}

.orvian-hero__landscape,
.orvian-space-banner__landscape {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.orvian-hero__landscape::before,
.orvian-hero__landscape::after,
.orvian-space-banner__landscape::before,
.orvian-space-banner__landscape::after {
    content: "";
    position: absolute;
    left: -8%;
    right: -8%;
    bottom: -16%;
    height: 49%;
    border-radius: 50% 50% 0 0 / 70% 70% 0 0;
    transform: rotate(-4deg);
}

.orvian-hero__landscape::before,
.orvian-space-banner__landscape::before {
    bottom: -7%;
    background: rgba(227, 207, 180, .7);
}

.orvian-hero__landscape::after,
.orvian-space-banner__landscape::after {
    left: 44%;
    bottom: -15%;
    background: rgba(151, 157, 130, .72);
    transform: rotate(7deg);
}

.orvian-hero__landscape i {
    position: absolute;
    right: 13%;
    bottom: 17%;
    z-index: 2;
    width: 3px;
    height: 45%;
    border-radius: 99px;
    background: rgba(88, 91, 69, .7);
    transform: rotate(-8deg);
    transform-origin: bottom;
}

.orvian-hero__landscape i::before,
.orvian-hero__landscape i::after,
.orvian-hero__landscape b::before,
.orvian-hero__landscape b::after {
    content: "";
    position: absolute;
    width: 42px;
    height: 13px;
    border-radius: 100% 0 100% 0;
    background: rgba(99, 105, 78, .65);
    transform: rotate(-28deg);
}

.orvian-hero__landscape i::before { left: -35px; top: 35%; }
.orvian-hero__landscape i::after { left: 4px; top: 51%; transform: rotate(28deg) scaleX(-1); }
.orvian-hero__landscape b { position: absolute; right: 16%; bottom: 31%; z-index: 2; width: 2px; height: 25%; background: rgba(88, 91, 69, .62); transform: rotate(17deg); }
.orvian-hero__landscape b::before { left: -34px; top: 17%; }
.orvian-hero__landscape b::after { left: 2px; top: 45%; transform: rotate(29deg) scaleX(-1); }

.orvian-home-section {
    margin-top: 34px;
}

.orvian-section-heading h2,
.orvian-settings-card h2 {
    margin: 0 0 17px;
    font-family: var(--orvian-serif);
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
}

.orvian-explore-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.orvian-explore-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 190px;
    padding: 22px;
    border: 1px solid var(--orvian-line);
    border-radius: 26px;
    background: rgba(255, 253, 250, .68);
    color: var(--orvian-ink);
    box-shadow: 0 10px 28px rgba(84, 65, 49, .05);
    text-align: left;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.orvian-explore-card:hover {
    transform: translateY(-2px);
    background: rgba(255, 253, 250, .92);
    box-shadow: var(--orvian-shadow-soft);
}

.orvian-explore-card__icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-bottom: 22px;
    border-radius: 50%;
    background: rgba(167, 173, 148, .19);
    color: var(--orvian-olive-deep);
}

.orvian-explore-card__icon--clay {
    background: rgba(212, 138, 111, .19);
    color: var(--orvian-clay-deep);
}

.orvian-explore-card__icon svg {
    width: 29px;
    height: 29px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.orvian-explore-card strong {
    display: block;
    margin-bottom: 8px;
    font-family: var(--orvian-serif);
    font-size: 25px;
    font-weight: 600;
    line-height: 1.02;
}

.orvian-explore-card small {
    color: var(--orvian-muted);
    font-size: 13px;
    line-height: 1.45;
}

.orvian-resume-card {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 94px;
    padding: 15px 18px;
    border: 1px solid var(--orvian-line);
    border-radius: 25px;
    background: rgba(255, 253, 250, .72);
    color: var(--orvian-ink);
    text-align: left;
}

.orvian-resume-card__mark {
    flex: 0 0 62px;
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: rgba(167, 173, 148, .16);
}

.orvian-resume-card__mark img { width: 52px; height: 52px; object-fit: contain; }
.orvian-resume-card__copy { display: flex; flex: 1; flex-direction: column; min-width: 0; padding: 0 17px; }
.orvian-resume-card__copy strong { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.orvian-resume-card__copy small { margin-top: 5px; color: var(--orvian-muted); font-size: 12px; }
.orvian-resume-card__action { flex: 0 0 auto; padding: 10px 19px; border: 1px solid rgba(185, 105, 79, .38); border-radius: 999px; color: var(--orvian-clay-deep); font-size: 13px; }

/* Conversación */
.orbian-chat {
    display: flex;
    flex-direction: column;
    width: min(100%, 920px);
    height: 100%;
    margin: 0 auto;
    background: rgba(251, 248, 244, .3);
}

.orbian-chat__header {
    position: relative;
    z-index: 12;
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 48px 1fr 48px;
    align-items: center;
    min-height: 92px;
    padding: 16px clamp(18px, 5vw, 54px);
    border-bottom: 1px solid var(--orvian-line);
    background: rgba(251, 248, 244, .88);
    backdrop-filter: blur(18px);
}

.orvian-chat-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    padding-left: 13px;
}

.orvian-chat-heading strong {
    overflow: hidden;
    max-width: 100%;
    font-family: var(--orvian-serif);
    font-size: 35px;
    font-weight: 500;
    line-height: .95;
    letter-spacing: -.03em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orvian-chat-heading small {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 7px;
    color: var(--orvian-muted);
    font-size: 12px;
}

.orvian-chat-heading small i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--orvian-olive);
    box-shadow: 0 0 0 4px rgba(167, 173, 148, .11);
}

.orvian-actions { position: relative; }
.orvian-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 230px;
    overflow: hidden;
    padding: 7px;
    border: 1px solid var(--orvian-line);
    border-radius: 18px;
    background: rgba(255, 253, 250, .98);
    box-shadow: 0 18px 48px rgba(70, 53, 42, .16);
    transform-origin: top right;
    animation: orvian-menu-in .16s ease-out both;
}

.orvian-menu button {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    padding: 11px 12px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: var(--orvian-ink);
    text-align: left;
    font-size: 13px;
}
.orvian-menu button:hover { background: rgba(232, 220, 198, .36); }
.orvian-menu button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.orvian-menu__danger { color: #a65448 !important; }

.orbian-chat__messages {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 28px clamp(18px, 5vw, 54px) 22px;
    scrollbar-width: thin;
    scrollbar-color: rgba(110, 90, 74, .18) transparent;
}

.orvian-chat-welcome {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    max-width: 590px;
    margin-top: 10px;
}

.orvian-chat-welcome__avatar,
.orbian-message__avatar {
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(167, 173, 148, .15);
}

.orvian-chat-welcome__avatar img,
.orbian-message__avatar img {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.orvian-chat-welcome > div {
    padding: 18px 20px;
    border: 1px solid var(--orvian-line);
    border-radius: 8px 24px 24px 24px;
    background: rgba(255, 253, 250, .84);
    box-shadow: var(--orvian-shadow-soft);
}

.orvian-chat-welcome strong { display: block; font-family: var(--orvian-serif); font-size: 24px; font-weight: 600; }
.orvian-chat-welcome p { margin: 6px 0 0; color: var(--orvian-muted); font-size: 14px; line-height: 1.55; }

.orbian-message {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin: 0 0 18px;
    animation: orvian-message-in .2s ease both;
}

.orbian-message--assistant { justify-content: flex-start; gap: 11px; }
.orbian-message--user { justify-content: flex-end; }

.orbian-message__bubble {
    max-width: min(74%, 620px);
    padding: 16px 19px;
    border: 1px solid var(--orvian-line);
    border-radius: 22px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-size: 15px;
    line-height: 1.62;
}

.orbian-message--assistant .orbian-message__bubble {
    border-top-left-radius: 7px;
    background: rgba(255, 253, 250, .86);
    box-shadow: 0 8px 22px rgba(84, 65, 49, .055);
}

.orbian-message--user .orbian-message__bubble {
    border-color: rgba(212, 138, 111, .2);
    border-top-right-radius: 7px;
    background: linear-gradient(145deg, rgba(239, 211, 193, .84), rgba(247, 226, 211, .76));
}

.orbian-message--system {
    justify-content: center;
    margin: 17px auto;
    color: var(--orvian-muted);
    font-size: 12px;
    text-align: center;
}

.orbian-message.is-pending { opacity: .65; }
.orbian-message.is-failed .orbian-message__bubble { border-color: rgba(165, 77, 66, .42); }

.orbian-message--thinking .orbian-message__avatar { background: rgba(167, 173, 148, .11); }
.orbian-message--thinking .orbian-message__bubble { display: flex; gap: 5px; min-width: 65px; }
.orbian-message--thinking .orbian-message__bubble span { width: 7px; height: 7px; border-radius: 50%; background: var(--orvian-olive); animation: orvian-dot 1.1s ease-in-out infinite; }
.orbian-message--thinking .orbian-message__bubble span:nth-child(2) { animation-delay: .15s; }
.orbian-message--thinking .orbian-message__bubble span:nth-child(3) { animation-delay: .3s; }

.orvian-composer-wrap {
    flex: 0 0 auto;
    padding: 12px clamp(18px, 5vw, 54px) calc(18px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--orvian-line);
    background: rgba(251, 248, 244, .92);
    backdrop-filter: blur(18px);
}

.orvian-chat-shortcuts {
    display: flex;
    gap: 9px;
    margin-bottom: 10px;
    overflow-x: auto;
    scrollbar-width: none;
}
.orvian-chat-shortcuts::-webkit-scrollbar { display: none; }
.orvian-chat-shortcuts button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 8px 13px;
    border: 1px solid var(--orvian-line);
    border-radius: 999px;
    background: rgba(255, 253, 250, .68);
    color: var(--orvian-muted);
    font-size: 12px;
}

.orbian-chat__form {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    width: 100%;
    padding: 7px 8px 7px 17px;
    border: 1px solid var(--orvian-line-strong);
    border-radius: 25px;
    background: rgba(255, 253, 250, .86);
    box-shadow: 0 9px 26px rgba(84, 65, 49, .055);
}

.orbian-chat__form textarea {
    flex: 1;
    min-width: 0;
    min-height: 42px;
    max-height: 150px;
    padding: 10px 0 8px;
    resize: none;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: var(--orvian-ink);
    box-shadow: none !important;
    font-size: 15px;
    line-height: 1.45;
}

.orbian-chat__form textarea::placeholder { color: rgba(120, 111, 104, .72); }
.orbian-send {
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--orvian-clay-deep);
    color: white;
    box-shadow: 0 6px 18px rgba(185, 105, 79, .24);
}
.orbian-send svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.orbian-send:disabled { opacity: .48; }

.orbian-access {
    padding: 15px 24px;
    border-top: 1px solid var(--orvian-line);
    background: rgba(246, 242, 236, .94);
    text-align: center;
}
.orbian-access p { margin: 0 0 10px; color: var(--orvian-muted); font-size: 13px; }

/* Biblioteca */
.orvian-search {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 55px;
    padding: 0 17px;
    border: 1px solid var(--orvian-line);
    border-radius: 25px;
    background: rgba(255, 253, 250, .72);
}
.orvian-search svg { flex: 0 0 22px; width: 22px; height: 22px; fill: none; stroke: var(--orvian-muted); stroke-width: 1.6; stroke-linecap: round; }
.orvian-search input { width: 100%; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--orvian-ink); font-size: 14px; }

.orvian-filter-row {
    display: flex;
    gap: 9px;
    margin: 17px 0 22px;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
}
.orvian-filter-row::-webkit-scrollbar { display: none; }
.orvian-filter-row button {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 8px 17px;
    border: 1px solid var(--orvian-line);
    border-radius: 999px;
    background: rgba(255, 253, 250, .58);
    color: var(--orvian-muted);
    font-size: 13px;
}
.orvian-filter-row button.is-active { border-color: transparent; background: var(--orvian-clay-deep); color: white; }

.orvian-observation-list { display: grid; gap: 14px; }
.orvian-observation-card {
    position: relative;
    display: grid;
    grid-template-columns: 116px 1fr auto;
    align-items: center;
    min-height: 132px;
    overflow: hidden;
    padding: 0 22px 0 0;
    border: 1px solid var(--orvian-line);
    border-radius: 25px;
    background: rgba(255, 253, 250, .72);
    color: var(--orvian-ink);
    text-align: left;
    box-shadow: 0 9px 27px rgba(84, 65, 49, .045);
    transition: transform .18s ease, background .18s ease;
}
.orvian-observation-card:hover { transform: translateY(-1px); background: rgba(255, 253, 250, .94); }
.orvian-observation-card.is-saved::after { content: ""; position: absolute; top: 13px; right: 13px; width: 7px; height: 7px; border-radius: 50%; background: var(--orvian-clay); }
.orvian-observation-card__copy { min-width: 0; padding: 16px 22px; }
.orvian-observation-card__copy strong { display: block; margin-bottom: 8px; font-family: var(--orvian-serif); font-size: 27px; font-weight: 600; line-height: 1.04; }
.orvian-observation-card__copy small { display: block; color: var(--orvian-muted); font-size: 12px; line-height: 1.35; }
.orvian-observation-card__open { align-self: end; padding-bottom: 23px; color: var(--orvian-clay-deep); font-size: 13px; white-space: nowrap; }
.orvian-observation-card__open b { margin-left: 5px; font-size: 17px; font-weight: 400; }

.orvian-observation-art {
    position: relative;
    align-self: stretch;
    overflow: hidden;
    background: linear-gradient(145deg, rgba(244, 225, 205, .88), rgba(238, 232, 216, .86));
}
.orvian-observation-art::before,
.orvian-observation-art::after { content: ""; position: absolute; border-radius: 50%; }
.orvian-observation-art::before { width: 54px; height: 54px; left: 22px; top: 22px; background: rgba(212, 138, 111, .72); }
.orvian-observation-art::after { width: 145px; height: 80px; left: -24px; bottom: -42px; background: rgba(167, 173, 148, .64); transform: rotate(8deg); }
.orvian-observation-art i { position: absolute; z-index: 2; left: 67px; bottom: 15px; width: 2px; height: 62px; background: rgba(86, 90, 66, .67); transform: rotate(-10deg); }
.orvian-observation-art i::before,
.orvian-observation-art i::after { content: ""; position: absolute; width: 25px; height: 9px; border-radius: 100% 0; background: rgba(96, 101, 73, .62); }
.orvian-observation-art i::before { left: -21px; top: 20px; transform: rotate(-26deg); }
.orvian-observation-art i::after { left: 2px; top: 36px; transform: rotate(26deg) scaleX(-1); }
.orvian-observation-art--branch::before { background: rgba(167, 173, 148, .5); }
.orvian-observation-art--hills::before { width: 25px; height: 25px; left: 64px; top: 23px; background: rgba(222, 178, 111, .7); }
.orvian-observation-art--hills i { display: none; }
.orvian-observation-art--leaves::before { background: rgba(116, 123, 98, .35); }
.orvian-observation-art--moon::before { background: rgba(232, 210, 172, .72); }
.orvian-observation-art--path::after { background: rgba(212, 138, 111, .5); }

.orvian-library-empty { padding: 45px 20px; color: var(--orvian-muted); text-align: center; font-size: 14px; }
.orvian-collection-card {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    align-items: center;
    gap: 13px;
    width: 100%;
    min-height: 94px;
    margin-top: 20px;
    padding: 15px 18px;
    border: 1px solid rgba(212, 138, 111, .16);
    border-radius: 25px;
    background: linear-gradient(135deg, rgba(244, 225, 205, .6), rgba(255, 253, 250, .78));
    color: var(--orvian-ink);
    text-align: left;
}
.orvian-collection-card > span:first-child { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 253, 250, .72); color: var(--orvian-clay-deep); font-size: 24px; }
.orvian-collection-card > span:nth-child(2) { display: flex; flex-direction: column; }
.orvian-collection-card strong { font-family: var(--orvian-serif); font-size: 22px; font-weight: 600; }
.orvian-collection-card small { margin-top: 4px; color: var(--orvian-muted); font-size: 11px; line-height: 1.4; }
.orvian-collection-card small b { font-weight: 700; }
.orvian-collection-card em { padding: 9px 15px; border: 1px solid rgba(185, 105, 79, .35); border-radius: 999px; color: var(--orvian-clay-deep); font-size: 12px; font-style: normal; }

/* Mi espacio */
.orvian-space-settings { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--orvian-line); border-radius: 50%; color: var(--orvian-muted); font-size: 26px; }
.orvian-space-banner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 17px;
    min-height: 155px;
    overflow: hidden;
    padding: 25px 28px;
    border: 1px solid var(--orvian-line);
    border-radius: 29px;
    background: linear-gradient(145deg, rgba(244, 225, 205, .62), rgba(246, 238, 226, .8));
}
.orvian-space-banner__mark { position: relative; z-index: 3; flex: 0 0 68px; display: grid; place-items: center; width: 68px; height: 68px; border-radius: 50%; background: rgba(255, 253, 250, .62); }
.orvian-space-banner__mark img { width: 58px; height: 58px; object-fit: contain; }
.orvian-space-banner > div:nth-child(2) { position: relative; z-index: 3; display: flex; flex-direction: column; }
.orvian-space-banner strong { font-family: var(--orvian-serif); font-size: 27px; font-weight: 600; }
.orvian-space-banner small { margin-top: 5px; color: var(--orvian-muted); font-size: 13px; }
.orvian-space-banner em { display: inline-flex; align-items: center; gap: 7px; align-self: flex-start; margin-top: 12px; padding: 6px 11px; border-radius: 999px; background: rgba(167, 173, 148, .18); color: var(--orvian-olive-deep); font-size: 11px; font-style: normal; }
.orvian-space-banner em i { width: 7px; height: 7px; border-radius: 50%; background: var(--orvian-olive); }
.orvian-space-banner__landscape::before,
.orvian-space-banner__landscape::after { height: 48%; }

.orvian-settings-card {
    margin-top: 17px;
    padding: 22px;
    border: 1px solid var(--orvian-line);
    border-radius: 25px;
    background: rgba(255, 253, 250, .65);
}
.orvian-settings-card h2 { margin-bottom: 13px; font-size: 25px; }
.orvian-setting-row {
    display: grid;
    grid-template-columns: 43px 1fr auto;
    align-items: center;
    width: 100%;
    min-height: 63px;
    padding: 8px 7px;
    border: 0;
    border-top: 1px solid var(--orvian-line);
    background: transparent;
    color: var(--orvian-ink);
    text-align: left;
    text-decoration: none !important;
}
.orvian-settings-card .orvian-setting-row:first-of-type { border-top: 0; }
.orvian-setting-icon { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 50%; background: rgba(232, 220, 198, .46); color: var(--orvian-earth); font-size: 15px; }
.orvian-setting-icon img { width: 31px; height: 31px; object-fit: contain; }
.orvian-setting-icon--clay { background: rgba(212, 138, 111, .17); color: var(--orvian-clay-deep); }
.orvian-setting-icon--olive { background: rgba(167, 173, 148, .2); color: var(--orvian-olive-deep); }
.orvian-setting-row > span:nth-child(2) { display: flex; flex-direction: column; }
.orvian-setting-row strong { font-size: 14px; font-weight: 600; }
.orvian-setting-row small { margin-top: 3px; color: var(--orvian-muted); font-size: 11px; }
.orvian-setting-row small em { font-style: normal; }
.orvian-setting-row > b { color: var(--orvian-muted); font-size: 24px; font-weight: 300; }
.orvian-setting-row--danger strong { color: #9b554a; }
.orvian-setting-row--static { cursor: default; }

.orvian-conversation-list {
    margin: 4px 0 8px 45px;
    overflow: hidden;
    border: 1px solid var(--orvian-line);
    border-radius: 16px;
    background: rgba(246, 242, 236, .56);
}
.orvian-conversation-item { display: grid; grid-template-columns: 1fr auto; align-items: center; width: 100%; min-height: 58px; padding: 10px 14px; border: 0; border-top: 1px solid var(--orvian-line); background: transparent; color: var(--orvian-ink); text-align: left; }
.orvian-conversation-item:first-child { border-top: 0; }
.orvian-conversation-item span { display: flex; flex-direction: column; min-width: 0; }
.orvian-conversation-item strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.orvian-conversation-item small { margin-top: 4px; color: var(--orvian-muted); font-size: 10px; }
.orvian-conversation-item b { color: var(--orvian-muted); font-size: 18px; font-weight: 300; }
.orvian-conversation-list__empty { margin: 0; padding: 18px; color: var(--orvian-muted); font-size: 12px; text-align: center; }

/* Navegación */
.orvian-tabbar {
    position: absolute;
    z-index: 30;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: calc(72px + env(safe-area-inset-bottom, 0px));
    padding: 8px max(10px, env(safe-area-inset-right, 0px)) env(safe-area-inset-bottom, 0px) max(10px, env(safe-area-inset-left, 0px));
    border-top: 1px solid var(--orvian-line);
    background: rgba(251, 248, 244, .94);
    backdrop-filter: blur(20px);
}
.orvian-tabbar button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(90, 81, 74, .72);
    font-size: 11px;
}
.orvian-tabbar button.is-active { color: var(--orvian-clay-deep); }
.orvian-tabbar svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.orvian-tabbar button.is-active svg { stroke-width: 1.85; }

/* Modal de observación */
.orvian-observation-modal {
    position: absolute;
    inset: 0;
    z-index: 60;
    display: grid;
    place-items: end center;
    padding: 24px;
}
.orvian-observation-modal__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(53, 43, 36, .25); backdrop-filter: blur(7px); }
.orvian-observation-modal__card {
    position: relative;
    z-index: 2;
    width: min(620px, 100%);
    max-height: min(82vh, 760px);
    overflow: auto;
    padding: clamp(28px, 6vw, 50px);
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 32px;
    background: rgba(255, 253, 250, .97);
    box-shadow: 0 30px 100px rgba(57, 45, 37, .26);
    animation: orvian-sheet-in .25s ease both;
}
.orvian-observation-modal__close { position: absolute; top: 18px; right: 18px; display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--orvian-line); border-radius: 50%; background: transparent; color: var(--orvian-muted); font-size: 24px; font-weight: 300; }
.orvian-observation-modal__eyebrow { color: var(--orvian-clay-deep); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.orvian-observation-modal h2 { margin: 18px 0 20px; font-family: var(--orvian-serif); font-size: clamp(38px, 7vw, 58px); font-weight: 500; line-height: .98; letter-spacing: -.04em; }
.orvian-observation-modal p { margin: 0; color: var(--orvian-muted); font-size: 15px; line-height: 1.72; }
.orvian-observation-modal blockquote { margin: 30px 0 0; padding: 24px 0 0; border: 0; border-top: 1px solid var(--orvian-line); color: var(--orvian-earth); font-family: var(--orvian-serif); font-size: clamp(29px, 5vw, 42px); font-style: normal; line-height: 1.08; }
.orvian-observation-modal__actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 32px; }

@keyframes orvian-view-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@keyframes orvian-breathe { from { transform: scale(.96); opacity: .76; } to { transform: scale(1.04); opacity: 1; } }
@keyframes orvian-menu-in { from { opacity: 0; transform: translateY(-5px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes orvian-message-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@keyframes orvian-dot { 0%, 60%, 100% { transform: translateY(0); opacity: .45; } 30% { transform: translateY(-4px); opacity: 1; } }
@keyframes orvian-sheet-in { from { opacity: 0; transform: translateY(25px); } to { opacity: 1; transform: none; } }

@media (max-width: 782px) {
    body.admin-bar .orbian-shell {
        top: 46px;
        height: calc(100dvh - 46px);
        min-height: calc(100vh - 46px);
    }
}

@media (max-width: 720px) {
    .orvian-page-header { padding: 24px 20px 17px; }
    .orvian-page-header h1 { font-size: 48px; }
    .orvian-home-content,
    .orvian-library-content,
    .orvian-space-content { padding: 0 16px 42px; }
    .orvian-hero { min-height: 330px; border-radius: 28px; }
    .orvian-hero__content { justify-content: flex-start; padding: 40px 28px; }
    .orvian-hero h2 { font-size: 49px; }
    .orvian-hero__landscape i { right: 17%; bottom: 13%; height: 37%; }
    .orvian-explore-grid { gap: 9px; }
    .orvian-explore-card { min-height: 164px; padding: 16px 13px; border-radius: 21px; }
    .orvian-explore-card__icon { width: 43px; height: 43px; margin-bottom: 17px; }
    .orvian-explore-card__icon svg { width: 24px; height: 24px; }
    .orvian-explore-card strong { font-size: 19px; }
    .orvian-explore-card small { font-size: 11px; }
    .orbian-chat__header { min-height: 82px; padding: 13px 16px; }
    .orvian-chat-heading strong { font-size: 31px; }
    .orbian-chat__messages { padding: 22px 15px 18px; }
    .orbian-message__bubble { max-width: 82%; padding: 14px 16px; font-size: 14px; }
    .orvian-chat-welcome__avatar,
    .orbian-message__avatar { flex-basis: 42px; width: 42px; height: 42px; }
    .orvian-chat-welcome__avatar img,
    .orbian-message__avatar img { width: 37px; height: 37px; }
    .orvian-composer-wrap { padding: 9px 13px calc(12px + env(safe-area-inset-bottom, 0px)); }
    .orvian-observation-card { grid-template-columns: 88px 1fr; min-height: 115px; padding-right: 13px; }
    .orvian-observation-card__copy { padding: 13px 14px; }
    .orvian-observation-card__copy strong { font-size: 22px; }
    .orvian-observation-card__open { display: none; }
    .orvian-collection-card { grid-template-columns: 44px 1fr; }
    .orvian-collection-card em { display: none; }
    .orvian-space-banner { min-height: 138px; padding: 20px; }
    .orvian-settings-card { padding: 18px 14px; }
    .orvian-observation-modal { padding: 13px; }
    .orvian-observation-modal__card { border-radius: 27px; }
}

@media (max-width: 470px) {
    .orvian-explore-card small { display: none; }
    .orvian-explore-card { min-height: 143px; }
    .orvian-explore-card strong { font-size: 17px; }
    .orvian-resume-card__action { padding: 8px 13px; }
    .orvian-observation-modal__actions { flex-direction: column-reverse; }
    .orvian-observation-modal__actions > * { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .orbian-shell *,
    .orbian-shell *::before,
    .orbian-shell *::after {
        scroll-behavior: auto !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }
}

/* Orbian 0.4.0 — experiencia freemium y arquitectura de inicio */
.orvian-home-content { max-width: 980px; padding-bottom: 132px; }
.orvian-home-resume { margin: 0 0 22px; }
.orvian-start-card {
    position: relative;
    overflow: hidden;
    padding: clamp(28px, 5vw, 54px);
    border: 1px solid var(--orvian-line);
    border-radius: 34px;
    background: rgba(255, 253, 250, .87);
    box-shadow: var(--orvian-shadow-soft);
}
.orvian-start-card__copy { position: relative; z-index: 2; max-width: 690px; }
.orvian-eyebrow { display: inline-block; margin-bottom: 12px; color: var(--orvian-clay-deep); font-size: 12px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.orvian-start-card h2 { margin: 0; max-width: 720px; font-family: var(--orvian-serif); font-size: clamp(42px, 7vw, 76px); font-weight: 500; line-height: .95; letter-spacing: -.045em; }
.orvian-start-card__copy > p { max-width: 640px; margin: 20px 0 26px; color: var(--orvian-muted); font-size: 16px; line-height: 1.65; }
.orvian-start-card__landscape { position: absolute; inset: auto -80px -90px auto; width: 390px; height: 270px; opacity: .8; pointer-events: none; }
.orvian-start-card__landscape::before { content: ""; position: absolute; width: 104px; height: 104px; right: 80px; top: 10px; border-radius: 50%; background: rgba(212, 138, 111, .62); }
.orvian-start-card__landscape i,.orvian-start-card__landscape b,.orvian-start-card__landscape em,.orvian-start-card__landscape span { position: absolute; left: 0; right: 0; bottom: 0; border-radius: 52% 48% 0 0; }
.orvian-start-card__landscape i { height: 130px; background: #d9d6c5; transform: translateX(25px) rotate(-4deg); }
.orvian-start-card__landscape b { height: 92px; background: #b4b59a; transform: translateX(-45px) rotate(3deg); }
.orvian-start-card__landscape em { height: 61px; background: #d9a18c; transform: translateX(50px); }
.orvian-start-card__landscape span { height: 32px; background: #efe0cc; }

.orvian-home-composer {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: flex-end;
    gap: 10px;
    width: min(720px, 100%);
    padding: 9px 10px 9px 18px;
    border: 1px solid rgba(86, 71, 59, .18);
    border-radius: 24px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 12px 34px rgba(84, 65, 49, .09);
}
.orvian-home-composer textarea { flex: 1; min-height: 54px; max-height: 180px; padding: 13px 0; border: 0; outline: 0; resize: none; background: transparent; color: var(--orvian-ink); font-size: 16px; line-height: 1.5; }
.orvian-home-composer .orbian-send { flex: 0 0 auto; margin-bottom: 2px; }
.orvian-start-card__reassurance { position: relative; z-index: 2; display: block; margin: 11px 4px 0; color: var(--orvian-muted); font-size: 12px; }
.orvian-start-suggestions { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; max-width: 760px; }
.orvian-start-suggestions > span { width: 100%; color: var(--orvian-muted); font-size: 12px; }
.orvian-start-suggestions button { padding: 9px 12px; border: 1px solid var(--orvian-line); border-radius: 999px; background: rgba(246, 242, 236, .8); color: var(--orvian-earth); font-size: 12px; text-align: left; }
.orvian-start-suggestions button:hover { border-color: rgba(185, 105, 79, .35); background: #fffaf6; }

.orvian-featured-observation { display: grid; grid-template-columns: 92px 1fr auto; align-items: center; gap: 18px; width: 100%; padding: 18px; border: 1px solid var(--orvian-line); border-radius: 26px; background: rgba(255, 253, 250, .84); color: inherit; text-align: left; box-shadow: var(--orvian-shadow-soft); }
.orvian-featured-observation > span:nth-child(2) { display: grid; gap: 5px; }
.orvian-featured-observation small { color: var(--orvian-clay-deep); font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.orvian-featured-observation strong { font-family: var(--orvian-serif); font-size: clamp(23px, 3vw, 33px); font-weight: 550; line-height: 1.05; }
.orvian-featured-observation em { color: var(--orvian-muted); font-size: 13px; font-style: normal; }
.orvian-featured-observation > b { color: var(--orvian-clay-deep); font-size: 25px; }

.orvian-how-it-works { padding-bottom: 12px; }
.orvian-process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.orvian-process-grid article { padding: 20px; border: 1px solid var(--orvian-line); border-radius: 22px; background: rgba(255, 253, 250, .62); }
.orvian-process-grid article > b { display: grid; place-items: center; width: 29px; height: 29px; margin-bottom: 14px; border-radius: 50%; background: rgba(212, 138, 111, .15); color: var(--orvian-clay-deep); font-size: 12px; }
.orvian-process-grid strong { display: block; font-size: 14px; }
.orvian-process-grid p { margin: 6px 0 0; color: var(--orvian-muted); font-size: 13px; line-height: 1.5; }

.orvian-library-intro { max-width: 650px; margin: -2px 0 20px; color: var(--orvian-muted); font-size: 14px; line-height: 1.65; }
.orvian-observation-card.is-continuous .orvian-observation-card__open i { display: inline-flex; margin-right: 6px; padding: 3px 7px; border-radius: 999px; background: rgba(167, 173, 148, .18); color: var(--orvian-olive-deep); font-size: 9px; font-style: normal; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.orvian-observation-card.is-locked { opacity: .78; }
.orvian-observation-card.is-locked::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(90deg, transparent 65%, rgba(246,242,236,.35)); }

.orvian-modal-scene { padding: 14px 16px; border-left: 3px solid rgba(212, 138, 111, .45); background: rgba(246, 242, 236, .62); color: var(--orvian-earth) !important; font-size: 14px !important; line-height: 1.65 !important; }
.orvian-modal-body { display: grid; gap: 13px; margin: 18px 0; }
.orvian-modal-body p { margin: 0; color: var(--orvian-muted); font-size: 15px; line-height: 1.72; }
.orvian-observation-modal__locked { margin: 20px 0 0; padding: 18px; border: 1px solid rgba(167, 173, 148, .3); border-radius: 18px; background: rgba(167, 173, 148, .1); }
.orvian-observation-modal__locked strong { display: block; margin-bottom: 6px; }
.orvian-observation-modal__locked p { margin: 0; color: var(--orvian-muted); font-size: 13px; line-height: 1.55; }

.orvian-origin-banner { display: flex; align-items: center; gap: 10px; padding: 10px clamp(16px, 4vw, 30px); border-bottom: 1px solid var(--orvian-line); background: rgba(232, 220, 198, .33); }
.orvian-origin-banner > span { color: var(--orvian-muted); font-size: 11px; }
.orvian-origin-banner strong { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.orvian-origin-banner button { width: 28px; height: 28px; border: 0; border-radius: 50%; background: rgba(86, 71, 59, .08); color: var(--orvian-earth); }
.orvian-origin-banner[hidden], .orvian-observation-modal__locked[hidden], .orvian-home-composer[hidden] { display: none !important; }

.orvian-access-card { width: min(560px, calc(100% - 32px)); margin: 16px auto 22px; padding: 24px; border: 1px solid var(--orvian-line); border-radius: 24px; background: rgba(255, 253, 250, .94); box-shadow: var(--orvian-shadow-soft); text-align: center; }
.orvian-access-card > span { color: var(--orvian-clay-deep); font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.orvian-access-card h3 { margin: 9px 0 8px; font-family: var(--orvian-serif); font-size: 31px; font-weight: 500; line-height: 1; }
.orvian-access-card p { margin: 0 auto 18px; max-width: 430px; color: var(--orvian-muted); font-size: 13px; line-height: 1.55; }

.orvian-plan-card { padding: 22px; border: 1px solid rgba(167, 173, 148, .32); border-radius: 22px; background: linear-gradient(135deg, rgba(167, 173, 148, .12), rgba(255,253,250,.9)); }
.orvian-plan-card__badge { display: inline-flex; padding: 5px 9px; border-radius: 999px; background: rgba(167, 173, 148, .22); color: var(--orvian-olive-deep); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.orvian-plan-card > strong { display: block; margin: 11px 0 5px; font-family: var(--orvian-serif); font-size: 29px; font-weight: 550; }
.orvian-plan-card > p { margin: 0 0 16px; color: var(--orvian-muted); font-size: 13px; line-height: 1.55; }

@media (max-width: 720px) {
    .orvian-home-content { padding: 14px 14px 116px; }
    .orvian-start-card { padding: 26px 20px 24px; border-radius: 27px; }
    .orvian-start-card h2 { max-width: 330px; font-size: 47px; }
    .orvian-start-card__copy > p { max-width: 330px; font-size: 14px; }
    .orvian-start-card__landscape { width: 245px; height: 180px; right: -92px; bottom: -72px; opacity: .42; }
    .orvian-home-composer { border-radius: 21px; }
    .orvian-start-suggestions { display: grid; }
    .orvian-start-suggestions button { width: fit-content; max-width: 100%; }
    .orvian-featured-observation { grid-template-columns: 72px 1fr; gap: 13px; padding: 14px; }
    .orvian-featured-observation > b { display: none; }
    .orvian-featured-observation strong { font-size: 24px; }
    .orvian-process-grid { grid-template-columns: 1fr; }
    .orvian-observation-modal__card { max-height: 92dvh; overflow-y: auto; }
}
.orvian-home-access { position: relative; z-index: 3; width: min(720px, 100%); padding: 18px; border: 1px solid rgba(167,173,148,.32); border-radius: 22px; background: rgba(255,253,250,.9); }
.orvian-home-access[hidden] { display: none !important; }
.orvian-home-access strong { display: block; font-family: var(--orvian-serif); font-size: 25px; font-weight: 550; }
.orvian-home-access p { margin: 5px 0 14px; color: var(--orvian-muted); font-size: 13px; }

/* Orbian 0.5.0 — cuenta integrada y Orbian Continuo con Mercado Pago */
.orvian-sheet[hidden],
.orvian-auth-form[hidden],
.orvian-auth-logged[hidden],
.orvian-auth-guest[hidden],
.orvian-form-status[hidden] { display: none !important; }

.orvian-sheet {
    position: fixed;
    z-index: 100000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
}
.orvian-sheet__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(49, 42, 36, .38);
    backdrop-filter: blur(8px);
}
.orvian-sheet__card {
    position: relative;
    z-index: 1;
    width: min(540px, 100%);
    max-height: min(820px, calc(100dvh - 32px));
    overflow-y: auto;
    padding: clamp(25px, 5vw, 42px);
    border: 1px solid rgba(86, 71, 59, .16);
    border-radius: 30px;
    background: #fffdf9;
    box-shadow: 0 26px 80px rgba(59, 45, 34, .22);
}
.orvian-sheet__close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: rgba(86, 71, 59, .07);
    color: var(--orvian-earth);
    font-size: 23px;
    line-height: 1;
}
.orvian-sheet__brand { display: flex; align-items: center; gap: 11px; margin-bottom: 26px; color: var(--orvian-earth); font-family: var(--orvian-serif); font-size: 20px; font-weight: 600; }
.orvian-sheet__brand img { width: 43px; height: 43px; object-fit: contain; }
.orvian-sheet__card h2 { margin: 0 0 10px; font-family: var(--orvian-serif); font-size: clamp(34px, 7vw, 47px); font-weight: 500; line-height: 1; letter-spacing: -.035em; }
.orvian-sheet__card > p,
.orvian-auth-form > p { margin: 0 0 22px; color: var(--orvian-muted); font-size: 14px; line-height: 1.65; }
.orvian-sheet__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 23px; }
.orvian-text-danger { border: 0; background: transparent; color: #a45145; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }

.orvian-auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin: 0 0 27px; padding: 5px; border-radius: 16px; background: rgba(86, 71, 59, .06); }
.orvian-auth-tabs button { min-height: 42px; border: 0; border-radius: 12px; background: transparent; color: var(--orvian-muted); font-size: 13px; font-weight: 700; }
.orvian-auth-tabs button.is-active { background: #fff; color: var(--orvian-earth); box-shadow: 0 5px 15px rgba(60, 45, 34, .08); }
.orvian-auth-form { display: grid; gap: 15px; }
.orvian-auth-form label { display: grid; gap: 7px; color: var(--orvian-earth); font-size: 12px; font-weight: 720; }
.orvian-auth-form input[type="text"],
.orvian-auth-form input[type="email"],
.orvian-auth-form input[type="password"] { width: 100%; min-height: 51px; padding: 0 15px; border: 1px solid rgba(86, 71, 59, .18); border-radius: 15px; outline: 0; background: rgba(250, 247, 242, .65); color: var(--orvian-ink); font-size: 15px; box-shadow: none; }
.orvian-auth-form input:focus { border-color: rgba(185, 105, 79, .62); box-shadow: 0 0 0 3px rgba(185, 105, 79, .10); }
.orvian-auth-form label small { color: var(--orvian-muted); font-size: 10px; font-weight: 500; }
.orvian-auth-form .orbian-button { width: 100%; min-height: 50px; margin-top: 3px; }
.orvian-auth-link { justify-self: center; border: 0; background: transparent; color: var(--orvian-clay-deep); font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.orvian-auth-check { grid-template-columns: auto 1fr !important; align-items: start; gap: 10px !important; font-weight: 500 !important; line-height: 1.45; }
.orvian-auth-check input { margin-top: 3px; }
.orvian-auth-logged > p { margin: 6px 0 0; color: var(--orvian-muted); }

.orvian-form-status { margin-top: 17px; padding: 13px 15px; border-radius: 15px; font-size: 12px; line-height: 1.5; }
.orvian-form-status.is-success { border: 1px solid rgba(113, 134, 102, .28); background: rgba(167, 173, 148, .13); color: var(--orvian-olive-deep); }
.orvian-form-status.is-error { border: 1px solid rgba(185, 105, 79, .25); background: rgba(212, 138, 111, .10); color: #934f41; }

.orvian-plan-sheet { width: min(620px, 100%); }
.orvian-plan-sheet ul { display: grid; gap: 10px; margin: 24px 0; padding: 0; list-style: none; }
.orvian-plan-sheet li { position: relative; padding-left: 27px; color: var(--orvian-earth); font-size: 14px; line-height: 1.5; }
.orvian-plan-sheet li::before { content: "✓"; position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: rgba(167, 173, 148, .20); color: var(--orvian-olive-deep); font-size: 11px; font-weight: 900; }
.orvian-plan-price { display: flex; align-items: baseline; gap: 8px; margin: 24px 0 4px; }
.orvian-plan-price strong { font-family: var(--orvian-serif); font-size: 43px; font-weight: 550; letter-spacing: -.04em; }
.orvian-plan-price span { color: var(--orvian-muted); font-size: 13px; }
.orvian-plan-sheet__actions { align-items: stretch; }
.orvian-plan-sheet__actions .orbian-button,
.orvian-plan-sheet__actions .orvian-secondary-button { flex: 1 1 210px; min-height: 49px; }
.orvian-payment-note { display: block; margin-top: 16px; color: var(--orvian-muted); font-size: 10px; line-height: 1.45; }

button.orvian-setting-row { width: 100%; font-family: inherit; }

@media (max-width: 640px) {
    .orvian-sheet { align-items: end; padding: 0; }
    .orvian-sheet__card { width: 100%; max-height: 92dvh; padding: 28px 20px calc(28px + env(safe-area-inset-bottom)); border-radius: 28px 28px 0 0; }
    .orvian-sheet__card h2 { font-size: 37px; }
    .orvian-plan-sheet__actions { display: grid; }
    .orvian-plan-sheet__actions .orbian-button,
    .orvian-plan-sheet__actions .orvian-secondary-button { width: 100%; }
}

/* Orbian 0.6.0 — portada editorial, mobile first y suscripción visible */
:root {
    --orbian-green: #153f3a;
    --orbian-green-soft: #78998c;
    --orbian-sage: #b8c9b9;
    --orbian-sage-pale: #e8eee6;
    --orbian-coral: #cb7459;
    --orbian-coral-deep: #ae6049;
    --orbian-ivory: #f8f6f1;
    --orbian-paper: #fffefa;
    --orbian-muted-new: #687572;
    --orbian-line-new: rgba(21, 63, 58, .12);
    --orbian-line-strong-new: rgba(21, 63, 58, .2);
    --orbian-shadow-new: 0 26px 75px rgba(35, 63, 57, .12);
    --orbian-shadow-soft-new: 0 12px 36px rgba(35, 63, 57, .075);
    --orbian-serif-new: Georgia, "Times New Roman", serif;
}

.orbian-shell {
    color: var(--orbian-green);
    background:
        radial-gradient(ellipse at -8% 22%, rgba(181, 201, 184, .52) 0 15%, transparent 15.5%),
        radial-gradient(ellipse at 108% 33%, rgba(162, 184, 160, .58) 0 17%, transparent 17.5%),
        radial-gradient(ellipse at -10% 79%, rgba(231, 219, 196, .52) 0 16%, transparent 16.5%),
        radial-gradient(ellipse at 106% 91%, rgba(202, 219, 202, .55) 0 16%, transparent 16.5%),
        linear-gradient(180deg, #fbfaf6 0%, #f7f4ee 100%);
}

.orvian-app__surface {
    width: min(100%, 1240px);
    background: rgba(250, 248, 243, .74);
}

.orvian-site-header {
    position: sticky;
    top: 0;
    z-index: 35;
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 30px;
    width: min(100%, 1120px);
    min-height: 78px;
    margin: 0 auto;
    padding: 14px clamp(22px, 4.5vw, 54px);
    border-bottom: 1px solid rgba(21, 63, 58, .075);
    background: rgba(250, 248, 243, .88);
    backdrop-filter: blur(18px);
}

.orvian-brand-lockup {
    display: flex;
    align-items: baseline;
    gap: 22px;
    width: fit-content;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--orbian-green);
    text-align: left;
}

.orvian-brand-lockup__name {
    font-family: var(--orbian-serif-new);
    font-size: clamp(35px, 4vw, 48px);
    line-height: 1;
    letter-spacing: -.045em;
}

.orvian-brand-lockup__tagline {
    color: var(--orbian-muted-new);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .01em;
}

.orvian-site-nav {
    display: flex;
    align-items: center;
    gap: 22px;
}

.orvian-site-nav button,
.orvian-site-footer button {
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: var(--orbian-green);
    font-size: 12px;
    font-weight: 650;
}

.orvian-site-nav button:hover,
.orvian-site-footer button:hover,
.orvian-text-link:hover {
    color: var(--orbian-coral-deep);
}

.orvian-site-nav__plan {
    padding: 9px 14px !important;
    border: 1px solid var(--orbian-line-strong-new) !important;
    border-radius: 999px !important;
    background: rgba(255, 254, 250, .72) !important;
}

.orvian-mobile-plan { display: none; }

.orvian-site-header .orvian-profile-button {
    width: 46px;
    height: 46px;
    border-color: rgba(21, 63, 58, .08);
    background: rgba(224, 232, 222, .72);
    color: var(--orbian-green);
}

.orvian-landing {
    width: min(100%, 1080px);
    max-width: none;
    padding: 18px clamp(18px, 4.5vw, 54px) 80px;
}

.orvian-home-resume { margin: 0 0 14px; }
.orvian-resume-card {
    min-height: 74px;
    border-color: var(--orbian-line-new);
    background: rgba(255, 254, 250, .86);
}
.orvian-resume-card__copy small,
.orvian-resume-card__copy em { color: var(--orbian-muted-new); }

.orvian-entry-card {
    position: relative;
    overflow: hidden;
    padding: clamp(36px, 5.5vw, 67px) clamp(28px, 5.5vw, 67px) 31px;
    border: 1px solid rgba(21, 63, 58, .11);
    border-radius: 30px;
    background: rgba(255, 254, 250, .9);
    box-shadow: var(--orbian-shadow-new);
}

.orvian-entry-card__ornament {
    position: absolute;
    z-index: 0;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(21, 63, 58, .055);
    border-radius: 50%;
    pointer-events: none;
}
.orvian-entry-card__ornament::before,
.orvian-entry-card__ornament::after {
    content: "";
    position: absolute;
    inset: 25px;
    border: inherit;
    border-radius: inherit;
}
.orvian-entry-card__ornament::after { inset: 50px; }
.orvian-entry-card__ornament--left { left: -220px; top: 110px; }
.orvian-entry-card__ornament--right { right: -116px; top: 40px; }

.orvian-entry-card__intro,
.orvian-entry-options,
.orvian-entry-divider,
.orvian-home-composer--landing,
.orvian-entry-privacy,
.orvian-home-access { position: relative; z-index: 2; }

.orvian-entry-card h1,
.orvian-reading-copy h2,
.orvian-how-card > h2,
.orvian-situations-section > h2,
.orvian-final-cta h2 {
    margin: 0;
    color: var(--orbian-green);
    font-family: var(--orbian-serif-new);
    font-weight: 500;
    letter-spacing: -.04em;
}

.orvian-entry-card h1 {
    font-size: clamp(54px, 7vw, 79px);
    line-height: .94;
}

.orvian-entry-card__intro p {
    max-width: 520px;
    margin: 20px 0 27px;
    color: var(--orbian-muted-new);
    font-size: 15px;
    line-height: 1.55;
}

.orvian-entry-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.orvian-entry-option {
    display: grid;
    grid-template-columns: 56px 1fr;
    align-items: center;
    gap: 15px;
    min-height: 98px;
    padding: 16px 20px;
    border: 1px solid var(--orbian-line-new);
    border-radius: 14px;
    background: rgba(250, 249, 245, .7);
    color: var(--orbian-green);
    text-align: left;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.orvian-entry-option:hover,
.orvian-entry-option.is-selected {
    transform: translateY(-1px);
    border-color: rgba(201, 111, 85, .42);
    background: rgba(201, 111, 85, .07);
    box-shadow: 0 10px 24px rgba(35, 63, 57, .055);
}
.orvian-entry-option__icon { display: grid; place-items: center; width: 50px; height: 50px; }
.orvian-entry-option__icon svg,
.orvian-process-icon svg,
.orvian-entry-submit svg,
.orvian-entry-privacy svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.orvian-entry-option__icon svg { width: 47px; height: 47px; }
.orvian-entry-option span:last-child { display: grid; gap: 5px; }
.orvian-entry-option strong { font-family: var(--orbian-serif-new); font-size: 19px; font-weight: 600; }
.orvian-entry-option small { color: var(--orbian-muted-new); font-size: 11px; line-height: 1.45; }

.orvian-entry-divider {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 16px;
    margin: 24px 0 15px;
    color: var(--orbian-muted-new);
    font-family: var(--orbian-serif-new);
    font-size: 15px;
}
.orvian-entry-divider::before,
.orvian-entry-divider::after { content: ""; height: 1px; background: var(--orbian-line-new); }

.orvian-home-composer--landing {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    min-height: 72px;
    padding: 7px 8px 7px 17px;
    border: 1px solid var(--orbian-line-new);
    border-radius: 13px;
    background: #fff;
    box-shadow: var(--orbian-shadow-soft-new);
}
.orvian-home-composer--landing textarea {
    width: 100%;
    min-height: 52px;
    max-height: 180px;
    padding: 14px 0;
    border: 0;
    outline: 0;
    resize: none;
    background: transparent;
    color: var(--orbian-green);
    font-size: 14px;
    line-height: 1.45;
}
.orvian-home-composer--landing textarea::placeholder { color: rgba(101, 113, 110, .58); }
.orvian-entry-submit {
    gap: 10px;
    min-width: 142px;
    min-height: 54px;
    background: linear-gradient(135deg, var(--orbian-coral), var(--orbian-coral-deep));
    font-size: 13px;
}
.orvian-entry-submit svg { width: 21px; height: 21px; }
.orvian-entry-privacy {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 13px;
    color: var(--orbian-muted-new);
    font-size: 10px;
}
.orvian-entry-privacy svg { width: 14px; height: 14px; }
.orvian-entry-card .orvian-home-access { width: 100%; margin: 14px 0 0; }

.orvian-reading-section {
    display: grid;
    grid-template-columns: .8fr 1.6fr;
    gap: 28px;
    align-items: stretch;
    margin-top: 18px;
    padding: 0 24px;
}
.orvian-reading-copy { padding: 21px 0; }
.orvian-reading-copy h2 { font-size: clamp(38px, 4vw, 48px); line-height: .96; }
.orvian-reading-copy p {
    max-width: 250px;
    margin: 17px 0 19px;
    color: var(--orbian-muted-new);
    font-size: 11.5px;
    line-height: 1.6;
}
.orvian-text-link {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    padding: 7px 0;
    border: 0;
    border-bottom: 1px solid rgba(201, 111, 85, .24);
    background: transparent;
    color: var(--orbian-green);
    font-size: 12px;
}
.orvian-featured-observation--landing {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 22px;
    min-height: 210px;
    padding: 22px;
    border-color: var(--orbian-line-new);
    border-radius: 20px;
    background: rgba(255, 254, 250, .88);
    box-shadow: var(--orbian-shadow-soft-new);
}
.orvian-featured-observation--landing .orvian-observation-art { width: 120px; height: 164px; }
.orvian-featured-observation--landing > span:last-child { display: grid; align-content: center; justify-items: start; gap: 7px; text-align: left; }
.orvian-featured-observation--landing small { color: var(--orbian-coral-deep); font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.orvian-featured-observation--landing strong { color: var(--orbian-green); font-family: var(--orbian-serif-new); font-size: 27px; font-weight: 600; line-height: 1; }
.orvian-featured-observation--landing em { color: var(--orbian-muted-new); font-size: 11px; font-style: normal; line-height: 1.45; }
.orvian-featured-observation--landing u { color: var(--orbian-coral-deep); font-size: 10.5px; text-decoration: none; }
.orvian-featured-observation--landing > b { display: none; }

.orvian-how-card { margin-top: 26px; }
.orvian-how-card > h2 { margin: 0 0 10px 4px; font-size: clamp(37px, 4vw, 46px); }
.orvian-process-grid--landing {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    padding: 24px 25px 18px;
    border: 1px solid var(--orbian-line-new);
    border-radius: 18px;
    background: rgba(255, 254, 250, .67);
}
.orvian-process-grid--landing article {
    position: relative;
    display: grid;
    justify-items: center;
    align-content: start;
    padding: 0 18px;
    text-align: center;
}
.orvian-process-grid--landing article:not(:last-child)::after {
    content: "⟶";
    position: absolute;
    top: 23px;
    right: -21px;
    color: rgba(21, 63, 58, .32);
    font-size: 22px;
    font-weight: 300;
}
.orvian-process-grid--landing article > b {
    position: absolute;
    top: -12px;
    left: 4px;
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--orbian-green-soft);
    color: #fff;
    font-size: 10px;
}
.orvian-process-icon { display: grid; place-items: center; width: 53px; height: 53px; margin: 0 0 7px; color: var(--orbian-green); }
.orvian-process-icon svg { width: 50px; height: 50px; }
.orvian-process-grid--landing strong { color: var(--orbian-green); font-family: var(--orbian-serif-new); font-size: 16px; }
.orvian-process-grid--landing p { max-width: 220px; margin: 6px 0 0; color: var(--orbian-muted-new); font-size: 10px; line-height: 1.45; }
.orvian-how-card__closing { margin: 0; padding: 14px 16px 0; color: var(--orbian-muted-new); font-size: 10.5px; line-height: 1.5; text-align: center; }

.orvian-situations-section { padding: 27px 22px 15px; text-align: center; }
.orvian-situations-section > h2 { font-size: clamp(34px, 4vw, 43px); }
.orvian-situations-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.orvian-situations-grid article { display: grid; justify-items: center; gap: 7px; }
.orvian-situations-grid span { display: grid; place-items: center; width: 59px; height: 59px; border-radius: 50%; background: rgba(232, 238, 230, .82); color: var(--orbian-green); font-family: var(--orbian-serif-new); font-size: 31px; }
.orvian-situations-grid strong { color: var(--orbian-green); font-size: 10.5px; font-weight: 650; line-height: 1.25; }
.orvian-situations-section > p { margin: 14px 0 0; color: var(--orbian-muted-new); font-size: 9.5px; }

.orvian-final-cta {
    display: grid;
    grid-template-columns: 90px 1fr auto;
    gap: 20px;
    align-items: center;
    min-height: 145px;
    margin-top: 10px;
    padding: 22px 26px;
    overflow: hidden;
    border: 1px solid var(--orbian-line-new);
    border-radius: 18px;
    background: rgba(255, 254, 250, .86);
    box-shadow: var(--orbian-shadow-soft-new);
}
.orvian-final-cta__art { position: relative; width: 78px; height: 100px; border-radius: 3px; background: #f1eee4; }
.orvian-final-cta__art::before { content: ""; position: absolute; left: 14px; bottom: 0; width: 75px; height: 47px; border-radius: 100% 0 0 0; background: #c6cbb8; }
.orvian-final-cta__art i { position: absolute; left: 45px; top: 13px; width: 2px; height: 71px; background: #668374; transform: rotate(-12deg); }
.orvian-final-cta__art b { position: absolute; left: 29px; top: 7px; width: 32px; height: 32px; border-radius: 50%; background: #df9a82; }
.orvian-final-cta__art em { position: absolute; left: 45px; top: 48px; width: 28px; height: 10px; border-radius: 100%; background: #8ba08d; transform: rotate(28deg); }
.orvian-final-cta h2 { font-size: 22px; }
.orvian-final-cta p { max-width: 440px; margin: 7px 0 0; color: var(--orbian-muted-new); font-size: 11.5px; line-height: 1.45; }
.orvian-final-cta .orbian-button { white-space: nowrap; background: linear-gradient(135deg, var(--orbian-coral), var(--orbian-coral-deep)); }

.orvian-site-footer {
    display: grid;
    grid-template-columns: 1.25fr .8fr .8fr 1.2fr;
    gap: 28px;
    align-items: start;
    padding: 27px 0 4px;
    color: var(--orbian-green);
}
.orvian-site-footer > div { display: grid; align-content: start; justify-items: start; gap: 5px; }
.orvian-site-footer > div:first-child strong { font-family: var(--orbian-serif-new); font-size: 30px; font-weight: 500; }
.orvian-site-footer > div:first-child span { color: var(--orbian-muted-new); font-size: 9px; }
.orvian-site-footer b { margin-bottom: 3px; font-size: 8px; letter-spacing: .08em; }
.orvian-site-footer button { font-size: 9px; font-weight: 500; }
.orvian-site-footer > p { margin: 0; color: var(--orbian-muted-new); font-size: 9px; line-height: 1.5; }

.orvian-plan-sheet { width: min(760px, 100%); }
.orvian-plan-sheet__heading > p { max-width: 620px; margin: 0; color: var(--orbian-muted-new); font-size: 14px; line-height: 1.6; }
.orvian-plan-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 24px; }
.orvian-plan-comparison section { padding: 21px; border: 1px solid var(--orbian-line-new); border-radius: 20px; background: rgba(250, 249, 245, .8); }
.orvian-plan-comparison section.is-featured { border-color: rgba(201, 111, 85, .38); background: linear-gradient(145deg, rgba(201, 111, 85, .09), rgba(255, 254, 250, .95)); }
.orvian-plan-comparison section > span { display: block; margin-bottom: 10px; color: var(--orbian-coral-deep); font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.orvian-plan-comparison section > strong { display: inline-block; color: var(--orbian-green); font-family: var(--orbian-serif-new); font-size: 31px; font-weight: 500; }
.orvian-plan-comparison section > small { margin-left: 5px; color: var(--orbian-muted-new); font-size: 10px; }
.orvian-plan-comparison ul { display: grid; gap: 8px; margin: 15px 0 0; padding: 0; list-style: none; }
.orvian-plan-comparison li { position: relative; padding-left: 18px; color: var(--orbian-muted-new); font-size: 11.5px; line-height: 1.4; }
.orvian-plan-comparison li::before { content: "✓"; position: absolute; left: 0; color: var(--orbian-green-soft); font-weight: 800; }
.orvian-plan-sheet__actions { margin-top: 17px; }

@media (min-width: 721px) {
    .orvian-tabbar {
        right: auto;
        left: 50%;
        bottom: 14px;
        width: 430px;
        height: 58px;
        padding: 5px 10px;
        border: 1px solid var(--orbian-line-new);
        border-radius: 999px;
        background: rgba(255, 254, 250, .9);
        box-shadow: 0 12px 38px rgba(35, 63, 57, .12);
        transform: translateX(-50%);
    }
    .orvian-tabbar button { flex-direction: row; gap: 7px; font-size: 10px; }
    .orvian-tabbar svg { width: 20px; height: 20px; }
}

@media (max-width: 720px) {
    .orvian-site-header {
        grid-template-columns: 1fr auto auto;
        gap: 8px;
        min-height: 67px;
        padding: 10px 16px;
    }
    .orvian-brand-lockup { display: grid; gap: 1px; }
    .orvian-brand-lockup__name { font-size: 35px; }
    .orvian-brand-lockup__tagline { font-size: 8.5px; }
    .orvian-site-nav { display: none; }
    .orvian-mobile-plan {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        padding: 7px 12px;
        border: 1px solid var(--orbian-line-strong-new);
        border-radius: 999px;
        background: rgba(255, 254, 250, .78);
        color: var(--orbian-green);
        font-size: 10px;
        font-weight: 700;
    }
    .orvian-site-header .orvian-profile-button { width: 42px; height: 42px; }
    .orvian-landing { padding: 10px 11px 112px; }
    .orvian-entry-card { padding: 25px 16px 20px; border-radius: 24px; }
    .orvian-entry-card h1 { font-size: clamp(43px, 13vw, 57px); }
    .orvian-entry-card__intro p { margin: 14px 0 21px; font-size: 13px; }
    .orvian-entry-options { grid-template-columns: 1fr 1fr; gap: 9px; }
    .orvian-entry-option { grid-template-columns: 42px 1fr; gap: 8px; min-height: 105px; padding: 13px 10px; }
    .orvian-entry-option__icon { width: 38px; height: 38px; }
    .orvian-entry-option__icon svg { width: 38px; height: 38px; }
    .orvian-entry-option strong { font-size: 15px; }
    .orvian-entry-option small { font-size: 9.5px; }
    .orvian-entry-divider { margin: 17px 0 12px; font-size: 13px; }
    .orvian-home-composer--landing { min-height: 62px; padding: 6px 6px 6px 13px; }
    .orvian-home-composer--landing textarea { min-height: 45px; padding: 10px 0; font-size: 12px; }
    .orvian-entry-submit { min-width: 104px; min-height: 46px; padding: 10px 15px; font-size: 12px; }
    .orvian-entry-submit svg { width: 18px; height: 18px; }
    .orvian-entry-privacy { font-size: 9px; }
    .orvian-reading-section { grid-template-columns: 1fr; gap: 12px; margin-top: 14px; padding: 0 6px; }
    .orvian-reading-copy { padding: 14px 6px 4px; }
    .orvian-reading-copy h2 { font-size: 34px; }
    .orvian-reading-copy p { max-width: 330px; }
    .orvian-featured-observation--landing { grid-template-columns: 88px 1fr; gap: 14px; min-height: 150px; padding: 14px; }
    .orvian-featured-observation--landing .orvian-observation-art { width: 88px; height: 116px; }
    .orvian-featured-observation--landing strong { font-size: 21px; }
    .orvian-featured-observation--landing em { font-size: 10.5px; }
    .orvian-featured-observation--landing u { font-size: 10px; }
    .orvian-how-card { margin-top: 22px; }
    .orvian-how-card > h2 { margin-left: 5px; font-size: 33px; }
    .orvian-process-grid--landing { grid-template-columns: 1fr; gap: 17px; padding: 18px 14px; }
    .orvian-process-grid--landing article { grid-template-columns: 45px 1fr; justify-items: start; align-items: center; column-gap: 12px; padding: 0 8px; text-align: left; }
    .orvian-process-grid--landing article:not(:last-child)::after { content: "↓"; top: auto; right: auto; bottom: -18px; left: 28px; font-size: 18px; }
    .orvian-process-grid--landing article > b { top: -7px; left: -2px; width: 22px; height: 22px; }
    .orvian-process-icon { grid-row: 1 / span 2; width: 42px; height: 42px; margin: 0; }
    .orvian-process-icon svg { width: 41px; height: 41px; }
    .orvian-process-grid--landing strong { font-size: 15px; }
    .orvian-process-grid--landing p { margin: 2px 0 0; font-size: 10px; }
    .orvian-how-card__closing { font-size: 10px; }
    .orvian-situations-section > h2 { font-size: 32px; }
    .orvian-situations-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3px; }
    .orvian-situations-grid span { width: 47px; height: 47px; font-size: 25px; }
    .orvian-situations-grid strong { font-size: 8.5px; }
    .orvian-final-cta { grid-template-columns: 65px 1fr; gap: 12px; min-height: 0; padding: 16px; }
    .orvian-final-cta__art { width: 62px; height: 72px; transform: scale(.75); transform-origin: center; }
    .orvian-final-cta h2 { font-size: 19px; }
    .orvian-final-cta p { font-size: 10px; }
    .orvian-final-cta .orbian-button { grid-column: 1 / -1; width: 100%; }
    .orvian-site-footer { grid-template-columns: 1fr 1fr; gap: 20px; padding: 27px 8px 6px; }
    .orvian-site-footer > p { grid-column: 1 / -1; }
    .orvian-plan-comparison { grid-template-columns: 1fr; }
}


/* 0.6.1: formulario de acceso estable en navegadores móviles */
.orvian-auth-form input { -webkit-appearance: none; appearance: none; }
.orvian-auth-form input:-webkit-autofill,
.orvian-auth-form input:-webkit-autofill:hover,
.orvian-auth-form input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--orvian-ink);
    -webkit-box-shadow: 0 0 0 1000px #fbf8f3 inset;
    transition: background-color 9999s ease-out;
}
@media (max-width: 680px) {
    .orvian-auth-card { max-height: min(92dvh, 760px); overflow-y: auto; overscroll-behavior: contain; padding-bottom: calc(24px + env(safe-area-inset-bottom)); }
    .orvian-auth-form input[type="email"],
    .orvian-auth-form input[type="password"],
    .orvian-auth-form input[type="text"] { font-size: 16px; }
    .orvian-form-status { position: sticky; bottom: 0; z-index: 2; }
}


/* 0.6.2: simplificación mobile + corrección de desborde horizontal */
.orbian-shell,
.orvian-app__surface,
.orvian-scroll-area,
.orvian-landing { overflow-x: clip; }
.orvian-reading-section > *,
.orvian-featured-observation--landing > *,
.orvian-final-cta > *,
.orvian-site-footer > *,
.orvian-situations-grid article { min-width: 0; }
.orvian-featured-observation--landing { overflow: hidden; }
.orvian-featured-observation--landing strong,
.orvian-featured-observation--landing em,
.orvian-featured-observation--landing u { display: block; max-width: 100%; overflow-wrap: anywhere; }
.orvian-how-card__closing { max-width: 520px; margin-inline: auto; }
.orvian-site-footer button { text-align: left; }

@media (max-width: 720px) {
    .orvian-reading-copy p,
    .orvian-situations-section > p,
    .orvian-final-cta p,
    .orvian-site-footer > p,
    .orvian-how-card__closing { display: none; }
    .orvian-entry-card__intro p { max-width: 24ch; }
    .orvian-reading-copy { padding: 10px 4px 2px; }
    .orvian-reading-copy h2 { font-size: 30px; line-height: .96; max-width: 7ch; }
    .orvian-text-link { gap: 12px; font-size: 11px; }
    .orvian-featured-observation--landing { grid-template-columns: 78px minmax(0,1fr); gap: 12px; min-height: 0; padding: 13px; }
    .orvian-featured-observation--landing .orvian-observation-art { width: 78px; height: 102px; }
    .orvian-featured-observation--landing small { font-size: 8px; }
    .orvian-featured-observation--landing strong { font-size: 17px; line-height: .98; }
    .orvian-featured-observation--landing em { font-size: 10px; line-height: 1.35; }
    .orvian-how-card > h2,
    .orvian-situations-section > h2 { font-size: 28px; line-height: .98; }
    .orvian-process-grid--landing { padding: 14px 12px; }
    .orvian-situations-section { padding: 24px 12px 8px; }
    .orvian-situations-grid { gap: 6px 2px; }
    .orvian-situations-grid span { width: 44px; height: 44px; font-size: 22px; }
    .orvian-situations-grid strong { font-size: 8px; }
    .orvian-final-cta { gap: 10px; padding: 14px; }
    .orvian-final-cta h2 { font-size: 17px; line-height: 1; }
    .orvian-site-footer { gap: 18px 12px; padding: 24px 6px 0; }
    .orvian-site-footer > div:first-child strong { font-size: 24px; }
}


/* 0.6.3: portada minimalista */
.orvian-site-footer--simple { grid-template-columns: 1fr auto; align-items: end; padding-top: 30px; }
.orvian-site-footer--simple > div:last-child { display:flex; align-items:center; gap:18px; }
.orvian-how-card__closing:empty { display:none; }
@media (max-width:720px){
.orvian-landing{padding-top:8px}.orvian-home-resume{margin-bottom:10px}.orvian-entry-card{padding:22px 15px 17px}.orvian-entry-card h1{font-size:clamp(42px,12vw,54px);line-height:.92}.orvian-entry-card__intro p{margin:12px 0 17px;font-size:12px;max-width:21ch}.orvian-entry-options{gap:8px}.orvian-entry-option{min-height:84px;padding:11px 9px}.orvian-entry-option small{display:none}.orvian-entry-option strong{font-size:14px;line-height:1.05}.orvian-entry-divider{margin:14px 0 10px}.orvian-reading-section{margin-top:10px;gap:8px}.orvian-reading-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px 3px}.orvian-reading-copy h2{max-width:none;font-size:25px}.orvian-reading-copy p{display:none}.orvian-text-link{white-space:nowrap;font-size:10px}.orvian-featured-observation--landing{grid-template-columns:70px minmax(0,1fr);padding:11px}.orvian-featured-observation--landing .orvian-observation-art{width:70px;height:92px}.orvian-featured-observation--landing small{display:none}.orvian-featured-observation--landing strong{font-size:16px}.orvian-featured-observation--landing em{font-size:9.5px}.orvian-how-card{display:none}.orvian-site-footer--simple{grid-template-columns:1fr;gap:12px;padding:22px 6px 0}.orvian-site-footer--simple>div:last-child{gap:16px;flex-wrap:wrap}.orvian-site-footer--simple>div:first-child strong{font-size:22px}
}


/* 0.6.4: lectura completa en mobile + primera impresión más simple */
.orvian-entry-options,
.orvian-reading-section,
.orvian-featured-observation--landing { min-width: 0; }
.orvian-entry-option,
.orvian-entry-option > span:last-child,
.orvian-featured-observation--landing > span:last-child { min-width: 0; }
.orvian-entry-option strong,
.orvian-entry-option small,
.orvian-featured-observation--landing strong,
.orvian-featured-observation--landing em,
.orvian-featured-observation--landing u { white-space: normal; overflow-wrap: normal; word-break: normal; }
.orvian-featured-observation--landing > span:last-child { align-self: stretch; }

@media (max-width: 720px) {
  .orvian-entry-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .orvian-entry-option { grid-template-columns: 34px minmax(0,1fr); gap: 7px; min-height: 88px; padding: 10px 8px; overflow: hidden; }
  .orvian-entry-option__icon { width: 34px; height: 34px; }
  .orvian-entry-option__icon svg { width: 34px; height: 34px; }
  .orvian-entry-option strong { display: block; font-size: 12.5px; line-height: 1.08; letter-spacing: -.01em; }
  .orvian-entry-option small { display: none; }
  .orvian-entry-card__intro p { font-size: 13px; max-width: none; }
  .orvian-home-composer--landing { grid-template-columns: 1fr auto; }
  .orvian-home-composer--landing textarea { font-size: 12px; }
  .orvian-entry-submit { min-width: 118px; }
  .orvian-entry-privacy { font-size: 8.7px; }
  .orvian-reading-copy { display: block; padding: 12px 2px 4px; }
  .orvian-reading-copy h2 { max-width: 6ch; font-size: 27px; margin-bottom: 8px; }
  .orvian-text-link { font-size: 11px; }
  .orvian-featured-observation--landing { grid-template-columns: 66px minmax(0,1fr); gap: 11px; padding: 11px; align-items: start; }
  .orvian-featured-observation--landing .orvian-observation-art { width: 66px; height: 86px; }
  .orvian-featured-observation--landing > span:last-child { gap: 5px; }
  .orvian-featured-observation--landing strong { font-size: 14px; line-height: 1.06; }
  .orvian-featured-observation--landing em { display: block; font-size: 9px; line-height: 1.28; }
  .orvian-featured-observation--landing u { font-size: 9.5px; }
}


/* 0.6.5: escribir primero, disparadores después */
.orvian-entry-card .orvian-home-composer--landing { margin-top: 6px; }
.orvian-entry-card .orvian-entry-privacy { margin-top: 10px; }
.orvian-entry-card .orvian-entry-divider { margin: 16px 0 12px; }
@media (max-width: 720px) {
  .orvian-entry-card .orvian-home-composer--landing { margin-top: 8px; }
  .orvian-entry-card .orvian-entry-divider { margin: 14px 0 10px; font-size: 12px; }
}


/* 0.6.6: footer más completo sin recargar el inicio */
.orvian-site-footer--expanded {
  grid-template-columns: 1.15fr .9fr .9fr 1.1fr;
  gap: 24px;
}
.orvian-site-footer--expanded > div { display: grid; align-content: start; justify-items: start; gap: 5px; }
.orvian-site-footer--expanded > div:first-child strong { font-family: var(--orbian-serif-new); font-size: 28px; font-weight: 500; }
.orvian-site-footer--expanded > div:first-child span { color: var(--orbian-muted-new); font-size: 9px; }
.orvian-site-footer--expanded b { margin-bottom: 3px; font-size: 8px; letter-spacing: .08em; }
.orvian-site-footer--expanded button { font-size: 9px; font-weight: 500; text-align: left; }
.orvian-site-footer--expanded > p { margin: 0; color: var(--orbian-muted-new); font-size: 9px; line-height: 1.5; }
@media (max-width: 720px) {
  .orvian-site-footer--expanded {
    grid-template-columns: 1fr 1fr;
    gap: 18px 12px;
    padding: 22px 6px 0;
  }
  .orvian-site-footer--expanded > p { grid-column: 1 / -1; }
}


/* 0.6.7 — portada Orvian basada en la referencia visual */
.orvian-reference-home{min-height:100%;overflow-x:hidden;background:
radial-gradient(ellipse at -4% 7%,rgba(238,224,205,.75) 0 13%,transparent 13.5%),
radial-gradient(ellipse at 97% 12%,rgba(240,229,213,.56) 0 11%,transparent 11.5%),
linear-gradient(180deg,#fbf8f3 0%,#f8f5ef 100%);color:#123f37}
.orvian-reference-brand{position:relative;display:grid;justify-items:center;gap:5px;padding:34px 24px 20px;overflow:hidden}
.orvian-reference-logo{padding:0;border:0;background:transparent;color:#0e4037;font-family:Georgia,"Times New Roman",serif;font-size:clamp(62px,9vw,88px);font-weight:500;line-height:.88;letter-spacing:-.055em}
.orvian-reference-tagline{font-size:13px;letter-spacing:.27em;color:#737775;font-weight:500}
.orvian-reference-blob{position:absolute;left:-55px;top:-45px;width:310px;height:180px;border-radius:44% 56% 62% 38%/55% 44% 56% 45%;background:rgba(240,226,207,.62);transform:rotate(-10deg);pointer-events:none}
.orvian-reference-branch{position:absolute;right:54px;top:16px;width:120px;height:130px;transform:rotate(-17deg);pointer-events:none}
.orvian-reference-branch:before{content:"";position:absolute;left:55px;top:12px;width:2px;height:108px;background:#7f9277;transform:rotate(-15deg);transform-origin:bottom}
.orvian-reference-branch i,.orvian-reference-branch b,.orvian-reference-branch em,.orvian-reference-branch u{position:absolute;width:30px;height:13px;border:2px solid #7f9277;border-radius:100% 0 100% 0;transform:rotate(22deg);text-decoration:none}
.orvian-reference-branch i{left:17px;top:26px}.orvian-reference-branch b{left:44px;top:47px;transform:scaleX(-1) rotate(20deg)}.orvian-reference-branch em{left:13px;top:66px}.orvian-reference-branch u{left:59px;top:79px;transform:scaleX(-1) rotate(18deg)}
.orvian-reference-content{width:min(100%,790px);margin:0 auto;padding:0 22px 58px}
.orvian-reference-write,.orvian-reference-help,.orvian-reference-reading,.orvian-reference-how{border:1px solid rgba(79,67,48,.13);box-shadow:0 9px 24px rgba(61,53,42,.09)}
.orvian-reference-write{padding:35px 50px 26px;border-radius:27px;background:rgba(255,255,255,.82)}
.orvian-reference-write h1{margin:0;color:#123f37;font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,52px);font-weight:500;line-height:1.03;letter-spacing:-.035em}
.orvian-reference-write>p{margin:12px 0 26px;color:#4f504f;font-size:18px;line-height:1.45}
.orvian-home-composer--reference{position:relative;display:grid;gap:20px}
.orvian-home-composer--reference textarea{width:100%;min-height:205px;padding:25px 28px 42px;border:1px solid #d8c8af;border-radius:24px;background:rgba(255,255,255,.72);color:#173f39;font-size:18px;line-height:1.5;resize:vertical;outline:none;box-shadow:inset 0 1px 4px rgba(80,65,45,.03)}
.orvian-home-composer--reference textarea:focus{border-color:#bd805d;box-shadow:0 0 0 3px rgba(199,91,52,.09)}
.orvian-home-composer--reference textarea::placeholder{color:#777876}
.orvian-expand-mark{position:absolute;right:24px;top:168px;color:#202724;font-size:22px;transform:rotate(0deg)}
.orvian-reference-start{width:100%;min-height:68px;border-radius:999px!important;background:linear-gradient(100deg,#c94c28,#c75c37)!important;color:#fff!important;font-family:Georgia,"Times New Roman",serif;font-size:24px!important;font-weight:400!important;box-shadow:0 8px 18px rgba(185,72,37,.18)}
.orvian-reference-start b{margin-left:20px;font-size:34px;font-weight:300}
.orvian-reference-privacy{display:flex;align-items:center;gap:12px;margin-top:20px;color:#555a57;font-size:15px}
.orvian-reference-privacy svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.orvian-reference-help{margin-top:22px;padding:28px 34px 22px;border-radius:25px;background:rgba(247,246,239,.84);text-align:center}
.orvian-reference-help h2{margin:0;color:#123f37;font-family:Georgia,"Times New Roman",serif;font-size:32px;font-weight:500}
.orvian-reference-help>p{margin:7px 0 20px;color:#4f504f;font-size:17px}
.orvian-reference-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.orvian-reference-options .orvian-entry-option{display:grid;justify-items:center;align-content:center;gap:8px;min-height:165px;padding:18px;border:1px solid rgba(76,65,47,.16);border-radius:23px;background:rgba(255,255,255,.78);color:#111;text-align:center;box-shadow:0 5px 12px rgba(65,54,38,.04)}
.orvian-reference-options .orvian-entry-option:hover,.orvian-reference-options .orvian-entry-option.is-selected{transform:translateY(-1px);border-color:#bd805d;background:#fff9f5}
.orvian-reference-options .orvian-entry-option strong{font-family:Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.2}
.orvian-reference-option-icon{display:grid;place-items:center;width:75px;height:75px;border-radius:50%;background:linear-gradient(145deg,#f2f0e7,#faf9f3);color:#264d43}
.orvian-reference-option-icon svg{width:53px;height:53px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.orvian-reference-reading{display:grid;grid-template-columns:245px 1fr;align-items:center;width:100%;min-height:195px;margin-top:22px;padding:14px 26px 14px 10px;border-radius:26px;background:rgba(255,255,255,.83);color:#123f37;text-align:left}
.orvian-reference-reading-art{position:relative;display:block;width:230px;height:165px;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 25% 58%,#efb19a 0 17%,transparent 17.5%),radial-gradient(circle at 25% 65%,#f3dacb 0 30%,transparent 30.5%)}
.orvian-reference-reading-art:before{content:"";position:absolute;left:68px;bottom:12px;width:2px;height:90px;background:#446a5e;transform:rotate(20deg)}
.orvian-reference-reading-art:after{content:"";position:absolute;left:75px;bottom:55px;width:27px;height:10px;border-radius:100%;background:#839d8a;transform:rotate(-32deg)}
.orvian-reference-reading-art i{position:absolute;right:35px;top:18px;width:87px;height:126px;border-radius:3px 8px 8px 3px;background:#788a71;box-shadow:7px 4px 0 #d6c7ad,10px 6px 0 #a98d69;transform:perspective(250px) rotateY(-7deg)}
.orvian-reference-reading-art i:before{content:"";position:absolute;left:40px;top:30px;width:2px;height:63px;background:#e6e0cb;transform:rotate(-9deg)}
.orvian-reference-reading-art i:after{content:"";position:absolute;left:29px;top:44px;width:24px;height:10px;border:1px solid #e6e0cb;border-radius:100% 0 100% 0;transform:rotate(22deg)}
.orvian-reference-reading-copy{display:grid;align-content:center;justify-items:start;gap:8px;min-width:0}
.orvian-reference-reading-copy strong{font-family:Georgia,"Times New Roman",serif;font-size:31px;font-style:italic;font-weight:500;line-height:1.05;letter-spacing:-.025em}
.orvian-reference-reading-copy small{color:#4d514f;font-size:16px;line-height:1.4}
.orvian-reference-reading-copy>u{color:#c34826;font-size:17px;text-decoration:none}
.orvian-reference-reading-copy>u b{margin-left:12px;font-size:24px;font-weight:400}
.orvian-reference-how{margin-top:22px;border-radius:24px;background:linear-gradient(105deg,#fbf7ef,#f7eee4);overflow:hidden}
.orvian-reference-how summary{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:18px;min-height:130px;padding:20px 34px;cursor:pointer;list-style:none}
.orvian-reference-how summary::-webkit-details-marker{display:none}
.orvian-reference-how summary>span:nth-child(2){display:grid;gap:6px}
.orvian-reference-how summary strong{font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:500}
.orvian-reference-how summary small{color:#555a57;font-size:16px;line-height:1.35}
.orvian-reference-how summary>b{font-size:34px;font-weight:300;transition:transform .2s ease}
.orvian-reference-how[open] summary>b{transform:rotate(180deg)}
.orvian-reference-compass{position:relative;display:block;width:76px;height:76px;border:2px solid #163f38;border-radius:50%}
.orvian-reference-compass:before,.orvian-reference-compass:after{content:"";position:absolute;left:34px;top:-10px;width:2px;height:94px;background:#163f38;transform:rotate(45deg)}
.orvian-reference-compass:after{transform:rotate(-45deg);opacity:.35}
.orvian-reference-compass i{position:absolute;left:25px;top:25px;width:23px;height:23px;border:2px solid #163f38;transform:rotate(45deg)}
.orvian-reference-how-body{padding:0 34px 25px 124px;color:#4f5451;font-size:15px;line-height:1.55}
.orvian-reference-footer{margin-top:30px}

@media(max-width:720px){
.orvian-reference-brand{padding:28px 20px 17px}.orvian-reference-logo{font-size:64px}.orvian-reference-tagline{font-size:10px;letter-spacing:.22em}.orvian-reference-branch{right:-2px;top:7px;transform:scale(.72) rotate(-17deg)}.orvian-reference-blob{width:230px;height:145px;left:-85px;top:-54px}
.orvian-reference-content{padding:0 12px 44px}.orvian-reference-write{padding:26px 20px 20px;border-radius:24px}.orvian-reference-write h1{font-size:35px}.orvian-reference-write>p{margin:10px 0 20px;font-size:15px}.orvian-home-composer--reference textarea{min-height:185px;padding:20px 20px 38px;border-radius:20px;font-size:15px}.orvian-expand-mark{right:18px;top:148px;font-size:19px}.orvian-reference-start{min-height:59px;font-size:21px!important}.orvian-reference-privacy{margin-top:16px;font-size:13px}
.orvian-reference-help{padding:24px 17px 18px;border-radius:23px}.orvian-reference-help h2{font-size:27px}.orvian-reference-help>p{font-size:14px}.orvian-reference-options{gap:10px}.orvian-reference-options .orvian-entry-option{min-height:132px;padding:12px 7px;border-radius:20px}.orvian-reference-options .orvian-entry-option strong{font-size:16px}.orvian-reference-option-icon{width:63px;height:63px}.orvian-reference-option-icon svg{width:45px;height:45px}
.orvian-reference-reading{grid-template-columns:120px minmax(0,1fr);min-height:154px;padding:10px 14px 10px 6px;border-radius:22px}.orvian-reference-reading-art{width:118px;height:130px}.orvian-reference-reading-art i{right:8px;top:15px;width:60px;height:94px}.orvian-reference-reading-art:before{left:34px;height:73px}.orvian-reference-reading-art:after{left:36px}.orvian-reference-reading-copy{gap:6px}.orvian-reference-reading-copy strong{font-size:21px}.orvian-reference-reading-copy small{font-size:12px}.orvian-reference-reading-copy>u{font-size:13px}
.orvian-reference-how summary{grid-template-columns:66px 1fr auto;gap:12px;min-height:110px;padding:16px 17px}.orvian-reference-compass{width:60px;height:60px}.orvian-reference-compass:before,.orvian-reference-compass:after{left:28px;top:-8px;height:76px}.orvian-reference-compass i{left:20px;top:20px;width:18px;height:18px}.orvian-reference-how summary strong{font-size:22px}.orvian-reference-how summary small{font-size:12px}.orvian-reference-how summary>b{font-size:28px}.orvian-reference-how-body{padding:0 20px 20px;font-size:13px}.orvian-reference-footer{margin-top:24px}
}


/* 0.6.8 refined visual with custom graphics */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@400;500;600&display=swap");

.orvian-reference-home,
.orvian-reference-home * { box-sizing: border-box; }
.orvian-reference-home { font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.orvian-reference-logo,
.orvian-reference-write h1,
.orvian-reference-help h2,
.orvian-reference-reading-copy strong,
.orvian-reference-how summary strong,
.orvian-reference-footer > div:first-child strong { font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif; }

.orvian-reference-home{background:
 radial-gradient(circle at 8% 0%, rgba(232,223,210,.92) 0 16%, transparent 16.2%),
 radial-gradient(circle at 100% 4%, rgba(245,240,233,.95) 0 18%, transparent 18.2%),
 linear-gradient(180deg,#f9f7f3 0%,#f2efea 100%);} 
.orvian-reference-brand{padding:34px 28px 16px;gap:3px}
.orvian-reference-logo{font-size:clamp(76px,10vw,112px);letter-spacing:-.05em;line-height:.84;color:#103f37;text-shadow:0 1px 0 rgba(255,255,255,.45)}
.orvian-reference-tagline{font-size:13px;letter-spacing:.30em;color:#78807c;font-weight:500}
.orvian-reference-branch{width:162px;height:128px;right:34px;top:22px;background:url('../images/orvian-deco-branch.png') no-repeat center/contain;transform:none;}
.orvian-reference-branch,.orvian-reference-branch *{pointer-events:none}
.orvian-reference-branch:before,.orvian-reference-branch:after,.orvian-reference-branch i,.orvian-reference-branch b,.orvian-reference-branch em,.orvian-reference-branch u{display:none !important}

.orvian-reference-content{max-width:1040px;padding:0 28px 48px}
.orvian-reference-write,.orvian-reference-help,.orvian-reference-reading,.orvian-reference-how{background:#fffdfb !important;border:1px solid rgba(102,85,62,.12);box-shadow:0 12px 34px rgba(61,53,42,.08)}
.orvian-reference-write{padding:38px 38px 26px;border-radius:32px}
.orvian-reference-write h1{font-size:clamp(48px,6vw,74px);line-height:.93;letter-spacing:-.04em;color:#133f37;margin:0 0 10px}
.orvian-reference-write>p{font-size:18px;line-height:1.4;color:#575b58;margin:0 0 24px}
.orvian-home-composer--reference{padding:24px 22px 20px;border-radius:26px;background:linear-gradient(180deg,#ffffff 0%,#fbfaf7 100%);border:1px solid rgba(105,88,66,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 26px rgba(61,53,42,.05)}
.orvian-home-composer--reference textarea{background:#fff;border:2px solid rgba(128,114,95,.22);border-radius:22px;color:#53504c;font-size:19px;line-height:1.55;padding:30px 34px 46px;min-height:255px;box-shadow:inset 0 2px 9px rgba(59,46,28,.02)}
.orvian-home-composer--reference textarea::placeholder{color:#86827c}
.orvian-reference-start{min-height:76px;border-radius:999px;background:linear-gradient(180deg,#d45b33 0%,#ca5129 100%);font-size:26px;font-weight:500;letter-spacing:-.015em;box-shadow:0 8px 20px rgba(202,81,41,.18)}
.orvian-reference-start:hover{transform:translateY(-1px)}
.orvian-reference-start b{font-size:34px;font-weight:400;margin-left:12px}
.orvian-expand-mark{right:32px;bottom:26px;font-size:30px;color:#44433f}
.orvian-reference-privacy{font-size:16px;color:#525551}
.orvian-reference-privacy svg{width:22px;height:22px}

.orvian-reference-help{margin-top:22px;padding:34px 36px 32px;border-radius:30px;background:#f6f4ee !important}
.orvian-reference-help h2{font-size:clamp(40px,4.6vw,58px);line-height:1;color:#133f37;text-align:center;margin:0 0 10px}
.orvian-reference-help>p{text-align:center;color:#585c58;font-size:18px;line-height:1.35;margin:0 0 24px}
.orvian-reference-options{gap:18px}
.orvian-reference-options .orvian-entry-option{min-height:182px;border-radius:22px;padding:22px 18px;display:grid;justify-items:center;align-content:center;gap:14px;background:#fffefc;border:1px solid rgba(118,104,83,.12);box-shadow:0 4px 12px rgba(60,52,42,.04)}
.orvian-reference-options .orvian-entry-option strong{font-size:18px;line-height:1.15;color:#232b28;font-weight:500;text-align:center;max-width:11ch}
.orvian-reference-option-icon{width:84px;height:84px;background-position:center;background-repeat:no-repeat;background-size:contain !important;background-color:transparent;border-radius:0;color:transparent}
.orvian-reference-option-icon svg{opacity:0 !important}
.orvian-reference-option-icon--happened{background-image:url('../images/orvian-icon-happened.png')}
.orvian-reference-option-icon--repeat{background-image:url('../images/orvian-icon-repeat.png')}
.orvian-reference-option-icon--decide{background-image:url('../images/orvian-icon-decide.png')}
.orvian-reference-option-icon--start{background-image:url('../images/orvian-icon-start.png')}

.orvian-reference-reading{-webkit-appearance:none;appearance:none;display:grid;grid-template-columns:285px minmax(0,1fr);align-items:center;gap:16px;min-height:208px;margin-top:22px;padding:18px 26px 18px 16px;border-radius:30px;text-align:left;color:#143f37;overflow:hidden;position:relative}
.orvian-reference-reading:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(254,253,249,.96));z-index:0}
.orvian-reference-reading > *{position:relative;z-index:1}
.orvian-reference-reading-art{display:block;width:260px;height:170px;background:url('../images/orvian-art-book.png') no-repeat center/contain transparent;border-radius:20px}
.orvian-reference-reading-art:before,.orvian-reference-reading-art:after,.orvian-reference-reading-art i,.orvian-reference-reading-art b,.orvian-reference-reading-art em,.orvian-reference-reading-art u{display:none !important}
.orvian-reference-reading-copy{gap:10px}
.orvian-reference-reading-copy strong{font-size:34px;font-style:italic;line-height:1.03;color:#173f38}
.orvian-reference-reading-copy small{font-size:18px;line-height:1.42;color:#575e59}
.orvian-reference-reading-copy>u{font-size:18px;color:#d0572d;text-decoration:none}
.orvian-reference-reading-copy>u b{margin-left:8px;font-size:26px;font-weight:400}

.orvian-reference-how{margin-top:22px;border-radius:26px;background:#fdf8f3 !important}
.orvian-reference-how summary{grid-template-columns:98px minmax(0,1fr) auto;gap:16px;min-height:126px;padding:18px 24px;align-items:center}
.orvian-reference-compass{width:86px;height:86px;background:url('../images/orvian-icon-compass.png') no-repeat center/contain transparent;border:none}
.orvian-reference-compass:before,.orvian-reference-compass:after,.orvian-reference-compass i{display:none !important}
.orvian-reference-how summary strong{font-size:44px;line-height:1.02;color:#173f38}
.orvian-reference-how summary small{font-size:18px;line-height:1.4;color:#565a56}
.orvian-reference-how summary>b{font-size:38px;color:#21453c}
.orvian-reference-how-body{padding:0 28px 24px 128px;color:#505550;font-size:17px;line-height:1.55}

.orvian-reference-footer{margin-top:28px;padding-top:8px}
.orvian-reference-footer button{font-size:15px}
.orvian-reference-footer > p{font-size:14px}

@media (max-width: 720px){
 .orvian-reference-brand{padding:26px 18px 12px}
 .orvian-reference-logo{font-size:58px}
 .orvian-reference-tagline{font-size:8px;letter-spacing:.24em}
 .orvian-reference-branch{width:98px;height:86px;right:8px;top:26px}
 .orvian-reference-content{padding:0 14px 36px}
 .orvian-reference-write{padding:24px 18px 18px;border-radius:28px}
 .orvian-reference-write h1{font-size:33px;line-height:.95}
 .orvian-reference-write>p{font-size:14px;margin-bottom:16px}
 .orvian-home-composer--reference{padding:14px 14px 14px;border-radius:22px}
 .orvian-home-composer--reference textarea{min-height:165px;padding:22px 22px 40px;font-size:14px;border-radius:18px}
 .orvian-reference-start{min-height:62px;font-size:22px}
 .orvian-expand-mark{right:22px;bottom:20px;font-size:22px}
 .orvian-reference-privacy{font-size:12px}
 .orvian-reference-help{padding:24px 16px 20px;border-radius:24px}
 .orvian-reference-help h2{font-size:29px;line-height:1.02}
 .orvian-reference-help>p{font-size:14px;margin-bottom:18px}
 .orvian-reference-options{gap:12px}
 .orvian-reference-options .orvian-entry-option{min-height:145px;padding:14px 10px;border-radius:18px;align-content:center}
 .orvian-reference-options .orvian-entry-option strong{font-size:14px;max-width:8.4ch}
 .orvian-reference-option-icon{width:68px;height:68px}
 .orvian-reference-reading{grid-template-columns:116px minmax(0,1fr);gap:10px;min-height:138px;padding:10px 14px 10px 8px;border-radius:22px}
 .orvian-reference-reading-art{width:110px;height:112px}
 .orvian-reference-reading-copy strong{font-size:18px;line-height:1.03}
 .orvian-reference-reading-copy small{font-size:11px;line-height:1.3}
 .orvian-reference-reading-copy>u{font-size:12px}
 .orvian-reference-reading-copy>u b{font-size:18px}
 .orvian-reference-how summary{grid-template-columns:60px minmax(0,1fr) auto;gap:12px;min-height:96px;padding:14px 16px}
 .orvian-reference-compass{width:56px;height:56px}
 .orvian-reference-how summary strong{font-size:24px;line-height:1.02}
 .orvian-reference-how summary small{font-size:11px;line-height:1.3}
 .orvian-reference-how summary>b{font-size:28px}
 .orvian-reference-how-body{padding:0 16px 18px 16px;font-size:13px}
 .orvian-reference-footer{gap:18px 12px}
}


/* 0.6.9 generated asset integration */
.orvian-reference-branch{width:170px;height:132px;}
.orvian-reference-option-icon{width:88px;height:88px;}
.orvian-reference-reading-art{width:270px;height:174px;}
.orvian-reference-compass{width:90px;height:90px;}
@media (max-width: 720px){
  .orvian-reference-branch{width:104px;height:90px;}
  .orvian-reference-option-icon{width:70px;height:70px;}
  .orvian-reference-reading-art{width:114px;height:116px;}
  .orvian-reference-compass{width:58px;height:58px;}
}


/* 0.7.0 — refinamiento integral de portada */
.orvian-reference-home,
.orvian-reference-content,
.orvian-reference-write,
.orvian-reference-help,
.orvian-reference-reading,
.orvian-reference-how,
.orvian-reference-footer,
.orvian-reference-reading-copy,
.orvian-reference-options,
.orvian-reference-options .orvian-entry-option { min-width: 0; }
.orvian-reference-home { overflow-x: clip; }
.orvian-reference-home img,
.orvian-reference-home svg { max-width: 100%; }

/* Marca */
.orvian-reference-brand { min-height: 185px; padding: 38px 24px 22px; }
.orvian-reference-logo { font-size: clamp(82px, 10.5vw, 118px); font-weight: 500; line-height: .82; letter-spacing: -.055em; }
.orvian-reference-tagline { margin-top: 8px; font-size: 13px; letter-spacing: .28em; }
.orvian-reference-branch { right: 24px; top: 18px; width: 176px; height: 136px; }

/* Ritmo global */
.orvian-reference-content { max-width: 980px; padding: 0 26px 56px; }
.orvian-reference-help,
.orvian-reference-reading,
.orvian-reference-how { margin-top: 24px; }
.orvian-reference-footer { margin-top: 34px; }

/* Escritura */
.orvian-reference-write { padding: 40px 42px 28px; border-radius: 30px; }
.orvian-reference-write h1 { max-width: 16ch; font-size: clamp(46px, 5.7vw, 68px); line-height: .96; }
.orvian-reference-write > p { max-width: 54ch; margin: 12px 0 24px; }
.orvian-home-composer--reference { padding: 18px; border: 1px solid rgba(104,88,66,.11); box-shadow: 0 8px 26px rgba(61,53,42,.04); }
.orvian-home-composer--reference textarea { min-height: 210px; resize: vertical; border-width: 1px; padding: 28px 30px 44px; transition: min-height .2s ease, box-shadow .2s ease; }
.orvian-home-composer--reference textarea:focus { min-height: 260px; box-shadow: 0 0 0 3px rgba(31,70,60,.08); }
.orvian-reference-start { min-height: 68px; margin-top: 14px; font-family: "Cormorant Garamond", Georgia, serif; }
.orvian-reference-start b { margin-left: 8px; }
.orvian-reference-privacy { margin-top: 12px; gap: 10px; }

/* Ayuda para empezar */
.orvian-reference-help { padding: 34px 34px 30px; }
.orvian-reference-help h2 { font-size: clamp(36px, 4vw, 50px); }
.orvian-reference-help > p { margin-bottom: 22px; }
.orvian-reference-options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.orvian-reference-options .orvian-entry-option { min-height: 158px; padding: 18px 14px; gap: 10px; }
.orvian-reference-option-icon { width: 72px; height: 72px; }
.orvian-reference-options .orvian-entry-option strong { max-width: 14ch; font-size: 17px; line-height: 1.1; }

/* Biblioteca */
.orvian-reference-reading { grid-template-columns: 230px minmax(0, 1fr); gap: 24px; min-height: unset; padding: 18px 28px 18px 18px; overflow: visible; }
.orvian-reference-reading-art { width: 220px; height: 154px; }
.orvian-reference-reading-copy { width: 100%; }
.orvian-reference-reading-copy strong { display: block; max-width: 100%; white-space: normal; overflow-wrap: normal; word-break: normal; font-size: clamp(28px, 3.5vw, 36px); }
.orvian-reference-reading-copy small { display: block; max-width: 38ch; }
.orvian-reference-reading-copy > u { display: inline-flex; align-items: center; gap: 8px; margin-top: 2px; }

/* Cómo funciona */
.orvian-reference-how summary { grid-template-columns: 86px minmax(0, 1fr) auto; min-height: 118px; }
.orvian-reference-compass { width: 74px; height: 74px; }
.orvian-reference-how summary strong { font-size: clamp(34px, 4vw, 44px); }
.orvian-reference-how summary small { max-width: 42ch; }
.orvian-reference-how-body { padding: 0 28px 28px 126px; }
.orvian-reference-how-steps { display: grid; gap: 10px; margin-bottom: 14px; }
.orvian-reference-how-steps article { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 10px; align-items: start; padding: 10px 12px; border: 1px solid rgba(103,87,66,.10); border-radius: 14px; background: rgba(255,255,255,.5); }
.orvian-reference-how-steps article > b { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #dfe7dd; color: #173f38; font-size: 12px; }
.orvian-reference-how-steps span { display: grid; gap: 2px; }
.orvian-reference-how-steps strong { color: #173f38; font-size: 15px; }
.orvian-reference-how-steps small { color: #5e635f; font-size: 13px; }
.orvian-reference-how-body > p { margin: 0; max-width: 52ch; }

/* Footer */
.orvian-reference-footer { grid-template-columns: 1.1fr .8fr .8fr; gap: 28px; padding-top: 8px; }
.orvian-reference-footer > p { grid-column: 1 / -1; margin-top: 4px; }
.orvian-reference-footer > div { gap: 8px; }
.orvian-reference-footer > div:first-child strong { font-size: 42px; line-height: 1; }
.orvian-reference-footer b { margin-bottom: 5px; }
.orvian-reference-footer button { min-height: 32px; padding: 2px 0; }

@media (max-width: 720px) {
  .orvian-reference-brand { min-height: 150px; padding: 24px 14px 16px; }
  .orvian-reference-logo { font-size: clamp(58px, 17vw, 68px); }
  .orvian-reference-tagline { margin-top: 5px; font-size: 8.5px; letter-spacing: .23em; }
  .orvian-reference-branch { right: 2px; top: 28px; width: 104px; height: 84px; }
  .orvian-reference-content { padding: 0 13px 38px; }

  .orvian-reference-write { padding: 24px 18px 18px; border-radius: 28px; }
  .orvian-reference-write h1 { max-width: 100%; font-size: clamp(39px, 10.7vw, 50px); line-height: .95; }
  .orvian-reference-write > p { font-size: 16px; line-height: 1.4; margin: 14px 0 18px; }
  .orvian-home-composer--reference { padding: 12px; border-radius: 20px; }
  .orvian-home-composer--reference textarea { min-height: 178px; padding: 22px 20px 40px; font-size: 16px; line-height: 1.45; border-radius: 17px; }
  .orvian-home-composer--reference textarea:focus { min-height: 220px; }
  .orvian-reference-start { min-height: 64px; margin-top: 12px; font-size: 24px; }
  .orvian-reference-privacy { margin-top: 10px; font-size: 13px; }
  .orvian-reference-privacy svg { width: 18px; height: 18px; }

  .orvian-reference-help { margin-top: 22px; padding: 26px 16px 20px; border-radius: 24px; }
  .orvian-reference-help h2 { font-size: clamp(31px, 8.5vw, 36px); }
  .orvian-reference-help > p { font-size: 14px; margin: 8px auto 18px; max-width: 29ch; }
  .orvian-reference-options { gap: 11px; }
  .orvian-reference-options .orvian-entry-option { min-height: 142px; padding: 14px 8px; border-radius: 19px; }
  .orvian-reference-option-icon { width: 62px; height: 62px; }
  .orvian-reference-options .orvian-entry-option strong { max-width: 11ch; font-size: 15px; line-height: 1.08; }

  .orvian-reference-reading { grid-template-columns: 104px minmax(0,1fr); gap: 12px; min-height: unset; margin-top: 22px; padding: 14px 14px 14px 10px; border-radius: 22px; overflow: hidden; }
  .orvian-reference-reading-art { width: 100px; height: 112px; }
  .orvian-reference-reading-copy { gap: 6px; }
  .orvian-reference-reading-copy strong { font-size: clamp(20px, 6vw, 24px); line-height: 1.02; }
  .orvian-reference-reading-copy small { font-size: 12px; line-height: 1.32; }
  .orvian-reference-reading-copy > u { font-size: 13px; white-space: normal; }
  .orvian-reference-reading-copy > u b { font-size: 19px; }

  .orvian-reference-how { margin-top: 20px; border-radius: 23px; }
  .orvian-reference-how summary { grid-template-columns: 62px minmax(0,1fr) auto; gap: 10px; min-height: 102px; padding: 14px 15px; }
  .orvian-reference-compass { width: 58px; height: 58px; }
  .orvian-reference-how summary strong { font-size: clamp(25px, 7vw, 30px); line-height: 1.02; }
  .orvian-reference-how summary small { font-size: 12px; line-height: 1.3; }
  .orvian-reference-how summary > b { font-size: 28px; }
  .orvian-reference-how-body { padding: 0 15px 18px; }
  .orvian-reference-how-steps { gap: 8px; }
  .orvian-reference-how-steps article { grid-template-columns: 27px minmax(0,1fr); padding: 9px 10px; }
  .orvian-reference-how-steps strong { font-size: 14px; }
  .orvian-reference-how-steps small { font-size: 12px; }
  .orvian-reference-how-body > p { font-size: 13px; line-height: 1.45; }

  .orvian-reference-footer { grid-template-columns: 1fr 1fr; gap: 20px 16px; margin-top: 30px; padding: 8px 10px 0; }
  .orvian-reference-footer > div:first-child { grid-column: 1 / -1; }
  .orvian-reference-footer > div:first-child strong { font-size: 38px; }
  .orvian-reference-footer > p { display: block; grid-column: 1 / -1; font-size: 12px; }
  .orvian-reference-footer button { font-size: 15px; min-height: 34px; }
}

@media (max-width: 360px) {
  .orvian-reference-logo { font-size: 56px; }
  .orvian-reference-write h1 { font-size: 38px; }
  .orvian-reference-options .orvian-entry-option strong { font-size: 14px; }
  .orvian-reference-reading { grid-template-columns: 92px minmax(0,1fr); gap: 10px; }
  .orvian-reference-reading-art { width: 88px; height: 102px; }
  .orvian-reference-reading-copy strong { font-size: 19px; }
}


/* 0.7.1 — evita portada vacía en escritorio durante la inicialización */
.orbian-app:not([hidden]) { display:block !important; visibility:visible !important; opacity:1 !important; }
.orbian-app:not([hidden]) .orvian-view.is-active { display:block !important; visibility:visible !important; opacity:1 !important; }
.orbian-app:not([hidden]) .orvian-reference-home { min-height:100%; }
@media (min-width:721px){
  .orvian-views{bottom:0;}
  .orvian-tabbar{display:none;}
  .orvian-reference-content{padding-bottom:70px;}
}

/* 0.7.3 — Los gráficos son archivos reales, no reconstrucciones CSS. */
img.orvian-reference-branch,
img.orvian-reference-option-icon,
img.orvian-reference-reading-art,
img.orvian-reference-compass {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

img.orvian-reference-branch {
  position: absolute;
  width: 170px;
  height: 132px;
  right: 34px;
  top: 22px;
  object-position: center;
  pointer-events: none;
}

img.orvian-reference-option-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  flex: 0 0 auto;
}

img.orvian-reference-reading-art {
  width: 220px;
  height: 154px;
  border-radius: 0;
}

img.orvian-reference-compass {
  width: 74px;
  height: 74px;
  border-radius: 0;
}

@media (max-width: 720px) {
  img.orvian-reference-branch {
    width: 104px;
    height: 90px;
    right: 8px;
    top: 24px;
  }
  img.orvian-reference-option-icon {
    width: 62px;
    height: 62px;
  }
  img.orvian-reference-reading-art {
    width: 100px;
    height: 112px;
  }
  img.orvian-reference-compass {
    width: 58px;
    height: 58px;
  }
}

@media (max-width: 360px) {
  img.orvian-reference-reading-art {
    width: 88px;
    height: 102px;
  }
}


/* 0.8.0 — Etapa 3: integración visual pergamino y pack gráfico */
:root {
  --orvian-stage3-ink:#123f37;
  --orvian-stage3-terracotta:#c95d32;
  --orvian-stage3-paper:#f7efdf;
  --orvian-stage3-line:rgba(112,82,42,.24);
  --orvian-stage3-shadow:0 16px 38px rgba(76,55,32,.16);
}

.orvian-reference-home {
  position:relative;
  isolation:isolate;
  background:
    url('../images/stage3/paper-texture.webp') center top / 760px auto repeat,
    #f5ead7;
  color:#263c37;
}
.orvian-reference-home::before,
.orvian-reference-home::after {
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  opacity:.52;
  background-repeat:no-repeat;
  background-size:contain;
}
.orvian-reference-home::before {
  width:min(48vw,520px);
  height:330px;
  left:-70px;
  top:30px;
  background-image:url('../images/stage3/landscape-left.webp');
}
.orvian-reference-home::after {
  width:min(46vw,520px);
  height:300px;
  right:-90px;
  top:460px;
  background-image:url('../images/stage3/landscape-sage.webp');
  opacity:.38;
}

.orvian-reference-brand.orvian-stage3-brand {
  min-height:220px;
  padding:30px 24px 12px;
  display:grid;
  place-items:center;
  overflow:visible;
}
.orvian-stage3-logo {
  width:min(560px,66vw);
  max-width:100%;
  line-height:0;
  padding:0;
  border:0;
  background:transparent;
}
.orvian-stage3-logo img {
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 2px 0 rgba(255,255,255,.48));
}
.orvian-reference-branch {
  right:3.2%;
  top:4px;
  width:min(260px,24vw);
  height:auto;
  object-fit:contain;
  opacity:.72;
}
.orvian-stage3-dots {
  position:absolute;
  left:5.5%;
  top:68px;
  width:90px;
  height:70px;
  background:url('../images/stage3/micro-ornaments.webp') left center/420px auto no-repeat;
  opacity:.38;
  pointer-events:none;
}
.orvian-reference-blob {
  width:310px;
  height:185px;
  left:-65px;
  top:-40px;
  background:url('../images/stage3/blob-peach.webp') center/contain no-repeat;
  border-radius:0;
  opacity:.52;
}

.orvian-reference-content {
  width:min(100%,1040px);
  max-width:1040px;
  padding:0 28px 56px;
}
.orvian-reference-write,
.orvian-reference-help,
.orvian-reference-reading,
.orvian-reference-how {
  border:1px solid var(--orvian-stage3-line) !important;
  box-shadow:var(--orvian-stage3-shadow) !important;
  background:
    linear-gradient(rgba(255,252,246,.78),rgba(255,252,246,.78)),
    url('../images/stage3/panel-texture.webp') center/cover !important;
}

.orvian-stage3-write {
  position:relative;
  margin-top:4px;
  padding:116px 78px 38px !important;
  border-radius:34px !important;
  overflow:visible;
}
.orvian-stage3-scroll {
  position:absolute;
  z-index:2;
  left:1.5%;
  right:1.5%;
  top:-30px;
  height:120px;
  background:url('../images/stage3/scroll-top.webp') center top/100% 100% no-repeat;
  pointer-events:none;
  filter:drop-shadow(0 8px 10px rgba(91,62,31,.16));
}
.orvian-stage3-write-branch {
  position:absolute;
  right:18px;
  bottom:6px;
  width:150px;
  height:125px;
  background:url('../images/stage3/branch-secondary.webp') right bottom/contain no-repeat;
  opacity:.58;
  pointer-events:none;
}
.orvian-reference-write h1 {
  margin:0 0 12px;
  max-width:100%;
  color:var(--orvian-stage3-ink);
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:clamp(50px,6.1vw,74px);
  line-height:.98;
  letter-spacing:-.035em;
  text-align:center;
}
.orvian-reference-write > p {
  max-width:none;
  margin:0 0 26px;
  text-align:center;
  font-size:20px;
  line-height:1.42;
  color:#4d5551;
}
.orvian-home-composer--reference {
  position:relative;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.orvian-home-composer--reference textarea {
  min-height:230px;
  padding:28px 32px 48px;
  border:1.5px solid rgba(139,101,58,.42);
  border-radius:25px;
  background:rgba(255,253,248,.38);
  color:#34423e;
  font-size:19px;
  box-shadow:inset 0 1px 3px rgba(74,53,29,.04);
}
.orvian-home-composer--reference textarea:focus {
  outline:2px solid rgba(201,93,50,.18);
  border-color:rgba(201,93,50,.48);
}
.orvian-reference-start {
  min-height:70px;
  margin-top:18px;
  border:1px solid rgba(123,53,25,.35);
  background:
    linear-gradient(180deg,rgba(212,105,57,.98),rgba(194,76,36,.98)),
    url('../images/stage3/panel-texture.webp') center/cover;
  border-radius:999px;
  box-shadow:0 8px 18px rgba(145,61,29,.22), inset 0 1px 0 rgba(255,255,255,.30);
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:29px;
  letter-spacing:.01em;
}
.orvian-reference-start b { font-size:34px; }
.orvian-reference-privacy {
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:20px;
  color:#3f4d48;
  font-size:15px;
}

.orvian-stage3-help {
  position:relative;
  padding:34px 56px 38px !important;
  border-radius:30px !important;
}
.orvian-stage3-help::before {
  content:"";
  position:absolute;
  left:50%;
  top:18px;
  width:min(480px,70%);
  height:52px;
  transform:translateX(-50%);
  background:url('../images/stage3/ornament-divider.webp') center/contain no-repeat;
  opacity:.55;
  pointer-events:none;
}
.orvian-reference-help h2 {
  position:relative;
  z-index:1;
  margin-top:0;
  font-size:clamp(39px,4.6vw,52px);
  color:var(--orvian-stage3-ink);
}
.orvian-reference-help > p {
  font-size:18px;
  color:#505955;
}
.orvian-reference-options {
  gap:18px;
}
.orvian-reference-options .orvian-entry-option {
  min-height:150px;
  padding:16px 18px;
  border:1px solid rgba(128,94,53,.22);
  border-radius:22px;
  background:
    linear-gradient(rgba(255,253,247,.75),rgba(255,253,247,.75)),
    url('../images/stage3/panel-texture.webp') center/cover;
  box-shadow:0 8px 16px rgba(78,57,34,.11),inset 0 0 0 2px rgba(255,255,255,.50);
  transition:transform .18s ease,box-shadow .18s ease;
}
.orvian-reference-options .orvian-entry-option:hover,
.orvian-reference-options .orvian-entry-option:focus-visible {
  transform:translateY(-2px);
  box-shadow:0 12px 22px rgba(78,57,34,.15),inset 0 0 0 2px rgba(255,255,255,.58);
}
img.orvian-reference-option-icon {
  width:78px !important;
  height:78px !important;
  object-fit:contain;
  filter:drop-shadow(0 3px 4px rgba(68,48,28,.10));
}
.orvian-reference-options .orvian-entry-option strong {
  max-width:none;
  color:#25342f;
  font-size:18px;
  font-weight:500;
}

.orvian-stage3-reading {
  position:relative;
  grid-template-columns:290px minmax(0,1fr) !important;
  gap:22px !important;
  min-height:190px;
  padding:14px 40px 14px 18px !important;
  border-radius:28px !important;
  overflow:hidden !important;
}
.orvian-stage3-reading-branch {
  position:absolute;
  right:-8px;
  bottom:-8px;
  width:150px;
  height:130px;
  background:url('../images/stage3/branch-secondary.webp') right bottom/contain no-repeat;
  opacity:.46;
  pointer-events:none;
}
img.orvian-reference-reading-art {
  width:270px !important;
  height:170px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 8px 10px rgba(69,49,29,.13));
}
.orvian-reference-reading-copy { position:relative; z-index:2; }
.orvian-reference-reading-copy strong {
  color:var(--orvian-stage3-ink);
  font-size:clamp(31px,3.5vw,40px) !important;
  line-height:1.02 !important;
}
.orvian-reference-reading-copy small {
  max-width:34ch;
  color:#505955;
  font-size:17px;
}
.orvian-reference-reading-copy > u { color:#c95832; }

.orvian-stage3-how {
  border-radius:26px !important;
  overflow:hidden;
}
.orvian-stage3-how summary {
  grid-template-columns:94px minmax(0,1fr) auto !important;
  min-height:122px;
  padding:16px 30px !important;
}
img.orvian-reference-compass {
  width:86px !important;
  height:86px !important;
  object-fit:contain;
  filter:drop-shadow(0 3px 5px rgba(68,48,28,.10));
}
.orvian-reference-how summary strong {
  color:var(--orvian-stage3-ink);
  font-size:clamp(33px,4vw,44px) !important;
}
.orvian-reference-how summary small { font-size:17px; }
.orvian-reference-how summary > b {
  color:var(--orvian-stage3-ink);
  font-size:38px;
}
.orvian-reference-how-body {
  background:rgba(255,252,245,.42);
}
.orvian-reference-how-steps article {
  border-color:rgba(120,90,53,.16);
  background:rgba(255,253,248,.58);
}
.orvian-reference-how-steps article > b { background:#e8dec8; }

.orvian-reference-footer {
  position:relative;
  margin-top:34px;
  padding:34px 18px 12px !important;
  border-top:1px solid rgba(120,90,53,.16);
}
.orvian-reference-footer::before {
  content:"";
  position:absolute;
  top:-34px;
  left:50%;
  width:310px;
  height:60px;
  transform:translateX(-50%);
  background:url('../images/stage3/ornament-divider.webp') center/contain no-repeat;
  opacity:.42;
}
.orvian-reference-footer > div:first-child strong { color:var(--orvian-stage3-ink); }
.orvian-reference-footer b,
.orvian-reference-footer button { color:#28483f; }

@media (max-width:720px) {
  .orvian-reference-home::before { width:290px; height:180px; left:-95px; top:0; opacity:.34; }
  .orvian-reference-home::after { width:250px; height:170px; right:-100px; top:540px; opacity:.22; }
  .orvian-reference-brand.orvian-stage3-brand { min-height:142px; padding:18px 14px 2px; }
  .orvian-stage3-logo { width:min(330px,72vw); }
  .orvian-reference-branch { width:105px; right:1px; top:4px; opacity:.68; }
  .orvian-stage3-dots { width:55px; height:45px; left:3px; top:48px; background-size:260px auto; opacity:.26; }
  .orvian-reference-blob { width:185px; height:125px; left:-58px; top:-20px; }
  .orvian-reference-content { padding:0 12px 40px; }
  .orvian-stage3-write {
    padding:75px 22px 22px !important;
    border-radius:28px !important;
  }
  .orvian-stage3-scroll { left:1%; right:1%; top:-20px; height:82px; }
  .orvian-stage3-write-branch { width:92px; height:78px; right:4px; bottom:4px; opacity:.38; }
  .orvian-reference-write h1 {
    font-size:clamp(37px,10.5vw,48px) !important;
    text-align:left;
    line-height:.96;
  }
  .orvian-reference-write > p {
    margin:0 0 18px;
    text-align:left;
    font-size:16px;
  }
  .orvian-home-composer--reference textarea {
    min-height:175px;
    padding:22px 20px 42px;
    font-size:16px;
    border-radius:20px;
  }
  .orvian-reference-start { min-height:62px; margin-top:14px; font-size:25px; }
  .orvian-reference-privacy { margin-top:16px; font-size:13px; }
  .orvian-stage3-help { padding:28px 14px 22px !important; border-radius:25px !important; }
  .orvian-stage3-help::before { width:78%; top:12px; opacity:.38; }
  .orvian-reference-help h2 { font-size:clamp(31px,8.4vw,37px) !important; }
  .orvian-reference-help > p { max-width:28ch; margin:8px auto 18px; font-size:14px; }
  .orvian-reference-options { gap:11px; }
  .orvian-reference-options .orvian-entry-option {
    min-height:126px;
    padding:12px 7px;
    border-radius:18px;
  }
  img.orvian-reference-option-icon { width:60px !important; height:60px !important; }
  .orvian-reference-options .orvian-entry-option strong { font-size:15px; line-height:1.08; }
  .orvian-stage3-reading {
    grid-template-columns:112px minmax(0,1fr) !important;
    gap:10px !important;
    min-height:145px;
    padding:10px 14px 10px 8px !important;
    border-radius:23px !important;
  }
  .orvian-stage3-reading-branch { width:80px; height:70px; opacity:.25; }
  img.orvian-reference-reading-art { width:108px !important; height:120px !important; }
  .orvian-reference-reading-copy { gap:5px; }
  .orvian-reference-reading-copy strong { font-size:clamp(19px,5.9vw,23px) !important; }
  .orvian-reference-reading-copy small { font-size:12px; line-height:1.3; }
  .orvian-reference-reading-copy > u { font-size:13px; }
  .orvian-stage3-how summary {
    grid-template-columns:60px minmax(0,1fr) auto !important;
    min-height:100px;
    padding:12px 14px !important;
  }
  img.orvian-reference-compass { width:57px !important; height:57px !important; }
  .orvian-reference-how summary strong { font-size:clamp(25px,7vw,30px) !important; }
  .orvian-reference-how summary small { font-size:12px; }
  .orvian-reference-footer { padding:30px 6px 6px !important; }
  .orvian-reference-footer::before { width:230px; height:50px; top:-27px; }
}

@media (max-width:360px) {
  .orvian-stage3-logo { width:260px; }
  .orvian-stage3-write { padding:67px 17px 20px !important; }
  .orvian-reference-write h1 { font-size:36px !important; }
  .orvian-reference-options .orvian-entry-option { min-height:118px; }
  img.orvian-reference-option-icon { width:54px !important; height:54px !important; }
  .orvian-stage3-reading { grid-template-columns:94px minmax(0,1fr) !important; }
  img.orvian-reference-reading-art { width:91px !important; height:105px !important; }
  .orvian-reference-reading-copy strong { font-size:18px !important; }
}


/* 0.8.1 — Refinamiento visual: menos carga, mejor jerarquía y footer continuo */
.orvian-reference-home,
.orvian-reference-content,
.orvian-stage3-write,
.orvian-stage3-help,
.orvian-stage3-reading,
.orvian-stage3-how,
.orvian-reference-footer {
  width:100%;
  max-width:100%;
  min-width:0;
}
.orvian-reference-home { overflow-x:clip; }
.orvian-stage3-reading > *,
.orvian-stage3-how summary > *,
.orvian-reference-footer > * { min-width:0; }
.orvian-reference-home img { display:block; max-width:100%; object-fit:contain; }

/* Cabecera más limpia */
.orvian-reference-home::before { opacity:.16 !important; }
.orvian-reference-home::after { display:none !important; }
.orvian-reference-brand.orvian-stage3-brand {
  min-height:178px !important;
  padding:22px 24px 8px !important;
}
.orvian-stage3-logo { width:min(470px,62vw) !important; }
.orvian-reference-branch {
  width:min(190px,19vw) !important;
  right:3.5% !important;
  top:10px !important;
  opacity:.34 !important;
}
.orvian-stage3-dots { display:none !important; }
.orvian-reference-blob { opacity:.20 !important; }

/* Panel principal más compacto */
.orvian-stage3-write {
  margin-top:8px !important;
  padding:88px 54px 28px !important;
  border-radius:28px !important;
  box-shadow:0 12px 30px rgba(76,55,32,.10) !important;
  background:
    linear-gradient(rgba(255,252,246,.90),rgba(255,252,246,.90)),
    url('../images/stage3/panel-texture.webp') center/cover !important;
}
.orvian-stage3-scroll {
  left:2.5% !important;
  right:2.5% !important;
  top:-22px !important;
  height:88px !important;
  filter:drop-shadow(0 5px 7px rgba(91,62,31,.12)) !important;
}
.orvian-stage3-write-branch {
  width:105px !important;
  height:88px !important;
  opacity:.08 !important;
}
.orvian-reference-write h1 {
  font-size:clamp(46px,5.6vw,66px) !important;
  line-height:.94 !important;
  margin-bottom:12px !important;
}
.orvian-reference-write > p {
  margin-bottom:20px !important;
  font-size:18px !important;
  line-height:1.4 !important;
}
.orvian-home-composer--reference textarea {
  min-height:190px !important;
  padding:24px 28px 44px !important;
  border-radius:22px !important;
  background:rgba(255,254,251,.58) !important;
  font-size:17px !important;
  resize:vertical;
}
.orvian-reference-start {
  min-height:66px !important;
  margin-top:16px !important;
  font-size:26px !important;
  box-shadow:0 7px 18px rgba(148,62,28,.16),inset 0 1px 0 rgba(255,255,255,.24) !important;
}
.orvian-reference-start b { margin-left:7px !important; font-size:29px !important; }
.orvian-reference-privacy { margin-top:14px !important; font-size:14px !important; }
.orvian-reference-privacy svg { width:20px !important; height:20px !important; }

/* Ayuda: tarjetas limpias e iguales */
.orvian-stage3-help {
  margin-top:22px !important;
  padding:28px 24px 24px !important;
  border-radius:26px !important;
  background:rgba(250,247,239,.96) !important;
  box-shadow:0 10px 26px rgba(76,55,32,.08) !important;
}
.orvian-stage3-help::before { opacity:.18 !important; top:9px !important; }
.orvian-reference-help h2 { font-size:clamp(35px,4.1vw,46px) !important; }
.orvian-reference-help > p { margin:7px 0 20px !important; font-size:16px !important; }
.orvian-reference-options { gap:12px !important; }
.orvian-reference-options .orvian-entry-option {
  display:grid !important;
  grid-template-columns:1fr !important;
  justify-items:center !important;
  align-content:center !important;
  gap:10px !important;
  min-height:150px !important;
  padding:16px 10px !important;
  border:1px solid rgba(92,74,48,.12) !important;
  border-radius:19px !important;
  background:rgba(255,254,250,.94) !important;
  box-shadow:0 5px 14px rgba(62,52,39,.06) !important;
  text-align:center !important;
}
.orvian-reference-options .orvian-entry-option:hover,
.orvian-reference-options .orvian-entry-option:focus-visible {
  transform:translateY(-1px) !important;
  box-shadow:0 7px 16px rgba(62,52,39,.08) !important;
}
img.orvian-reference-option-icon {
  width:66px !important;
  height:66px !important;
  filter:none !important;
}
.orvian-reference-options .orvian-entry-option strong {
  max-width:10ch !important;
  font-size:16px !important;
  line-height:1.12 !important;
  text-align:center !important;
}

/* Biblioteca: libro protagonista, sin adorno redundante */
.orvian-stage3-reading {
  grid-template-columns:150px minmax(0,1fr) !important;
  gap:18px !important;
  min-height:auto !important;
  margin-top:22px !important;
  padding:16px 22px 16px 14px !important;
  border-radius:25px !important;
  box-shadow:0 10px 26px rgba(76,55,32,.08) !important;
  background:rgba(255,254,250,.96) !important;
}
.orvian-stage3-reading-branch { display:none !important; }
img.orvian-reference-reading-art {
  width:148px !important;
  height:164px !important;
  filter:drop-shadow(0 5px 7px rgba(69,49,29,.10)) !important;
}
.orvian-reference-reading-copy { gap:7px !important; }
.orvian-reference-reading-copy strong {
  font-size:clamp(27px,3vw,34px) !important;
  line-height:1.02 !important;
  white-space:normal !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}
.orvian-reference-reading-copy small {
  margin-top:1px !important;
  max-width:36ch !important;
  font-size:15px !important;
  line-height:1.35 !important;
}
.orvian-reference-reading-copy > u { margin-top:4px !important; font-size:15px !important; }

/* Cómo funciona: más compacto y claramente desplegable */
.orvian-stage3-how {
  margin-top:20px !important;
  border-radius:24px !important;
  box-shadow:0 10px 26px rgba(76,55,32,.08) !important;
  background:rgba(253,248,243,.96) !important;
}
.orvian-stage3-how summary {
  grid-template-columns:70px minmax(0,1fr) 24px !important;
  gap:14px !important;
  min-height:108px !important;
  padding:16px 18px !important;
}
img.orvian-reference-compass {
  width:64px !important;
  height:64px !important;
  filter:none !important;
}
.orvian-reference-how summary strong {
  font-size:30px !important;
  line-height:1 !important;
}
.orvian-reference-how summary small {
  font-size:13px !important;
  line-height:1.35 !important;
}
.orvian-reference-how summary > b {
  width:22px !important;
  height:22px !important;
  display:grid !important;
  place-items:center !important;
  font-size:22px !important;
  line-height:1 !important;
}
.orvian-reference-how-body {
  padding:0 18px 20px !important;
  background:transparent !important;
}
.orvian-reference-how-steps { gap:8px !important; margin-bottom:12px !important; }
.orvian-reference-how-steps article {
  padding:9px 10px !important;
  border-color:rgba(103,87,66,.10) !important;
  background:rgba(255,255,255,.55) !important;
}
.orvian-reference-how-body > p { font-size:14px !important; line-height:1.5 !important; }

/* Footer: un solo panel, sin franjas ni adornos invasivos */
.orvian-reference-footer {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:24px 18px !important;
  margin-top:30px !important;
  padding:32px 24px 38px !important;
  border:1px solid rgba(112,82,42,.12) !important;
  border-radius:24px !important;
  background:rgba(245,238,224,.94) !important;
  box-shadow:0 8px 22px rgba(76,55,32,.06) !important;
  overflow:hidden !important;
}
.orvian-reference-footer::before { display:none !important; }
.orvian-reference-footer > div:first-child { grid-column:1 / -1 !important; }
.orvian-reference-footer > div { gap:10px !important; }
.orvian-reference-footer > div:first-child strong { font-size:38px !important; }
.orvian-reference-footer > div:first-child span { font-size:12px !important; }
.orvian-reference-footer b { margin-bottom:2px !important; font-size:10px !important; }
.orvian-reference-footer button {
  min-height:34px !important;
  padding:3px 0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:16px !important;
  line-height:1.2 !important;
  text-align:left !important;
}
.orvian-reference-footer > p {
  display:block !important;
  grid-column:1 / -1 !important;
  margin-top:4px !important;
  font-size:14px !important;
  line-height:1.5 !important;
}

/* Ritmo vertical */
.orvian-stage3-write { margin-bottom:22px !important; }
.orvian-stage3-help { margin-bottom:22px !important; }
.orvian-stage3-reading { margin-bottom:20px !important; }
.orvian-stage3-how { margin-bottom:30px !important; }

@media (max-width:720px) {
  .orvian-reference-brand.orvian-stage3-brand {
    min-height:128px !important;
    padding:16px 14px 4px !important;
  }
  .orvian-stage3-logo { width:min(310px,76vw) !important; }
  .orvian-reference-branch {
    width:96px !important;
    right:4px !important;
    top:12px !important;
    opacity:.26 !important;
  }
  .orvian-reference-blob { opacity:.13 !important; }
  .orvian-reference-content { padding:0 12px 36px !important; }

  .orvian-stage3-write {
    padding:62px 18px 20px !important;
    border-radius:26px !important;
  }
  .orvian-stage3-scroll {
    left:3% !important;
    right:3% !important;
    top:-14px !important;
    height:60px !important;
  }
  .orvian-stage3-write-branch { display:none !important; }
  .orvian-reference-write h1 {
    font-size:clamp(40px,10.7vw,50px) !important;
    line-height:.94 !important;
    text-align:left !important;
  }
  .orvian-reference-write > p {
    margin-bottom:16px !important;
    font-size:16px !important;
    text-align:left !important;
  }
  .orvian-home-composer--reference textarea {
    min-height:176px !important;
    padding:22px 22px 42px !important;
    font-size:17px !important;
  }
  .orvian-reference-start {
    min-height:66px !important;
    margin-top:16px !important;
    font-size:22px !important;
  }
  .orvian-reference-privacy { margin-top:12px !important; font-size:13px !important; }

  .orvian-stage3-help {
    padding:28px 18px 22px !important;
    border-radius:26px !important;
  }
  .orvian-stage3-help::before { display:none !important; }
  .orvian-reference-help h2 { font-size:34px !important; line-height:1 !important; }
  .orvian-reference-help > p { margin:8px auto 18px !important; font-size:14px !important; }
  .orvian-reference-options { gap:11px !important; }
  .orvian-reference-options .orvian-entry-option {
    min-height:142px !important;
    padding:16px 8px !important;
  }
  img.orvian-reference-option-icon { width:62px !important; height:62px !important; }
  .orvian-reference-options .orvian-entry-option strong { font-size:16px !important; }

  .orvian-stage3-reading {
    grid-template-columns:112px minmax(0,1fr) !important;
    gap:14px !important;
    padding:16px !important;
    border-radius:23px !important;
  }
  img.orvian-reference-reading-art { width:112px !important; height:138px !important; }
  .orvian-reference-reading-copy strong { font-size:25px !important; }
  .orvian-reference-reading-copy small { margin-top:8px !important; font-size:13px !important; }
  .orvian-reference-reading-copy > u { margin-top:8px !important; font-size:14px !important; }

  .orvian-stage3-how summary {
    grid-template-columns:64px minmax(0,1fr) 22px !important;
    gap:14px !important;
    min-height:108px !important;
    padding:16px 18px !important;
  }
  img.orvian-reference-compass { width:62px !important; height:62px !important; }
  .orvian-reference-how summary strong { font-size:30px !important; }
  .orvian-reference-how summary small { font-size:13px !important; }
  .orvian-reference-how summary > b { font-size:22px !important; }
  .orvian-reference-how-body { padding:0 16px 18px !important; }

  .orvian-reference-footer {
    grid-template-columns:1fr 1fr !important;
    gap:22px 16px !important;
    padding:30px 22px 36px !important;
    border-radius:22px !important;
  }
  .orvian-reference-footer > div:first-child strong { font-size:36px !important; }
  .orvian-reference-footer button { font-size:16px !important; }
}

@media (max-width:360px) {
  .orvian-stage3-logo { width:270px !important; }
  .orvian-stage3-write { padding:58px 16px 18px !important; }
  .orvian-reference-write h1 { font-size:38px !important; }
  .orvian-reference-options .orvian-entry-option { min-height:136px !important; }
  img.orvian-reference-option-icon { width:58px !important; height:58px !important; }
  .orvian-stage3-reading { grid-template-columns:96px minmax(0,1fr) !important; gap:12px !important; }
  img.orvian-reference-reading-art { width:96px !important; height:124px !important; }
  .orvian-reference-reading-copy strong { font-size:22px !important; }
  .orvian-reference-footer { padding:28px 18px 34px !important; }
  .orvian-reference-footer button { font-size:15px !important; }
}
\n\n/* 0.8.2 — superficie secundaria continua + conversación de texto abierta */\n.orvian-reference-content { padding-bottom:0 !important; }\n.orvian-secondary-surface {\n  width:100%; max-width:100%; min-width:0;\n  margin-top:22px; padding:24px 18px 40px;\n  border-radius:34px 34px 0 0;\n  background:\n    linear-gradient(rgba(247,239,224,.92),rgba(247,239,224,.92)),\n    url('../images/stage3/paper-texture.webp') center top/760px auto repeat;\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);\n}\n.orvian-secondary-surface > .orvian-stage3-help,\n.orvian-secondary-surface > .orvian-stage3-reading,\n.orvian-secondary-surface > .orvian-stage3-how,\n.orvian-secondary-surface > .orvian-reference-footer {\n  margin-left:0 !important; margin-right:0 !important;\n  background:rgba(255,253,248,.88) !important;\n  background-image:none !important;\n  border:1px solid rgba(85,67,43,.10) !important;\n  box-shadow:0 8px 24px rgba(60,45,27,.06) !important;\n  overflow:hidden;\n}\n.orvian-secondary-surface > .orvian-stage3-help::before,\n.orvian-secondary-surface > .orvian-reference-footer::before { display:none !important; }\n.orvian-secondary-surface > .orvian-stage3-help { margin-top:0 !important; }\n.orvian-secondary-surface > .orvian-stage3-reading,\n.orvian-secondary-surface > .orvian-stage3-how,\n.orvian-secondary-surface > .orvian-reference-footer { margin-top:20px !important; }\n.orvian-reference-footer { border-radius:28px !important; }\n.orvian-home-access[hidden] { display:none !important; }\n.orvian-plan-comparison--three { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }\n.orvian-plan-comparison--three .is-pro { border-color:rgba(69,91,75,.22); }\n.orvian-plan-comparison--three .is-pro > strong { font-size:20px; }\n@media (max-width:900px) { .orvian-plan-comparison--three { grid-template-columns:1fr !important; } }\n@media (max-width:720px) {\n  .orvian-secondary-surface { margin-top:20px; padding:18px 12px 34px; border-radius:28px 28px 0 0; }\n  .orvian-secondary-surface > .orvian-stage3-help,\n  .orvian-secondary-surface > .orvian-stage3-reading,\n  .orvian-secondary-surface > .orvian-stage3-how,\n  .orvian-secondary-surface > .orvian-reference-footer { border-radius:24px !important; }\n  .orvian-secondary-surface > .orvian-stage3-reading,\n  .orvian-secondary-surface > .orvian-stage3-how,\n  .orvian-secondary-surface > .orvian-reference-footer { margin-top:18px !important; }\n}\n

/* 0.8.3 — fondo continuo, continuidad para invitados y visual coherente */
.orvian-home-access { display:none !important; }
.orvian-reference-home,
.orvian-view--library .orvian-scroll-area,
.orvian-view--space .orvian-scroll-area,
.orvian-sheet__card,
.orvian-observation-modal__card {
  background:
    linear-gradient(rgba(248,242,231,.96), rgba(248,242,231,.96)),
    url('../images/stage3/paper-texture.webp') center top/780px auto repeat !important;
}
.orvian-reference-content { padding-bottom:0 !important; }
.orvian-secondary-surface {
  width:100%;
  max-width:100%;
  min-width:0;
  margin-top:24px;
  padding:24px 18px 34px;
  border-radius:34px;
  border:1px solid rgba(112,92,62,.10);
  background:
    linear-gradient(rgba(244,236,223,.94), rgba(244,236,223,.94)),
    url('../images/stage3/paper-texture.webp') center top/760px auto repeat !important;
  box-shadow:0 16px 34px rgba(72,56,38,.08), inset 0 1px 0 rgba(255,255,255,.5);
}
.orvian-secondary-surface::before,
.orvian-secondary-surface::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:0;
}
.orvian-reference-content .orvian-secondary-surface { position:relative; }
.orvian-secondary-surface > .orvian-stage3-help,
.orvian-secondary-surface > .orvian-stage3-reading,
.orvian-secondary-surface > .orvian-stage3-how {
  margin:0 !important;
  background:rgba(255,252,247,.78) !important;
  border:1px solid rgba(85,67,43,.10) !important;
  box-shadow:0 8px 24px rgba(60,45,27,.05) !important;
  overflow:hidden;
}
.orvian-secondary-surface > .orvian-stage3-help::before,
.orvian-secondary-surface > .orvian-stage3-reading::before,
.orvian-secondary-surface > .orvian-stage3-how::before,
.orvian-secondary-surface > .orvian-reference-footer::before { display:none !important; }
.orvian-secondary-surface > .orvian-stage3-reading,
.orvian-secondary-surface > .orvian-stage3-how,
.orvian-secondary-surface > .orvian-reference-footer { margin-top:18px !important; }
.orvian-reference-footer {
  margin-top:20px !important;
  padding:12px 8px 0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
}
.orvian-reference-footer > div,
.orvian-reference-footer > p { min-width:0; }
.orvian-reference-footer > div:first-child,
.orvian-reference-footer > div,
.orvian-reference-footer > p {
  background:transparent !important;
}
.orvian-home-resume {
  margin:18px 0 0;
  padding:16px;
  border:1px solid rgba(85,67,43,.12);
  border-radius:24px;
  background:rgba(255,251,245,.76);
  box-shadow:0 8px 22px rgba(60,45,27,.05);
}
.orvian-home-resume__button {
  width:100%;
  display:grid;
  gap:4px;
  justify-items:start;
  text-align:left;
  background:none;
  border:0;
  padding:0;
  color:#28483f;
  cursor:pointer;
}
.orvian-home-resume__eyebrow {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#85745f;
}
.orvian-home-resume__button strong {
  font-family: var(--orvian-serif);
  font-size: clamp(28px, 4vw, 34px);
  line-height:1;
  color:#25493d;
}
.orvian-home-resume__button small {
  font-size:14px;
  color:#6e6a63;
}
.orvian-home-resume__button u {
  margin-top:4px;
  text-decoration:none;
  font-weight:700;
  color:#c7653e;
}
.orvian-home-resume > p {
  margin:10px 0 0;
  font-size:13px;
  color:#6e6a63;
}
.orvian-view--library .orvian-page-header,
.orvian-view--space .orvian-page-header {
  margin:20px 16px 0;
  padding:24px 22px;
  border-radius:28px;
  background:rgba(255,252,247,.82);
  border:1px solid rgba(85,67,43,.10);
  box-shadow:0 12px 28px rgba(58,43,25,.06);
}
.orvian-view--library .orvian-library-content,
.orvian-view--space .orvian-space-content {
  margin:18px 16px 34px;
  padding:0;
}
.orvian-view--library .orvian-search,
.orvian-view--library .orvian-filter-row,
.orvian-view--library .orvian-collection-card,
.orvian-view--space .orvian-space-banner,
.orvian-view--space .orvian-settings-card {
  background:rgba(255,252,247,.82) !important;
  border:1px solid rgba(85,67,43,.10) !important;
  box-shadow:0 12px 28px rgba(58,43,25,.06) !important;
}
.orvian-view--library .orvian-search,
.orvian-view--library .orvian-filter-row,
.orvian-view--library .orvian-collection-card,
.orvian-view--space .orvian-space-banner,
.orvian-view--space .orvian-settings-card,
.orvian-view--library .orvian-observation-card {
  border-radius:24px !important;
}
.orvian-view--library .orvian-observation-card {
  background:rgba(255,252,247,.88) !important;
  border:1px solid rgba(85,67,43,.10) !important;
  box-shadow:0 10px 24px rgba(58,43,25,.05) !important;
}
.orvian-view--space .orvian-setting-row,
.orvian-view--space .orvian-plan-card,
.orvian-view--library .orvian-filter-row button,
.orvian-view--library .orvian-search input {
  background:transparent !important;
}
.orvian-view--space .orvian-plan-card__badge {
  background:#efe6d0 !important;
  color:#385246 !important;
}
.orvian-sheet__card,
.orvian-observation-modal__card {
  border:1px solid rgba(85,67,43,.12);
  box-shadow:0 22px 60px rgba(35,29,21,.18) !important;
}
.orvian-auth-card .orvian-auth-tabs,
.orvian-auth-card .orvian-auth-form,
.orvian-plan-sheet .orvian-plan-comparison > section {
  background:rgba(255,252,247,.76) !important;
  border-color:rgba(85,67,43,.12) !important;
}
.orvian-plan-comparison--three { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
.orvian-plan-comparison--three .is-pro { border-color:rgba(69,91,75,.22) !important; }
.orvian-plan-comparison--three .is-pro > strong { font-size:20px; }
@media (max-width:900px) {
  .orvian-plan-comparison--three { grid-template-columns:1fr !important; }
}
@media (max-width:720px) {
  .orvian-secondary-surface {
    margin-top:20px;
    padding:18px 12px 28px;
    border-radius:28px;
  }
  .orvian-secondary-surface > .orvian-stage3-help,
  .orvian-secondary-surface > .orvian-stage3-reading,
  .orvian-secondary-surface > .orvian-stage3-how,
  .orvian-view--library .orvian-page-header,
  .orvian-view--space .orvian-page-header,
  .orvian-view--library .orvian-search,
  .orvian-view--library .orvian-filter-row,
  .orvian-view--library .orvian-collection-card,
  .orvian-view--space .orvian-space-banner,
  .orvian-view--space .orvian-settings-card,
  .orvian-view--library .orvian-observation-card,
  .orvian-home-resume,
  .orvian-sheet__card,
  .orvian-observation-modal__card {
    border-radius:24px !important;
  }
  .orvian-view--library .orvian-page-header,
  .orvian-view--space .orvian-page-header,
  .orvian-view--library .orvian-library-content,
  .orvian-view--space .orvian-space-content {
    margin-left:12px;
    margin-right:12px;
  }
  .orvian-reference-footer {
    padding:8px 2px 0 !important;
  }
}


/* 0.8.4 — refinamiento de escritorio, jerarquía y continuidad visual */
.orvian-stage3-logo,
.orvian-stage3-logo:hover,
.orvian-stage3-logo:focus,
.orvian-stage3-logo:focus-visible,
.orvian-stage3-logo:active {
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
.orvian-stage3-logo img { user-select:none; -webkit-user-drag:none; }

.orvian-home-resume__button strong {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-wrap:balance;
}
.orvian-home-resume__button small,
.orvian-home-resume > p { max-width:72ch; }

@media (min-width: 1024px) {
  .orvian-reference-home::before {
    width: 420px;
    height: 250px;
    left: -155px;
    top: 34px;
    opacity: .18;
  }
  .orvian-reference-content {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 28px 34px !important;
  }
  .orvian-reference-brand.orvian-stage3-brand {
    min-height: 164px !important;
    padding: 22px 18px 4px !important;
  }
  .orvian-stage3-logo {
    width: min(430px, 42vw) !important;
  }
  .orvian-stage3-logo img {
    filter: drop-shadow(0 1px 0 rgba(255,255,255,.42));
  }
  .orvian-reference-branch {
    width: min(160px, 14vw) !important;
    right: 3.2% !important;
    top: 14px !important;
    opacity: .26 !important;
  }
  .orvian-stage3-write {
    max-width: 1120px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 78px 54px 34px !important;
  }
  .orvian-reference-write h1 {
    max-width: 11ch;
    font-size: clamp(62px, 6vw, 76px) !important;
    line-height: .9 !important;
    text-wrap: balance;
  }
  .orvian-reference-write p {
    max-width: 44ch;
    font-size: 18px !important;
  }
  .orvian-reference-form {
    max-width: 880px;
  }
  .orvian-home-resume {
    margin-top: 20px;
    padding: 20px 22px;
    border-radius: 26px;
  }
  .orvian-home-resume__button {
    gap: 7px;
  }
  .orvian-home-resume__button strong {
    font-size: clamp(26px, 3vw, 34px);
    line-height: 1.02;
    max-width: 100%;
  }
  .orvian-home-resume__button small { font-size: 15px; }
  .orvian-home-resume > p { margin-top: 12px; font-size: 14px; }

  .orvian-secondary-surface {
    max-width: 1120px;
    margin: 26px auto 0;
    padding: 28px 28px 32px;
    border-radius: 38px;
  }
  .orvian-secondary-surface > .orvian-stage3-help,
  .orvian-secondary-surface > .orvian-stage3-reading,
  .orvian-secondary-surface > .orvian-stage3-how {
    border-radius: 30px !important;
  }
  .orvian-stage3-help {
    padding: 34px 40px 36px !important;
  }
  .orvian-stage3-help::after {
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
  }
  .orvian-stage3-help .orvian-entry-options,
  .orvian-reference-options {
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 18px !important;
  }
  .orvian-stage3-help .orvian-entry-option,
  .orvian-reference-options .orvian-entry-option {
    min-height: 168px !important;
    padding: 22px 18px !important;
    align-content: start;
    gap: 18px !important;
  }
  img.orvian-reference-option-icon {
    width: 76px !important;
    height: 76px !important;
  }
  .orvian-entry-option strong {
    font-size: 18px !important;
    line-height: 1.15 !important;
  }

  .orvian-stage3-reading {
    grid-template-columns: 170px minmax(0,1fr) !important;
    gap: 28px !important;
    padding: 28px 34px !important;
    align-items: center !important;
  }
  img.orvian-reference-reading-art {
    width: 150px !important;
    height: auto !important;
  }
  .orvian-reference-reading-copy {
    gap: 12px !important;
    align-content: center !important;
  }
  .orvian-reference-reading-copy strong {
    max-width: 13ch;
    font-size: clamp(42px, 4vw, 54px) !important;
    line-height: .92 !important;
    text-wrap: balance;
  }
  .orvian-reference-reading-copy small {
    font-size: 17px !important;
    line-height: 1.45 !important;
    max-width: 34ch;
  }
  .orvian-reference-reading-copy u {
    margin-top: 4px;
    font-size: 18px !important;
  }

  .orvian-stage3-how {
    border-radius: 30px !important;
  }
  .orvian-stage3-how summary {
    grid-template-columns: 70px minmax(0,1fr) auto !important;
    gap: 18px !important;
    min-height: 128px !important;
    padding: 24px 30px !important;
  }
  .orvian-reference-compass {
    width: 52px !important;
    height: 52px !important;
  }
  .orvian-reference-how summary strong {
    font-size: clamp(42px, 4vw, 52px) !important;
    line-height: .94 !important;
  }
  .orvian-reference-how summary small {
    display:block;
    margin-top: 8px;
    font-size: 18px !important;
    line-height: 1.35 !important;
    max-width: 28ch;
  }
  .orvian-reference-how summary > b {
    font-size: 30px !important;
    padding-right: 2px;
  }
  .orvian-reference-how-body {
    padding: 0 30px 28px !important;
  }
  .orvian-reference-how-steps {
    display: grid;
    gap: 14px;
    margin-top: 2px;
  }
  .orvian-reference-how-steps article {
    padding: 18px 20px !important;
    border-radius: 22px !important;
  }
  .orvian-reference-how-steps article b {
    width: 40px !important;
    height: 40px !important;
    font-size: 20px !important;
  }
  .orvian-reference-how-steps article strong {
    font-size: 18px !important;
  }
  .orvian-reference-how-steps article small,
  .orvian-reference-how-body > p {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  .orvian-reference-footer {
    margin-top: 22px !important;
    padding: 26px 28px 24px !important;
    border-radius: 30px !important;
    background: rgba(255,250,243,.58) !important;
    border: 1px solid rgba(85,67,43,.10) !important;
    box-shadow: 0 10px 24px rgba(57,42,25,.05) !important;
    display: grid !important;
    grid-template-columns: minmax(220px, 1.2fr) minmax(170px, .85fr) minmax(170px, .85fr) !important;
    gap: 18px 42px !important;
    align-items: start !important;
  }
  .orvian-reference-footer > div:first-child strong {
    font-size: 54px !important;
    line-height: .92 !important;
  }
  .orvian-reference-footer > div:first-child span {
    font-size: 16px !important;
  }
  .orvian-reference-footer b {
    display:block;
    margin-bottom: 8px !important;
    font-size: 11px !important;
    letter-spacing: .14em;
  }
  .orvian-reference-footer button {
    display:block;
    width:fit-content;
    min-height: 0 !important;
    padding: 3px 0 !important;
    font-size: 19px !important;
    line-height: 1.3 !important;
  }
  .orvian-reference-footer > p {
    grid-column: 1 / -1;
    margin-top: 6px !important;
    max-width: 48ch;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  .orvian-view--library .orvian-scroll-area,
  .orvian-view--space .orvian-scroll-area {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 28px 38px;
  }
  .orvian-view--library .orvian-page-header,
  .orvian-view--space .orvian-page-header,
  .orvian-view--library .orvian-library-content,
  .orvian-view--space .orvian-space-content {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1024px) and (max-width: 1220px) {
  .orvian-reference-content,
  .orvian-view--library .orvian-scroll-area,
  .orvian-view--space .orvian-scroll-area {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .orvian-stage3-help .orvian-entry-option,
  .orvian-reference-options .orvian-entry-option {
    min-height: 154px !important;
  }
}