/* Ordenalys · aspecto de la carta digital (lo usan la página pública y la vista previa de la app) */
.cv{position:relative;overflow:hidden;background:var(--c-bg);color:var(--c-ink);font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;
  --c-bg:#f6f0e4;--c-surface:#fffdf8;--c-ink:#1f1a14;--c-muted:#6e6454;--c-line:#e4d9c3;--c-soft:#efe6d3;--acc:#c2410c;--on-acc:#fff;--display:'Fraunces',Georgia,'Times New Roman',serif}
.cv *,.cv *:before,.cv *:after{box-sizing:border-box}
.cv[data-tpl="elegante"]{--c-bg:#fbf6ea}
:where(.cv) :where(h1,h2,h3,p){margin:0}
:where(.cv) button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0;text-align:left}
.cv .carta{height:100%;overflow-y:auto;overscroll-behavior:contain;container-type:inline-size;background:var(--c-bg);scroll-behavior:smooth}
.cv.pg{overflow:visible;min-height:100vh;min-height:100dvh}
.cv.pg .carta{height:auto;overflow:visible;min-height:100vh;min-height:100dvh}
.c-cover{position:relative;overflow:hidden;color:var(--on-acc);background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 90%,#000),color-mix(in srgb,var(--acc) 62%,#000));padding:30px 20px 56px}
.c-cover:before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1.4px,transparent 1.7px);background-size:24px 24px;opacity:.7}
.c-cover>*{position:relative}
.c-lg{margin-bottom:14px}
.c-lg img,.c-lg .c-mono{display:block}
.c-mono{display:inline-grid;place-items:center;background:var(--acc);color:var(--on-acc);font-family:var(--display);font-weight:700;letter-spacing:-.02em;border:2px solid rgba(255,255,255,.55)}
.c-lg img{object-fit:cover;background:#fff;border:2px solid rgba(255,255,255,.55)}
.c-cover small{display:block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.85;margin-bottom:8px}
.c-cover h1{font-family:var(--display);font-size:clamp(30px,10cqi,52px);line-height:1.04;font-weight:700;overflow-wrap:anywhere}
.c-cover p{margin-top:8px;font-size:14.5px;opacity:.93;max-width:34ch}
.c-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.c-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:600;background:rgba(255,255,255,.18)}
.c-dot{width:7px;height:7px;border-radius:50%;background:#7CFFB2;animation:cvpulso 2s infinite}
@keyframes cvpulso{70%{box-shadow:0 0 0 7px rgba(124,255,178,0)}100%{box-shadow:0 0 0 0 rgba(124,255,178,0)}}
.cv[data-tpl="elegante"] .c-cover{background:var(--c-bg);color:var(--c-ink);text-align:center;padding:34px 20px 22px;border-bottom:1px solid var(--c-line)}
.cv[data-tpl="elegante"] .c-cover:before{display:none}
.cv[data-tpl="elegante"] .c-cover small{color:var(--acc);opacity:1}
.cv[data-tpl="elegante"] .c-cover p{margin-inline:auto;font-style:italic;color:var(--c-muted);opacity:1}
.cv[data-tpl="elegante"] .c-cover h1{font-weight:600}
.cv[data-tpl="elegante"] .c-meta{justify-content:center}
.cv[data-tpl="elegante"] .c-pill{background:var(--c-soft);color:var(--c-ink)}
.cv[data-tpl="elegante"] .c-lg{display:flex;justify-content:center}
.c-nav{position:sticky;top:8px;z-index:10;margin:-26px 12px 0}
.cv[data-tpl="elegante"] .c-nav{margin:10px 12px 0}
.c-box{display:flex;gap:6px;align-items:center;background:var(--c-surface);border:1px solid var(--c-line);border-radius:16px;padding:6px;box-shadow:0 14px 28px -20px rgba(60,40,10,.6)}
.c-chips{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;position:relative}
.c-chips::-webkit-scrollbar{display:none}
.c-chip{flex:none;border-radius:11px;padding:8px 12px;font-size:13.5px;font-weight:700;color:var(--c-muted);transition:background .2s,color .2s}
.c-chip.on{background:var(--acc);color:var(--on-acc)}
.c-sbtn{flex:none;width:36px;height:36px;border-radius:11px;background:var(--c-soft);display:grid;place-items:center;color:var(--c-ink)}
.c-sbtn svg{width:18px;height:18px}
.c-search{margin-top:6px}
.c-search input{width:100%;border:1px solid var(--c-line);background:var(--c-surface);color:var(--c-ink);border-radius:13px;padding:11px 13px;font:inherit;font-size:16px}
.c-search input:focus{outline:2px solid var(--acc);outline-offset:1px}
.c-menu{padding:22px 12px 8px}
.c-cat{margin-bottom:26px;scroll-margin-top:80px}
.c-cat h2{font-family:var(--display);font-size:25px;font-weight:700;display:flex;align-items:baseline;gap:9px;margin-bottom:12px}
.c-cat h2 span{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:12px;font-weight:700;color:color-mix(in srgb,var(--acc) 85%,#000);background:color-mix(in srgb,var(--acc) 14%,transparent);border-radius:999px;padding:2px 9px}
.c-grid{display:grid;gap:10px;grid-template-columns:1fr}
.c-it{position:relative;width:100%;border:1px solid var(--c-line)!important;background:var(--c-surface)!important;color:var(--c-ink);border-radius:18px;padding:11px 11px 11px 14px!important;display:flex;gap:12px;align-items:stretch;transition:opacity .4s,background .4s}
.c-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding-block:3px}
.c-it h3{font-size:15.5px;font-weight:700;line-height:1.25}
.c-d{font-size:13px;color:var(--c-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.c-pr{margin-top:auto;padding-top:5px;font-size:15.5px;font-weight:800;color:color-mix(in srgb,var(--acc) 85%,#000);font-variant-numeric:tabular-nums}
.c-ph{position:relative;flex:none;width:96px;height:96px;border-radius:13px;overflow:hidden;background:var(--c-soft);display:grid;place-items:center;color:var(--c-muted)}
.c-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .5s,opacity .5s}
.c-ph svg{width:34px;height:34px;opacity:.55}
.c-tag{position:absolute;left:5px;right:5px;bottom:5px;text-align:center;border-radius:7px;background:#1c1712;color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 0}
.c-badge{display:inline-block;margin-left:8px;vertical-align:2px;border-radius:7px;background:#1c1712;color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px}
.c-it.ago{background:color-mix(in srgb,var(--c-surface) 55%,var(--c-bg))!important}
.c-it.ago .c-ph img{filter:grayscale(1);opacity:.5}
.c-it.ago h3,.c-it.ago .c-pr{color:var(--c-muted)}
.c-it.flash{animation:cvflash 1.8s ease-out}
@keyframes cvflash{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--acc) 65%,transparent);border-color:var(--acc)}60%{box-shadow:0 0 0 12px transparent}100%{box-shadow:none}}
.cv[data-tpl="fotos"] .c-grid{grid-template-columns:1fr 1fr;gap:10px}
.cv[data-tpl="fotos"] .c-it{flex-direction:column;padding:8px!important;gap:8px}
.cv[data-tpl="fotos"] .c-ph{width:100%;height:auto;aspect-ratio:1;border-radius:12px;order:-1}
.cv[data-tpl="fotos"] .c-ph svg{width:44px;height:44px}
.cv[data-tpl="fotos"] .c-it h3{font-size:14.5px}
.cv[data-tpl="fotos"] .c-tx{padding:0 4px 4px}
.cv[data-tpl="elegante"] .c-cat h2{font-size:23px;font-style:italic;font-weight:600;border-bottom:1px solid var(--c-line);padding-bottom:8px;justify-content:center}
.cv[data-tpl="elegante"] .c-cat h2 span{display:none}
.cv[data-tpl="elegante"] .c-it{border:0!important;background:transparent!important;border-radius:12px;padding:8px 6px!important;gap:12px;align-items:flex-start}
.cv[data-tpl="elegante"] .c-ph{width:58px;height:58px;border-radius:50%}
.cv[data-tpl="elegante"] .c-tx{padding:0;gap:2px}
.cv[data-tpl="elegante"] .c-line{display:flex;align-items:baseline;gap:8px}
.cv[data-tpl="elegante"] .c-line h3{font-family:var(--display);font-size:17px;font-weight:600}
.cv[data-tpl="elegante"] .c-dots{flex:1;min-width:12px;border-bottom:2px dotted var(--c-line);transform:translateY(-4px)}
.cv[data-tpl="elegante"] .c-pr{margin:0;padding:0;font-size:15px}
.cv[data-tpl="elegante"] .c-ag{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted)}
.cv[data-tpl="elegante"] .c-it.ago h3{text-decoration:line-through;text-decoration-thickness:1px}
.cv[data-tpl="elegante"] .c-d{font-style:italic;font-size:13px}
@container (min-width:620px){
  .c-grid{grid-template-columns:1fr 1fr}
  .cv[data-tpl="fotos"] .c-grid{grid-template-columns:repeat(3,1fr)}
  .c-cover,.c-menu,.c-foot .in{padding-inline:max(24px,calc((100cqi - 880px)/2))}
  .c-nav{margin-inline:max(24px,calc((100cqi - 880px)/2))}
}
.c-vacio{text-align:center;color:var(--c-muted);padding:40px 0}
.c-nopub{text-align:center;padding:60px 22px}
.c-nopub h2{font-family:var(--display);font-size:25px;margin-bottom:8px}
.c-nopub p{color:var(--c-muted)}
.c-foot{border-top:1px solid var(--c-line);padding-block:20px 30px;color:var(--c-muted);font-size:12.5px;text-align:center}
.c-foot b{color:var(--c-ink)}
.c-foot a{color:color-mix(in srgb,var(--acc) 85%,#000);font-weight:700;text-decoration:none}
.c-foot .c-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:8px}
.c-ov{position:absolute;inset:0;background:rgba(20,14,8,.5);opacity:0;pointer-events:none;transition:opacity .3s;z-index:20}
.c-ov.on{opacity:1;pointer-events:auto}
.c-sheet{visibility:hidden;position:absolute;left:0;right:0;bottom:0;z-index:30;max-height:88%;overflow:auto;background:var(--c-surface);border-radius:24px 24px 0 0;transform:translateY(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));max-width:560px;margin-inline:auto}
.c-sheet.on{transform:none;visibility:visible;transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s}
.cv.pg .c-ov,.cv.pg .c-sheet{position:fixed}
.c-grab{width:40px;height:5px;border-radius:9px;background:var(--c-line);margin:9px auto 0}
.c-big{width:min(calc(100% - 28px),300px);aspect-ratio:1;margin:12px auto 0;border-radius:18px;overflow:hidden;background:var(--c-soft);display:grid;place-items:center;color:var(--c-muted)}
.c-big img{width:100%;height:100%;object-fit:cover;display:block}
.c-big svg{width:64px;height:64px;opacity:.5}
.c-sheet.ago .c-big img{filter:grayscale(1);opacity:.5}
.c-in{padding:16px 18px 0}
.c-in h3{font-family:var(--display);font-size:25px;line-height:1.1}
.c-cp{display:block;margin-top:4px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted)}
.c-d2{margin-top:10px;color:var(--c-muted);font-size:14.5px}
.c-pr2{margin-top:14px;font-size:24px;font-weight:800;color:color-mix(in srgb,var(--acc) 85%,#000)}
.c-aviso{display:none;margin-top:12px;border-radius:12px;padding:10px 12px;background:#f6dcd3;color:#8a2c12;font-weight:700;font-size:13.5px}
.c-sheet.ago .c-aviso{display:block}
.c-sheet.ago .c-pr2{color:var(--c-muted)}
.c-x{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92)!important;color:#1c1712;display:grid;place-items:center;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.c-x svg{width:16px;height:16px}

/* Marca Ordenalys: discreta, arriba a la derecha de la portada */