/* Experiencia pública: comparte la identidad visual sin exigir una cuenta. */
@media screen {
    body.pv-publico #contenido-gestion { padding-bottom: 2.5rem; }
    .pv-publico #contenido-gestion .btn-link { color: #126e62; }
    .pv-publico #contenido-gestion .btn-link:hover { color: #0d544b; }
    body.pv-publico #contenido-gestion #pv-mis-pedidos { max-width: 1100px; margin: 0 auto 2rem; padding-inline: .75rem; }
    .pv-publico #pv-mis-pedidos .pv-orders-heading { padding: .25rem 0 1rem; }
    body.pv-publico #contenido-gestion #pv-mis-pedidos h1 { font-size: clamp(1.9rem, 3vw, 2.6rem); letter-spacing: -.04em; }
    .pv-publico #pv-mis-pedidos .card { overflow-wrap: anywhere; }
    .pv-publico #pv-mis-pedidos .card h2 { color: #213a3c; letter-spacing: -.025em; }
    .pv-publico #pv-mis-pedidos .list-group-item { padding-block: 1rem; border-color: #e4ebe4; color: #526a60; font-size: .9rem; }
    .pv-publico #pv-mis-pedidos .list-group-item > span { min-width: 0; }
    .pv-publico #pv-mis-pedidos .list-group-item strong { color: #213a3c; font-variant-numeric: tabular-nums; }
    .pv-publico #pv-mis-pedidos .pv-order-detail ol { padding: 1rem 1rem 1rem 2rem; border: 1px solid #dfe9df; border-radius: 12px; background: #f6f9f3; color: #526a60; }
    .pv-publico #pv-mis-pedidos .pv-order-detail ol li { margin-block: .5rem; }
    .pv-publico #pv-mis-pedidos .pv-order-detail .bg-light { border: 1px solid #dfe9df; border-radius: 12px !important; background: #f6f9f3 !important; }
    .pv-publico #pv-mis-pedidos .pv-order-detail #pv-enlace-seguro { font-size: .8rem; }
    body.pv-publico #contenido-gestion #pv-mis-pedidos .pv-orders-empty { align-items: center; padding: 2.5rem !important; background: #fff !important; text-align: center; }
    .pv-publico #pv-mis-pedidos .pv-orders-empty p { max-width: 600px; color: #647573; line-height: 1.8; }
    .pv-publico #pv-mis-pedidos .pv-orders-empty-icon { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 1.5rem; border: 1px solid #d9e6dc; border-radius: 18px; background: #edf5ef; color: #147d6f; font-size: 1.75rem; }
    .pv-publico #menu_secundario .btn-seccion.pv-quick-active { background: #e1ede5; border-color: #c7dbcc; color: #145d49; font-weight: 700; }
    .pv-publico #contenido-gestion :is(.pv-public-home, .pv-public-directory, .pv-business) { width: 100%; min-width: 0; }
    .pv-publico #contenido-gestion .pv-public-kicker { margin: 0 0 .7rem; color: #147d6f; font-size: .68rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
    .pv-publico #contenido-gestion .pv-public-section-heading { margin-bottom: 1.5rem; }
    .pv-publico #contenido-gestion .pv-public-section-heading h2 { margin: 0; font-size: clamp(1.5rem, 2.5vw, 2rem); letter-spacing: -.035em; }
    body.pv-publico #contenido-gestion .pv-business { max-width: 1300px; margin: 0 auto; padding-inline: .75rem; }
    body.pv-publico #contenido-gestion .pv-business-hero { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, .8fr); align-items: center; gap: 2.5rem; margin-bottom: 3.5rem !important; padding: 2.5rem 0; border-radius: 0; background: transparent; }
    body.pv-publico #contenido-gestion .pv-business h1 { max-width: 760px; font-size: clamp(2rem, 3.8vw, 3.5rem); line-height: 1.13; letter-spacing: -.045em; }
    .pv-publico .pv-business-hero-copy > .lead { max-width: 650px; margin: 1.25rem 0 0; color: #647573; font-size: 1rem; line-height: 1.8; }
    .pv-publico .pv-business-trial { max-width: 620px; color: #647573; font-size: .8rem; line-height: 1.7; }
    .pv-publico .pv-business-showcase { padding: 2rem; border: 1px solid #31534f; border-radius: 24px; background: #112e38; color: #fff; box-shadow: 0 18px 45px rgb(17 46 56 / 10%); }
    .pv-publico .pv-business-showcase-icon { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 1.5rem; border: 1px solid #51766a; border-radius: 18px; background: #214941; color: #c1e5cf; font-size: 2rem; }
    .pv-publico .pv-business-showcase > p { margin-bottom: .6rem; color: #abd2c3; font-size: .65rem; letter-spacing: .13em; font-weight: 700; }
    .pv-publico .pv-business-showcase h2 { max-width: 300px; margin-bottom: 1.8rem; color: #fff; font-size: 1.65rem; line-height: 1.25; letter-spacing: -.035em; }
    .pv-publico .pv-business-flow { display: flex; align-items: center; gap: .9rem; padding: 1rem 0; border-top: 1px solid #36534f; }
    .pv-publico .pv-business-flow > i { width: 24px; color: #abd2c3; font-size: 1.2rem; }
    .pv-publico .pv-business-flow strong { display: block; color: #fff; font-size: .88rem; font-weight: 600; }
    .pv-publico .pv-business-flow small { display: block; margin-top: .2rem; color: #bdd0c9; font-size: .75rem; }
    body.pv-publico #contenido-gestion .pv-business-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
    body.pv-publico #contenido-gestion .pv-business-card { min-width: 0; padding: 1.75rem; border: 1px solid #d8e1dd; border-radius: 18px; background: #fff; box-shadow: 0 4px 24px rgb(24 54 47 / 3%); }
    .pv-publico .pv-business-feature-icon { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 1.25rem; border: 1px solid #dce8df; border-radius: 13px; background: #edf5f1; color: #147d6f; font-size: 1.35rem; }
    .pv-publico .pv-business-card > h3 { margin-bottom: .8rem; font-size: 1.1rem; letter-spacing: -.02em; }
    .pv-publico .pv-business-card > p { margin-bottom: 0; color: #647573; font-size: .85rem; line-height: 1.8; }
    .pv-publico .pv-business-plans { margin-top: 3.5rem; }
    body.pv-publico #contenido-gestion .pv-business-plan { position: relative; padding-top: 2rem; }
    body.pv-publico #contenido-gestion .pv-business-plan.is-featured { border-color: #88b9a6; box-shadow: 0 10px 35px rgb(20 125 111 / 7%); }
    .pv-publico .pv-business-plan-flag { display: inline-block; margin: 0 0 1rem; padding: .35rem .65rem; border-radius: 7px; background: #e5f1e8; color: #126e62; font-size: .68rem; font-weight: 600; }
    .pv-publico .pv-business-card > .pv-business-plan-price { margin-bottom: 1.25rem; color: #213a3c; font-size: clamp(1.5rem, 2vw, 2rem); font-weight: 700; line-height: 1.3; letter-spacing: -.04em; overflow-wrap: anywhere; }
    .pv-publico .pv-business-plan ul { display: grid; gap: .65rem; margin: 1.4rem 0 0; padding: 1.4rem 0 0; border-top: 1px solid #e7ece6; list-style: none; }
    .pv-publico .pv-business-plan li { position: relative; margin: 0; padding-left: 1.35rem; color: #526a60; font-size: .8rem; line-height: 1.65; }
    .pv-publico .pv-business-plan li::before { content: "✓"; position: absolute; left: 0; color: #147d6f; font-weight: 700; }
    .pv-publico .pv-business-plan-note { max-width: 850px; font-size: .76rem; line-height: 1.75; }
    body.pv-publico #contenido-gestion .pv-business-start { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2rem; margin-top: 2.5rem; padding: 2rem; border: 1px solid #d8e1dd; border-radius: 20px; background: #edf5ef; }
    .pv-publico .pv-business-start h2 { margin-bottom: 1rem; font-size: 1.65rem; letter-spacing: -.035em; }
    .pv-publico .pv-business-start ol { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; margin: 0; padding-left: 1.2rem; color: #526a60; font-size: .85rem; }
    .pv-publico .pv-business-start li { padding-left: .25rem; margin: 0; }
    @media (max-width: 991.98px) {
        body.pv-publico #contenido-gestion .pv-business-hero { grid-template-columns: 1fr; gap: 1.5rem; padding-top: 1rem; margin-bottom: 2.5rem !important; }
        .pv-publico .pv-business-showcase { max-width: 100%; }
        .pv-publico .pv-business-showcase h2 { max-width: none; }
        body.pv-publico #contenido-gestion .pv-business-cards { grid-template-columns: 1fr; }
        body.pv-publico #contenido-gestion .pv-business-start { grid-template-columns: 1fr; gap: 1.5rem; }
    }
    @media (max-width: 575.98px) {
        body.pv-publico #contenido-gestion #pv-mis-pedidos { padding-inline: .25rem; }
        .pv-publico #pv-mis-pedidos .pv-orders-heading > .btn { width: 100%; }
        body.pv-publico #contenido-gestion #pv-mis-pedidos .pv-orders-empty { padding: 1.5rem !important; }
        .pv-publico #pv-mis-pedidos .list-group-item { flex-wrap: wrap; gap: .5rem !important; }
        body.pv-publico #contenido-gestion .pv-business { padding-inline: .25rem; }
        .pv-publico .pv-business-showcase, body.pv-publico #contenido-gestion .pv-business-card { padding: 1.4rem; }
        body.pv-publico #contenido-gestion .pv-business-start { padding: 1.4rem; }
        .pv-publico .pv-business-start .btn { width: 100%; }
    }
}