: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;
  }
}