/* Serena · asesor «Mostrador Serena» (versión de prueba)
   Tokens: copiados tal cual del :root de /serena/index.html (líneas 79-90) + la extensión de
   _diseno/identidad.json. Prefijo as- para no chocar con el CSS de la tienda.            */
:root{
  --bone:#F1EBDF; --paper:#FAF6EE; --paper-2:#F6F0E4;
  --ink:#2A2621; --ink-2:#585042; --line:#DBD2C0;
  --sage:#7C8568; --sage-deep:#4E5640; --sage-soft:#E4E5DA;
  --sage-ink:#606B4D; --sage-light:#AEB79A;
  --lav:#9E93AE; --rom:#7C8568; --van:#D6B978; --mir:#9E7A55;
  --lim:#A9B36F; --ros:#C99BA0; --tor:#D69683; --ber:#B6BE7A;
  --jaz:#CBB8C9; --san:#B08A6B; --caf:#6F5443;
  --serif:'Newsreader', Georgia, 'Times New Roman', serif;
  --sans:'Jost','Helvetica Neue',Arial,sans-serif;
  --r:3px;
}
:root{
  --neu:#B3A895; --mir-ink:#7A5C3E;
  --wrap:1240px; --gutter:40px;
  --on-deep-eyebrow:#C3C9B4; --on-deep-accent:#C9CFB9; --on-deep-text:#D9D8CC; --on-deep-line:rgba(241,235,223,.22);
  --on-ink-text:rgba(241,235,223,.74); --on-ink-muted:rgba(241,235,223,.62);
  --glass:rgba(241,235,223,.86); --glass-tight:rgba(241,235,223,.95);
  --scrim:rgba(42,38,33,.42);
  --sh-photo:0 38px 70px -38px rgba(42,38,33,.46);
  --sage-bloque:#D9DBCD;   /* el bloque salvia detrás de una foto sobre fondo hueso: sage-soft ahí casi no se ve */
  --sh-photo-deep:0 40px 70px -36px rgba(0,0,0,.6);
  --sh-card-hover:0 26px 44px -28px rgba(42,38,33,.4);
  --sh-tag:0 20px 40px -22px rgba(42,38,33,.4);
  --sh-seal:0 16px 30px -16px rgba(0,0,0,.5);
  --sh-float:0 16px 34px -14px rgba(42,38,33,.55);
  --sh-modal:0 40px 80px -40px rgba(42,38,33,.6);
  --ease:cubic-bezier(.2,.7,.2,1);
  --nav-h:60px; --anuncio-h:32px;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

*{box-sizing:border-box; margin:0; padding:0;}
html{-webkit-text-size-adjust:100%; scroll-padding-top:150px;}
main{overflow-x:clip;}   /* red de seguridad: nada decorativo (sellos girados) empuja la página de lado */
body{
  background:var(--bone); color:var(--ink);
  font-family:var(--sans); font-weight:300; font-size:17px; line-height:1.7;
  -webkit-font-smoothing:antialiased; overflow-x:hidden; font-optical-sizing:auto;
}
body::before{content:""; position:fixed; inset:0; z-index:9999; pointer-events:none;
  opacity:.04; mix-blend-mode:multiply; background:var(--grain);}
::selection{background:var(--sage); color:var(--paper);}
:focus-visible{outline:2px solid var(--sage-deep); outline-offset:3px;}
a{color:inherit; text-decoration:none;}
img{display:block; max-width:100%; height:auto;}
button,input,select{font:inherit; color:inherit;}
button{cursor:pointer; background:none; border:none;}
h1,h2,h3,h4{font-family:var(--serif); font-weight:400; line-height:1.06; letter-spacing:-.012em;}
em{font-style:italic;}
[hidden]{display:none !important;}
.as-sr{position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
.as-saltar{position:absolute; left:12px; top:-60px; z-index:300; background:var(--ink); color:var(--bone); padding:10px 16px; border-radius:var(--r);}
.as-saltar:focus{top:8px;}
.as-wrap{max-width:var(--wrap); margin:0 auto; padding:0 var(--gutter);}
.as-eyebrow{font-family:var(--serif); font-style:italic; font-weight:400; font-size:16.5px; letter-spacing:.01em; color:var(--sage-ink);}

/* ── botones ── */
.as-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px;
  font-family:var(--sans); font-size:13px; font-weight:400; letter-spacing:.14em; text-transform:uppercase;
  padding:12px 22px; border:1px solid var(--ink); background:var(--ink); color:var(--bone);
  border-radius:var(--r); transition:background .3s, color .3s, border-color .3s; text-align:center; line-height:1.2;
}
.as-btn:hover{background:transparent; color:var(--ink);}
.as-btn--salvia{background:var(--sage-deep); border-color:var(--sage-deep); color:var(--bone);}
.as-btn--salvia:hover{background:var(--ink); border-color:var(--ink); color:var(--bone);}
.as-btn--fantasma{background:transparent; color:var(--ink);}
.as-btn--fantasma:hover{background:var(--ink); color:var(--bone);}
.as-btn--claro{background:var(--bone); border-color:var(--bone); color:var(--ink);}
.as-btn--claro:hover{background:transparent; color:var(--bone);}
.as-btn--linea-claro{background:transparent; border-color:var(--on-deep-line); color:var(--bone);}
.as-btn--linea-claro:hover{border-color:var(--bone);}
.as-btn[disabled],.as-btn[aria-disabled="true"]{opacity:.42; cursor:not-allowed; pointer-events:none;}
.as-btn.agregado{background:var(--sage-deep); border-color:var(--sage-deep); color:var(--bone);}
.as-link-flecha{
  font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink);
  border-bottom:1px solid var(--ink); padding-bottom:4px; transition:color .25s, border-color .25s; display:inline-block;
}
.as-link-flecha:hover{color:var(--sage-ink); border-color:var(--sage-ink);}
.as-link-sutil{text-decoration:underline; text-underline-offset:3px; color:inherit; font-size:inherit;}

/* ── punto de aroma: color = código, siempre con anillo de tinta ── */
/* Jabón = cuadrado (la barra) · shampoo = redondo (su forma real) · lo que no es producto (evitar, momento) = redondo */
.as-punto{display:inline-block; flex:none; width:14px; height:14px; border-radius:3px;
  background:var(--dot,var(--sage)); border:1px solid var(--ink);}
.as-punto--neu{--dot:var(--neu);}
.as-punto--champu{border-radius:50%;}
.as-punto--hueco{background:transparent; border-width:1.5px;}
.as-punto--grande{width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center;}
.as-punto--grande.as-punto--champu::after{border-radius:50%;}
.as-punto--grande::after{content:""; width:11px; height:11px; border-radius:2px; background:var(--paper); opacity:.6;}
.as-punto--agotado{background:var(--paper); border-style:dashed;}

/* ── anuncio + nav ── */
.as-anuncio{background:var(--ink); color:var(--bone); font-size:13px; letter-spacing:.02em; text-align:center;
  padding:0 16px; height:var(--anuncio-h); line-height:var(--anuncio-h); font-weight:300; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.as-anuncio span{opacity:.62; margin:0 6px;}
.as-nav{position:sticky; top:0; z-index:100; background:var(--glass); -webkit-backdrop-filter:blur(11px); backdrop-filter:blur(11px);
  border-bottom:1px solid var(--line);}
.as-nav-in{display:flex; align-items:center; justify-content:space-between; height:var(--nav-h); padding:0 var(--gutter); max-width:var(--wrap); margin:0 auto;}
.as-marca{display:flex; align-items:center; gap:8px; min-height:44px;}
.as-ramita-nav{width:15px; height:38px; color:var(--ink);}
.as-marca b{font-family:var(--serif); font-weight:500; font-size:27px; letter-spacing:.01em;}
.as-nav-links{display:flex; gap:34px; margin-left:auto; margin-right:34px;}
.as-nav-links a{font-size:13px; letter-spacing:.13em; text-transform:uppercase; color:var(--ink-2); transition:color .25s; padding:10px 0;}
.as-nav-links a:hover{color:var(--ink);}
.as-carrito-btn{display:inline-flex; align-items:center; gap:9px; min-height:44px; padding:8px 16px;
  font-size:13px; letter-spacing:.14em; text-transform:uppercase; border:1px solid var(--ink); border-radius:var(--r);
  background:var(--ink); color:var(--bone); transition:background .3s, color .3s;}
.as-carrito-btn:hover{background:transparent; color:var(--ink);}
.as-carrito-n{font-family:var(--serif); font-size:15px; letter-spacing:0; text-transform:none;}
.as-carrito-btn.pulso{animation:as-pulso .6s var(--ease);}
@keyframes as-pulso{from{transform:translateY(-3px);} to{transform:none;}}

/* ═════════ PORTADA ═════════ */
.as-portada{padding:clamp(20px,4vh,44px) 0 clamp(20px,4vh,40px);}
.as-portada-grid{max-width:var(--wrap); margin:0 auto; padding:0 var(--gutter); display:grid; grid-template-columns:1.1fr .9fr; gap:72px; align-items:center;}
.as-col-texto{min-width:0;}
.as-h1{font-size:4.4rem; font-weight:300; line-height:1.04; margin:12px 0 0; max-width:15ch;}
.as-h1 em{color:var(--sage);}
.as-bajada{display:none; font-size:16px; color:var(--ink-2); margin-top:8px;}
.as-mostrador-barra{margin-top:28px;}
.as-barra{max-width:640px;}
.as-barra-label{display:block; font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-2); margin-bottom:8px;}
.as-barra-campo{display:flex; align-items:stretch; height:68px; background:var(--paper); border:1px solid var(--ink-2); border-radius:var(--r);
  transition:border-color .25s, box-shadow .25s;}
.as-barra-campo:focus-within{border-color:var(--ink); box-shadow:0 0 0 3px rgba(124,133,104,.22);}
.as-barra input{flex:1; min-width:0; border:0; background:transparent; padding:0 20px; font-family:var(--serif); font-size:21px; font-weight:400; color:var(--ink); outline:none;}
.as-barra input::placeholder{font-style:italic; color:var(--ink-2); opacity:1; transition:opacity .3s;}
.as-barra input.cambiando::placeholder{opacity:0;}
.as-barra input::-webkit-search-cancel-button{-webkit-appearance:none; appearance:none;}
.as-barra-btn{flex:none; margin:6px; padding:0 22px; background:var(--ink); color:var(--bone); border-radius:var(--r);
  font-size:13px; letter-spacing:.14em; text-transform:uppercase; transition:background .3s;}
.as-barra-btn:hover{background:var(--sage-deep);}
.as-previa{min-height:0; font-family:var(--serif); font-style:italic; font-size:16px; color:var(--sage-ink); margin-top:8px;}
.as-previa:empty{display:none;}
.as-previa a{text-decoration:underline; text-underline-offset:3px;}

.as-atajos-t{margin-top:22px; font-family:var(--serif); font-style:italic; font-size:16.5px; color:var(--ink-2);}
.as-atajos{list-style:none; display:flex; flex-wrap:wrap; gap:10px; margin-top:10px; max-width:700px;}
.as-chip{display:inline-flex; align-items:center; gap:9px; min-height:44px; padding:8px 15px;
  background:var(--paper); border:1px solid var(--line); border-radius:var(--r);
  font-family:var(--serif); font-size:1.1rem; font-weight:400; line-height:1.2; color:var(--ink); white-space:nowrap;
  transition:border-color .25s, background .25s, transform .25s var(--ease);}
a.as-chip:hover,button.as-chip:hover{border-color:var(--ink-2); background:var(--paper-2);}
.as-enlaces{display:flex; flex-wrap:wrap; gap:14px 30px; margin-top:22px;}
.as-confianza{list-style:none; display:flex; gap:26px; margin-top:26px; flex-wrap:wrap;}
.as-confianza li{font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-2); display:flex; align-items:center; gap:9px;}
.as-confianza li::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--sage);}
.as-tira{display:none;}

.as-col-foto{position:relative; align-self:center;}
.as-foto{position:relative; margin:0 0 0 26px;}
.as-foto::before{content:""; position:absolute; z-index:0; inset:26px -26px -26px 26px; background:var(--sage-soft); border-radius:var(--r);}
.as-foto img{position:relative; z-index:1; width:100%; max-height:calc(100vh - var(--nav-h) - var(--anuncio-h) - 340px); min-height:240px;
  object-fit:cover; border-radius:var(--r); box-shadow:var(--sh-photo);}
.as-muestra{position:relative; z-index:1; margin:50px 0 0 26px; min-height:0;
  background:var(--paper); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--sh-float);
  padding:18px 22px 16px; display:flex; flex-direction:column; gap:4px; transition:transform .3s var(--ease), box-shadow .3s;}
.as-muestra:hover{transform:translateY(-4px);}
.as-muestra-si{font-family:var(--serif); font-style:italic; font-size:17px; color:var(--ink); line-height:1.3;}
.as-muestra-te{font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-2); margin-top:4px;}
.as-muestra-prod{display:flex; align-items:center; gap:13px; margin-top:6px;}
.as-muestra-prod b{font-family:var(--serif); font-weight:500; font-size:21px; display:block; line-height:1.15;}
.as-muestra-prod small{font-size:13px; color:var(--ink-2);}
.as-muestra-ver{margin-top:10px; font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--sage-ink);}
.as-muestra [data-muestra-cuerpo],.as-muestra > span{transition:opacity .3s var(--ease);}
.as-muestra.cambiando > span,.as-tira.cambiando .as-tira-t{opacity:0;}

/* ajustarPortada(): escalones si la ventana es baja */
.as-p1 .as-confianza{display:none;}
.as-p2 .as-p-eyebrow{display:none;}
.as-p3 .as-h1{font-size:3.4rem;}
.as-p4 .as-atajos-t{display:none;}

/* ── preguntas guiadas ── */
.as-guiadas{margin-top:22px; max-width:640px; border-top:1px solid var(--line); padding-top:18px;}
.as-g-cab{display:flex; justify-content:space-between; align-items:center; gap:10px 16px; flex-wrap:wrap;}
.as-g-cab-der{display:flex; align-items:center; gap:18px; margin-left:auto;}
.as-g-cab-der .as-g-wa{padding:12px 0 3px;}
.as-g-progreso{font-family:var(--serif); font-style:italic; font-size:17px; color:var(--sage-light); letter-spacing:.04em;}
.as-g-progreso .on{color:var(--sage-ink);}
.as-g-progreso .hecho{color:var(--ink-2);}
.as-g-cerrar,.as-g-atras{font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-2); min-height:44px; padding:0 4px; border-bottom:1px solid transparent;}
.as-g-cerrar:hover,.as-g-atras:hover{color:var(--ink);}
.as-g-pregunta{font-size:1.9rem; font-weight:400; margin:6px 0 14px; outline:none;}
.as-g-opciones{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
.as-opt{display:flex; align-items:center; gap:12px; min-height:56px; padding:10px 16px; text-align:left;
  background:var(--paper); border:1px solid var(--line); border-radius:var(--r); font-family:var(--serif); font-size:1.12rem; line-height:1.2;
  transition:border-color .25s, background .25s;}
.as-opt:hover{border-color:var(--ink-2);}
.as-opt[aria-pressed="true"]{border-color:var(--sage-deep); background:var(--sage-soft);}
.as-opt--nose{font-style:italic; color:var(--ink-2);}
.as-g-evitar{margin-top:16px;}
.as-g-evitar p{font-family:var(--serif); font-style:italic; font-size:16px; color:var(--ink-2); margin-bottom:8px;}
.as-g-evitar .as-opt{min-height:44px; font-size:1rem; display:inline-flex; margin:0 8px 8px 0;}
.as-g-pie{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; margin-top:16px;}
.as-g-wa{font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--sage-ink); border-bottom:1px solid currentColor; padding:10px 0 3px;}
.as-guiadas-on .as-atajos-bloque,.as-guiadas-on .as-enlaces-portada,.as-guiadas-on .as-confianza,.as-guiadas-on .as-tira{display:none;}

/* ── lo entendido (chips con ×) ── */
.as-entendido{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; max-width:760px;}
.as-entendido .as-chip{padding-right:4px; font-size:1.02rem; min-height:40px; background:var(--paper);}
.as-entendido :is(.as-chip--evitar,.as-chip--momento) .as-punto{border-radius:50%;}
.as-entendido .as-chip--evitar .as-punto{background:linear-gradient(135deg,transparent 45%,var(--ink) 45%,var(--ink) 55%,transparent 55%),var(--paper);}
.as-entendido .as-chip--momento .as-punto{background:transparent; border-style:dashed;}
.as-x{display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; margin:-4px 0 -4px 2px; border-radius:var(--r);
  font-size:19px; line-height:1; color:var(--ink-2); position:relative;}
.as-x::after{content:""; position:absolute; inset:-7px;}
.as-x:hover{background:var(--paper-2); color:var(--ink);}
.as-chip.resalta{border-color:var(--sage-deep);}

/* ═════════ CUERPO: herbario + hoja ═════════ */
.as-cuerpo{max-width:var(--wrap); margin:0 auto; padding:0 var(--gutter);}
.as-herbario{padding:96px 0 40px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,630px); gap:24px 72px; align-items:center;
  border-top:1px solid var(--line);}
.as-herb-cab{grid-column:1;}
.as-herb-t{font-size:clamp(2.1rem,3.4vw,3rem); margin:12px 0 14px; max-width:16ch;}
.as-herb-t em{color:var(--sage-ink);}
.as-herb-aside{max-width:46ch; color:var(--ink-2); font-size:15.5px; line-height:1.6;}
.as-lentes{grid-column:1; display:flex; gap:10px; flex-wrap:wrap;}
.as-lente{min-height:44px; padding:8px 16px; border:1px solid var(--line); border-radius:var(--r); background:var(--paper);
  font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-2); transition:.25s;}
.as-lente[aria-pressed="true"]{border-color:var(--sage-deep); background:var(--sage-soft); color:var(--ink);}
.as-herb-lamina{grid-column:2; grid-row:1 / span 3;}
.as-herb-leyenda{grid-column:1; list-style:none; display:flex; flex-wrap:wrap; gap:8px 22px; font-size:13px; color:var(--ink-2);}
.as-herb-leyenda li{display:flex; align-items:center; gap:8px;}
.as-ley{display:inline-block; width:14px; height:14px; border:1px solid var(--ink); border-radius:3px; background:var(--rom);}
.as-ley--champu{border-radius:50%; background:var(--caf);}
.as-ley--neutra{background:transparent; border-width:2px; border-color:var(--ink-2);}
.as-ley--agotado{background:var(--paper); border-style:dashed;}

/* lámina SVG */
.as-lam{width:100%; height:auto; display:block; overflow:visible;}
.as-lam-fondo{fill:var(--paper-2); stroke:var(--line); stroke-width:1.5;}
.as-lam-anillo{fill:none; stroke:var(--line); stroke-width:1.5;}
.as-lam-eje{stroke:var(--line); stroke-width:1.5;}
.as-lam-marco{display:grid; grid-template-columns:30px minmax(0,1fr) 30px; grid-template-rows:auto auto auto; align-items:center; justify-items:center; gap:6px 4px;}
.as-lam-marco > .as-lam-dibujo{grid-column:2; grid-row:2; width:100%;}
.as-lam-t{font-family:var(--sans); font-weight:500; font-size:15px; letter-spacing:.18em; text-transform:uppercase; color:var(--ink); white-space:nowrap; line-height:1;}
.as-lam-t i{font-style:normal; color:var(--sage-deep); letter-spacing:0;}
.as-lam-t--arriba{grid-column:2; grid-row:1;}
.as-lam-t--abajo{grid-column:2; grid-row:3;}
.as-lam-t--izq{grid-column:1; grid-row:2; writing-mode:vertical-rl; transform:rotate(180deg);}
.as-lam-t--der{grid-column:3; grid-row:2; writing-mode:vertical-rl;}
.as-lam-cap{font-family:var(--serif); font-style:italic; font-size:24px; fill:var(--sage-ink); opacity:0; transition:opacity .6s var(--ease);}
.as-lam-cap.on{opacity:1;}
.as-hp{cursor:pointer; outline:none;}
.as-hp .as-hp-g{transition:opacity .3s var(--ease), transform .3s var(--ease); transform-box:fill-box; transform-origin:center;}
.as-hp .as-hp-forma{fill:var(--dot); stroke:var(--ink); stroke-width:2;}
.as-hp .as-hp-centro{fill:var(--paper); opacity:.6;}
.as-hp .as-hp-nombre{font-family:var(--serif); font-size:27px; font-weight:500; fill:var(--ink); paint-order:stroke; stroke:var(--paper-2); stroke-width:6px; stroke-linejoin:round;}
.as-hp .as-hp-nota{font-family:var(--serif); font-style:italic; font-size:24px; fill:var(--ink-2); paint-order:stroke; stroke:var(--paper-2); stroke-width:6px;}
.as-hp .as-hp-toque{fill:transparent;}
.as-hp[data-estado="apagado"] .as-hp-g{opacity:.3;}
.as-hp[data-estado="cercano"] .as-hp-g{opacity:.55;}
.as-hp[data-agotado="1"] .as-hp-forma{fill:var(--paper); stroke-dasharray:5 5;}
.as-hp[data-agotado="1"] .as-hp-centro{display:none;}
.as-hp[data-sel="1"] .as-hp-g,.as-hp:hover .as-hp-g,.as-hp:focus-visible .as-hp-g{transform:scale(1.18); opacity:1;}
.as-hp:focus-visible .as-hp-forma{stroke:var(--sage-deep); stroke-width:4;}
.as-hp-neutra .as-hp-forma{fill:none; stroke:var(--ink-2); stroke-width:3.5;}

/* franja de puntos (celular) */
.as-franja{display:none;}

/* ═════════ VISTA PROPUESTA ═════════ */
html[data-vista="propuesta"] .as-portada,
html[data-entrada="propuesta"] .as-portada{position:sticky; top:var(--nav-h); z-index:60; padding:12px 0; background:var(--glass-tight);
  -webkit-backdrop-filter:blur(11px); backdrop-filter:blur(11px); border-bottom:1px solid var(--line);}
html[data-vista="propuesta"] .as-portada-grid,
html[data-entrada="propuesta"] .as-portada-grid{grid-template-columns:1fr; max-width:var(--wrap); padding:0 var(--gutter);}
html[data-vista="propuesta"] :is(.as-p-eyebrow,.as-h1,.as-bajada,.as-atajos-bloque,.as-enlaces-portada,.as-confianza,.as-tira,.as-col-foto,.as-guiadas),
html[data-entrada="propuesta"] :is(.as-p-eyebrow,.as-h1,.as-bajada,.as-atajos-bloque,.as-enlaces-portada,.as-confianza,.as-tira,.as-col-foto,.as-guiadas){display:none !important;}
html[data-vista="propuesta"] .as-mostrador-barra,
html[data-entrada="propuesta"] .as-mostrador-barra{margin:0; display:flex; align-items:center; gap:18px;}
html[data-vista="propuesta"] .as-barra,
html[data-entrada="propuesta"] .as-barra{flex:0 1 560px; min-width:0;}
html[data-vista="propuesta"] .as-barra-label,
html[data-entrada="propuesta"] .as-barra-label{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);}
html[data-vista="propuesta"] .as-barra-campo,
html[data-entrada="propuesta"] .as-barra-campo{height:54px;}
html[data-vista="propuesta"] .as-barra input{font-size:18px;}
html[data-vista="propuesta"] .as-previa{display:none;}
html[data-vista="propuesta"] .as-entendido{margin:0; flex:1; min-width:0;}
html[data-vista="propuesta"] .as-herbario{display:none;}

.as-hoja{padding:28px 0 96px; outline:none; display:flex; flex-direction:column;}
.as-hoja.as-fundido{animation:as-fade .3s var(--ease);}
@keyframes as-fade{from{opacity:.25;} to{opacity:1;}}
.as-entra{animation:as-sube .7s var(--ease) both; animation-delay:calc(var(--i,0) * .07s);}
@keyframes as-sube{from{opacity:0; transform:translateY(20px);} to{opacity:1; transform:none;}}

@media (min-width:1100px){
  html[data-vista="propuesta"] .as-cuerpo{display:grid; grid-template-columns:340px minmax(0,1fr); gap:0 60px; align-items:start;}
  html[data-vista="propuesta"] .as-herbario{display:flex; flex-direction:column; align-items:stretch; gap:14px; position:sticky; top:calc(var(--nav-h) + 90px);
    padding:28px 0 20px; border-top:0; grid-column:1; grid-row:1;}
  html[data-vista="propuesta"] .as-herbario .as-herb-aside{display:none;}
  html[data-vista="propuesta"] .as-herbario .as-herb-t{font-size:1.45rem; margin:4px 0 0;}
  html[data-vista="propuesta"] .as-herbario .as-lente{min-height:44px; padding:6px 12px; font-size:13px; letter-spacing:.1em;}
  html[data-vista="propuesta"] .as-herb-lamina{max-width:340px;}
  html[data-vista="propuesta"] .as-herb-leyenda{font-size:13px; gap:6px 14px;}
  html[data-vista="propuesta"] .as-hp .as-hp-nombre{font-size:40px; stroke-width:9px;}
  html[data-vista="propuesta"] .as-hp .as-hp-nota{display:none;}
  html[data-vista="propuesta"] .as-hp[data-estado="apagado"] .as-hp-nombre{display:none;}
  html[data-vista="propuesta"] .as-lam-t{font-size:12px; letter-spacing:.14em;}
  html[data-vista="propuesta"] .as-lam-marco{grid-template-columns:22px minmax(0,1fr) 22px;}
  html[data-vista="propuesta"] .as-lam-cap{display:none;}
  html[data-vista="propuesta"] .as-hoja{grid-column:2; grid-row:1; max-width:880px;}
}

/* ── hoja: cabeza ── */
.as-migas{font-size:13px; color:var(--ink-2); display:flex; flex-wrap:wrap; gap:4px 8px; align-items:center;}
.as-migas a{text-decoration:underline; text-underline-offset:3px; min-height:44px; padding:0 4px; margin-left:-4px; display:inline-flex; align-items:center;}
.as-migas span[aria-hidden]{opacity:.5;}
.as-cabeza{display:grid; grid-template-columns:22px minmax(0,1fr); gap:0 18px; margin-top:18px;}
.as-ramita-cab{width:22px; height:54px; color:var(--sage); margin-top:4px;}
.as-titular{font-size:clamp(1.65rem,2.7vw,2.45rem); line-height:1.12; font-weight:400; max-width:26ch;}
.as-titular em{color:var(--sage-ink);}
.as-dato{grid-column:2; margin-top:12px; font-size:16px; line-height:1.6; color:var(--ink-2); max-width:62ch;}
.as-pensando{grid-column:2; margin-top:12px; font-family:var(--serif); font-style:italic; font-size:17px; color:var(--sage-ink); animation:as-fade .6s var(--ease);}
.as-notas{margin-top:22px;}
.as-nota{font-size:14.5px; color:var(--ink-2); background:var(--paper-2); border:1px solid var(--line); border-radius:var(--r); padding:16px 20px; max-width:68ch; line-height:1.6;}
.as-nota + .as-nota{margin-top:10px;}
.as-nota b{font-family:var(--serif); font-style:italic; font-weight:500; color:var(--sage-ink); margin-right:4px;}
.as-nota a{text-decoration:underline; text-underline-offset:3px; color:var(--ink);}
.as-plegada-btn{margin-top:14px;}
.as-urgente-cierre{margin-top:22px; font-family:var(--serif); font-style:italic; font-size:17px; color:var(--ink-2);}

/* ── secciones de la hoja ── */
.as-sec{border-top:1px solid var(--line); padding:36px 0 0; margin-top:36px;}
.as-sec-eyebrow{font-family:var(--serif); font-style:italic; font-size:16px; color:var(--sage-ink); display:block;}
.as-sec-h{font-size:1.7rem; font-weight:400; margin:4px 0 18px;}
.as-sec-h em{color:var(--sage-ink);}

/* ── tarjetas ── */
.as-tarjeta{position:relative; background:var(--paper); border:1px solid var(--line); border-radius:var(--r);
  transition:transform .4s var(--ease), box-shadow .4s, background .4s;}
.as-tarjeta::before{content:""; position:absolute; top:0; left:0; right:0; height:3px; background:var(--dot,var(--sage));
  transform:scaleX(0); transform-origin:left; transition:transform .45s ease; z-index:2;}
.as-tarjeta:hover{transform:translateY(-7px); box-shadow:var(--sh-card-hover);}
.as-tarjeta:hover::before{transform:scaleX(1);}
.as-idx{position:absolute; top:16px; right:20px; font-family:var(--serif); font-style:italic; font-size:16px; color:var(--line); z-index:2;}
.as-t-occ{font-family:var(--serif); font-style:italic; font-size:15.5px; color:var(--sage-ink); display:block;}
.as-t-nombre{font-family:var(--serif); font-size:1.78rem; font-weight:500; margin:2px 0 2px; line-height:1.1; letter-spacing:-.012em;}
.as-t-sol{margin-top:6px;}
.as-t-meta{font-size:13.5px; color:var(--ink-2);}
.as-t-aromas{display:flex; flex-wrap:wrap; gap:6px 14px; margin-top:6px; font-family:var(--serif); font-size:1.02rem;}
.as-t-aromas span{display:inline-flex; align-items:center; gap:7px;}
.as-encaje{display:flex; align-items:center; gap:10px; margin-top:12px; font-size:13.5px; color:var(--ink-2);}
.as-encaje i{font-style:normal; letter-spacing:.18em; color:var(--sage-deep); font-size:12px;}
.as-t-acciones{display:flex; flex-wrap:wrap; gap:10px; margin-top:16px;}
.as-t-porque{margin-top:16px; font-size:14.5px; color:var(--ink-2); line-height:1.6;}
.as-t-porque > b{font-family:var(--serif); font-style:italic; font-weight:500; color:var(--sage-ink); display:block; margin-bottom:4px;}
.as-razones{list-style:none;}
.as-razones li{position:relative; padding-left:16px; margin-top:4px;}
.as-razones li::before{content:""; position:absolute; left:0; top:.72em; width:6px; height:6px; border-radius:50%; background:var(--sage);}
.as-razones li.sol{font-style:italic; color:var(--ink);}
.as-t-linea{display:flex; flex-wrap:wrap; gap:4px 18px; margin-top:12px; font-size:13px; color:var(--ink-2);}
.as-almendras{font-size:13px; color:var(--ink-2);}
.as-stock{font-size:13px; color:var(--ink-2); font-weight:400;}
.as-stock.bajo{color:var(--sage-deep); font-weight:500;}
.as-stock.agotado{color:var(--mir-ink); font-weight:500;}
.as-momento{display:inline-flex; align-items:center; gap:6px;}
.as-momento::before{content:""; width:8px; height:8px; border-radius:50%; border:1px solid var(--ink-2);}
.as-avisame{font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--sage-ink); border-bottom:1px solid currentColor; padding:12px 0 3px; display:inline-block; min-height:44px;}
.as-compra .as-avisame{align-self:center;}

/* principal */
.as-tarjeta--principal{border-color:var(--sage); display:grid; grid-template-columns:minmax(0,300px) minmax(0,1fr); gap:28px 44px; padding:26px; margin-top:28px;}
.as-tarjeta--principal > .as-t-arte .as-sello{right:-10px; top:-26px; width:104px; height:104px;}
.as-t-arte{position:relative; align-self:start;}
/* foto con su bloque salvia desplazado detrás, como la de portada (.as-foto), a escala de tarjeta */
.as-t-arte img{width:calc(100% - 14px); aspect-ratio:4/3; object-fit:cover; border-radius:var(--r); box-shadow:var(--sh-photo), 14px 14px 0 var(--sage-soft); margin-bottom:14px;}
.as-t-lamina{aspect-ratio:4/3; background:var(--paper-2); border:1px solid var(--line); border-radius:var(--r); display:flex; align-items:center; justify-content:center; gap:10px; position:relative; overflow:hidden;}
.as-t-lamina .as-punto--grande{width:68px; height:68px; border-width:1.5px;}
.as-t-lamina .as-punto--grande::after{width:22px; height:22px;}
.as-t-lamina svg{position:absolute; left:16px; bottom:12px; width:18px; height:46px; color:var(--sage);}
.as-sello{position:absolute; top:-22px; right:-18px; width:112px; height:112px; border-radius:50%; background:var(--bone); color:var(--ink);
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; transform:rotate(8deg);
  box-shadow:var(--sh-seal); z-index:3; border:1px solid var(--line); padding-bottom:9px;}   /* las fuentes bajan el texto: se sube para que «MXN · 100 g» no toque la orilla */
.as-sello b{font-family:var(--serif); font-style:italic; font-weight:400; font-size:20px; line-height:1;}
.as-sello small{font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--sage-ink); margin-top:3px; line-height:1.15;}
.as-sello .as-sello-precio{font-family:var(--serif); font-weight:500; font-size:22px; color:var(--sage-ink); margin-top:4px; line-height:1;}
.as-sello .as-sello-u{font-size:10px; letter-spacing:.04em; color:var(--ink-2); margin-top:3px; line-height:1.1;}   /* la última línea es la más cerca de la orilla del círculo */

/* también encaja */
.as-tambien{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;}
.as-tarjeta--chica{padding:22px 22px 20px; display:flex; flex-direction:column;}
.as-tarjeta--chica .as-t-cab{display:flex; gap:14px; align-items:flex-start;}
.as-tarjeta--chica .as-punto--grande{margin-top:4px;}
.as-tarjeta--chica .as-t-nombre{font-size:1.4rem;}
.as-tarjeta--chica .as-t-precio{font-family:var(--serif); font-weight:500; font-size:1.3rem; margin-top:10px;}
.as-tarjeta--chica .as-t-precio small{font-family:var(--sans); font-size:13px; font-weight:300; color:var(--ink-2); margin-left:4px;}
.as-tarjeta--chica .as-t-acciones{margin-top:auto; padding-top:14px;}
.as-tarjeta--chica .as-btn{min-height:44px; padding:10px 16px;}
.as-tarjeta--agotada{background:var(--paper-2);}
.as-tarjeta--atenuada{background:var(--paper-2);}
.as-tarjeta--atenuada .as-punto{opacity:.6;}

/* vuelve pronto */
.as-pronto{margin-top:16px; display:flex; flex-wrap:wrap; gap:6px 18px; align-items:center; padding:14px 18px; border:1px dashed var(--line); border-radius:var(--r); font-size:14.5px; color:var(--ink-2);}
.as-pronto b{font-family:var(--serif); font-weight:500; color:var(--ink); font-size:1.05rem;}

/* ── «Cuándo»: la línea del día ── */
.as-dia{position:relative;}
.as-dia-t{font-family:var(--serif); font-size:1.15rem; font-weight:500; color:var(--ink); margin-bottom:6px; display:flex; align-items:center; gap:10px;}
.as-dia[data-forma="todo-el-dia"] .as-dia-arco{max-width:520px;}
.as-dia-arco{width:100%; max-width:720px; height:auto; display:block; overflow:visible;}
.as-dia-arco .arco{fill:none; stroke:var(--ink); stroke-width:1.5; stroke-dasharray:900; stroke-dashoffset:900;}
.as-dia.dibuja .as-dia-arco .arco{animation:as-dibuja .7s var(--ease) forwards;}
@keyframes as-dibuja{to{stroke-dashoffset:0;}}
.as-dia-arco .est{fill:var(--paper); stroke:var(--ink); stroke-width:1.5; transition:fill .3s, r .3s;}
.as-dia-arco .est[data-encaja="1"]{fill:var(--sage-deep);}
.as-dia-arco .est[data-sel="1"]{stroke-width:3;}
.as-dia-arco .ahora{fill:var(--mir-ink); stroke:var(--paper); stroke-width:3;}
.as-dia-arco .ahora-t{font-family:var(--sans); font-size:13px; letter-spacing:.14em; text-transform:uppercase; fill:var(--mir-ink);}
.as-dia-arco .franja{fill:var(--paper-2);}
.as-dia-momentos{list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; max-width:720px; margin-top:4px;}
.as-dia-momentos li{min-width:0;}
.as-dia-btn{display:block; width:100%; text-align:left; padding:12px 14px; border:1px solid var(--line); border-radius:var(--r); background:var(--paper);
  transition:border-color .25s, background .25s, opacity .3s; min-height:44px;}
.as-dia-btn:hover{border-color:var(--ink-2);}
.as-dia-btn .m{font-family:var(--serif); font-style:italic; font-size:16px; color:var(--sage-ink); display:block;}
.as-dia-btn .a{font-family:var(--serif); font-size:1.15rem; font-weight:500; display:flex; align-items:center; gap:8px; margin-top:2px;}
.as-dia-btn .p{font-size:13px; color:var(--ink-2); display:block; margin-top:4px; line-height:1.45;}
.as-dia-btn .ah{font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--mir-ink); margin-left:6px; font-family:var(--sans); font-style:normal;}
li[data-apagado="1"] .as-dia-btn{background:var(--paper-2); border-style:dashed;}
li[data-apagado="1"] .as-dia-btn .m,li[data-apagado="1"] .as-dia-btn .a{color:var(--ink-2);}
li[data-encaja="1"] .as-dia-btn{border-color:var(--sage);}
li[data-sel="1"] .as-dia-btn{border-color:var(--sage-deep); background:var(--sage-soft); opacity:1;}
.as-dia-detalle{margin-top:12px; font-size:14.5px; color:var(--ink-2); max-width:62ch; min-height:1.6em;}
.as-dia-detalle b{font-family:var(--serif); font-weight:500; color:var(--ink);}
.as-dia-cuando{margin-top:10px; font-size:14.5px; color:var(--ink-2);}

/* ── rutina + video ── */
.as-rutina{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,400px); gap:36px; align-items:start;}
.as-pasos{list-style:none;}
.as-paso{display:grid; grid-template-columns:30px minmax(0,1fr); gap:12px; padding:14px 0; border-top:1px solid var(--line); align-items:baseline;}
.as-paso:last-child{border-bottom:1px solid var(--line);}
.as-paso i{font-family:var(--serif); font-style:italic; font-size:17px; color:var(--sage-ink);}
.as-paso span{font-family:var(--serif); font-size:1.15rem; line-height:1.4;}
.as-video{width:100%;}
.as-video--v{width:270px;}
.as-video--h{width:100%;}
.as-video-marco{position:relative; background:var(--ink); border-radius:var(--r); overflow:hidden; box-shadow:var(--sh-photo);}
.as-video-marco video{display:block; width:100%; height:auto; background:var(--paper-2);}
.as-video--v .as-video-marco video{aspect-ratio:9/16; object-fit:cover;}
.as-video--h .as-video-marco video{aspect-ratio:16/9; object-fit:cover; object-position:center 75%;}
.as-video-rot{font-size:13px; color:var(--ink-2); margin-top:10px; letter-spacing:.02em;}
.as-video-rot b{font-weight:500; color:var(--ink);}
.as-capitulos{list-style:none; display:flex; flex-wrap:wrap; gap:6px; margin-top:8px;}
.as-cap{min-height:36px; padding:6px 10px; font-size:13px; border:1px solid var(--line); border-radius:var(--r); background:var(--paper); text-align:left; line-height:1.25;}
.as-cap[aria-current="true"]{border-color:var(--sage-deep); background:var(--sage-soft);}
.as-trans{margin-top:10px; font-size:13.5px; color:var(--ink-2);}
.as-trans summary{cursor:pointer; min-height:44px; display:flex; align-items:center; color:var(--ink); font-size:13px; letter-spacing:.12em; text-transform:uppercase;}
.as-trans p{margin-top:6px; line-height:1.6;}
.as-preparacion{border:1px dashed var(--line); border-radius:var(--r); padding:20px 22px; background:var(--paper-2); max-width:440px;}
.as-preparacion .et{font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-2);}
.as-preparacion h4{font-family:var(--serif); font-weight:500; font-size:1.3rem; margin:6px 0 10px; line-height:1.2;}
.as-preparacion ol{padding-left:22px; font-size:14px; color:var(--ink-2); line-height:1.55;}
.as-preparacion ol li{margin-top:4px;}
.as-preparacion ol li::marker{font-family:var(--serif); font-style:italic; color:var(--sage-ink);}
.as-agregar-rutina{margin-top:18px;}

/* ── «Arma tu ritual»: la única inversión de color ── */
.as-ritual{margin-top:40px; background:var(--sage-deep); color:var(--bone); border-radius:var(--r); padding:38px 38px 34px;
  display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr); gap:36px; align-items:start;}
.as-ritual .as-sec-eyebrow{color:var(--on-deep-eyebrow);}
.as-ritual h3{font-size:clamp(1.8rem,3vw,2.5rem); color:var(--bone); margin:6px 0 10px; line-height:1.08;}
.as-ritual h3 em{color:var(--on-deep-accent);}
.as-ritual p{color:var(--on-deep-text); font-size:15.5px;}
.as-casillas{list-style:none; margin-top:18px;}
.as-casilla{display:grid; grid-template-columns:28px minmax(0,1fr); gap:4px 10px; align-items:center; padding:10px 0; border-top:1px solid var(--on-deep-line);}
.as-casilla label{grid-column:2;}
.as-casilla .as-sel-wrap{grid-column:2;}
.as-casilla-occ{grid-column:2; font-family:var(--serif); font-style:italic; font-size:15px; color:var(--on-deep-eyebrow); min-height:1.2em;}
.as-casilla:last-child{border-bottom:1px solid var(--on-deep-line);}
.as-casilla b{font-family:var(--serif); font-style:italic; font-weight:500; color:var(--on-deep-accent); font-size:17px;}
.as-casilla label{font-family:var(--serif); font-style:italic; color:var(--on-deep-text); font-size:15.5px;}
.as-sel{width:100%; min-height:44px; padding:8px 34px 8px 12px; border:1px solid var(--line); border-radius:var(--r); background:var(--paper);
  color:var(--ink); font-family:var(--sans); font-size:15px; -webkit-appearance:none; appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232A2621' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center;}
.as-ritual .as-sel{border-color:var(--on-deep-line); background-color:var(--bone);}
.as-casilla .as-sel-wrap{display:flex; align-items:center; gap:10px;}
.as-opc{display:flex; align-items:center; gap:10px; margin-top:12px; font-size:14.5px; color:var(--on-deep-text); min-height:44px; cursor:pointer;}
.as-opc input{width:20px; height:20px; accent-color:var(--bone); flex:none;}
.as-opc b{font-weight:500; color:var(--bone);}
.as-ritual-res{margin-top:18px; display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px;}
.as-ritual-res .n{font-family:var(--serif); font-size:1.3rem; color:var(--bone);}
.as-ritual-res .pr{font-family:var(--serif); font-weight:500; font-size:1.6rem; color:var(--bone);}
.as-ritual-res small{font-size:13px; color:var(--on-deep-text);}
.as-ritual-btns{display:flex; flex-wrap:wrap; gap:10px; margin-top:16px;}
.as-ritual-aviso{font-size:13px; color:var(--on-deep-eyebrow); margin-top:10px; min-height:1em;}
.as-ritual-arte{position:relative;}
.as-ritual-arte img{width:100%; border-radius:var(--r); box-shadow:var(--sh-photo-deep); aspect-ratio:1/1; object-fit:cover;}
.as-ritual-arte .as-sello{top:-24px; right:-16px;}
.as-completa{margin-top:28px; display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; padding:16px 20px; background:var(--paper); border:1px solid var(--line); border-radius:var(--r);}
.as-completa p{font-size:15px; color:var(--ink-2);}
.as-completa b{font-family:var(--serif); font-weight:500; color:var(--ink); font-size:1.1rem;}

/* ── antes de usar ── */
.as-antes{border:1px solid var(--line); border-radius:var(--r); background:var(--paper-2);}
.as-antes summary{list-style:none; cursor:pointer; min-height:48px; display:flex; align-items:center; gap:12px; padding:10px 18px;}
.as-antes summary::-webkit-details-marker{display:none;}
.as-antes summary::after{content:"+"; margin-left:auto; font-family:var(--serif); font-size:22px; color:var(--ink-2);}
.as-antes[open] summary::after{content:"–";}
.as-antes summary b{font-family:var(--serif); font-style:italic; font-weight:500; color:var(--sage-ink); font-size:17px;}
.as-antes summary span{font-size:13.5px; color:var(--ink-2);}
.as-antes ul{list-style:none; padding:0 18px 16px;}
.as-antes li{position:relative; padding:8px 0 8px 18px; border-top:1px solid var(--line); font-size:14.5px; color:var(--ink-2); line-height:1.55;}
.as-antes li::before{content:""; position:absolute; left:0; top:1.05em; width:6px; height:6px; border-radius:50%; background:var(--sage);}

/* ── otro momento + ocultos ── */
.as-otro{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px;}
.as-otro .as-tarjeta--chica{padding:16px 18px;}
.as-otro .as-t-nombre{font-size:1.2rem;}
.as-ocultos-linea{margin-top:16px; font-size:14.5px; color:var(--ink-2); display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px;}
.as-mostrar{font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink); border-bottom:1px solid var(--ink); min-height:44px; padding:8px 0 2px;}
.as-ocultos{margin-top:12px;}

/* ── pregúntanos ── */
.as-preguntanos{display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px;}
.as-preguntanos p{flex:1 1 280px; font-size:15.5px; color:var(--ink-2);}
.as-otra{margin-top:22px; font-family:var(--serif); font-style:italic; font-size:16.5px; color:var(--ink-2);}
.as-otra button{text-decoration:underline; text-underline-offset:3px; font-style:italic; color:var(--ink); min-height:44px;}
.as-compartir-hoja{min-height:46px;}
.as-sin-chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}

/* ═════════ TODO EL MOSTRADOR ═════════ */
.as-mostrador{padding:96px 0 110px; background:var(--paper); border-top:1px solid var(--line);}
.as-ancla{display:block; height:0; overflow:hidden;}   /* #tienda: ligas viejas de anuncios a serenamerida.com/#tienda */
.as-sec-cab{margin-bottom:40px;}
.as-sec-t{font-size:clamp(2.1rem,4vw,3.35rem); margin-top:10px;}
.as-sec-t em{color:var(--sage-ink);}
.as-sec-aside{max-width:60ch; color:var(--ink-2); font-size:15.5px; line-height:1.6; margin-top:14px;}
.as-tienda{display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:18px;}
.as-prod{background:var(--bone); border:1px solid var(--line); border-radius:var(--r); padding:26px 24px 22px; display:flex; flex-direction:column; position:relative;
  transition:transform .4s var(--ease), box-shadow .4s;}
.as-prod:hover{transform:translateY(-5px); box-shadow:var(--sh-card-hover);}
.as-prod--fav{border-color:var(--sage);}
.as-prod--cotiza{background:var(--paper-2); border-style:dashed; justify-content:center;}
.as-prod .as-t-nombre{font-size:1.5rem;}
.as-prod .as-p-desc{font-size:14px; color:var(--ink-2); line-height:1.6; margin-top:8px;}
.as-prod .as-almendras{margin-top:6px;}
.as-prod-foto{margin:16px 0 14px;}
.as-prod-foto img{display:block; width:calc(100% - 12px); aspect-ratio:4/3; object-fit:cover; border-radius:var(--r); background:var(--paper-2); box-shadow:var(--sh-photo), 12px 12px 0 var(--sage-bloque);}
.as-compra{margin-top:auto; padding-top:14px; display:flex; flex-direction:column; gap:8px;}
.as-precio{font-family:var(--serif); font-weight:500; font-size:1.7rem; line-height:1.1;}
.as-precio small{font-family:var(--sans); font-weight:300; font-size:13px; color:var(--ink-2); margin-left:4px;}
.as-promo{display:flex; gap:10px; align-items:flex-start; font-size:13.5px; color:var(--ink-2); line-height:1.45; cursor:pointer; min-height:44px; padding-top:6px;}
.as-promo input{width:18px; height:18px; margin-top:2px; accent-color:var(--sage-deep); flex:none;}
.as-promo b{font-weight:500; color:var(--ink);}
.as-compra .as-btn{width:100%;}
.as-compra .as-stock{text-align:center; min-height:1.3em;}
.as-ver-ficha{font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-2); text-align:center; min-height:44px; border-bottom:1px solid transparent;}
.as-ver-ficha:hover{color:var(--ink);}
.as-tienda-pie{margin-top:34px;}

/* ═════════ PIE ═════════ */
.as-pie{background:var(--ink); color:var(--on-ink-text); padding:56px 0 calc(56px + env(safe-area-inset-bottom));}
.as-pie-in{display:grid; grid-template-columns:1fr 1.6fr; gap:40px;}
.as-pie-marca{display:grid; grid-template-columns:auto 1fr; gap:4px 10px; align-items:center;}
.as-ramita-pie{width:15px; height:38px; color:var(--bone); grid-row:span 2;}
.as-pie-marca b{font-family:var(--serif); font-weight:500; font-size:30px; color:var(--bone);}
.as-pie-marca p{grid-column:2; font-size:14px;}
.as-pie-letra p{font-size:13px; line-height:1.65; color:var(--on-ink-muted);}
.as-pie-letra p + p{margin-top:10px;}
.as-pie .as-link-sutil{color:var(--bone);}

/* ═════════ CAJONES Y DIÁLOGOS ═════════ */
.as-velo{position:fixed; inset:0; z-index:180; background:var(--scrim); opacity:0; transition:opacity .38s var(--ease);}
.as-velo.on{opacity:1;}
.as-cajon{position:fixed; z-index:200; top:0; right:0; bottom:0; width:min(500px,100%); background:var(--bone); border-left:1px solid var(--line);
  display:flex; flex-direction:column; transform:translateX(102%); transition:transform .38s var(--ease), visibility 0s linear .38s; visibility:hidden;
  box-shadow:var(--sh-modal);}
.as-cajon.abierto{transform:none; visibility:visible; transition:transform .38s var(--ease);}
.as-cajon-asa{display:none;}
.as-cajon-cab{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 26px; border-bottom:1px solid var(--line); min-height:64px;}
.as-cajon-t{font-size:1.6rem;}
.as-cajon-t em{color:var(--sage-ink);}
.as-cerrar{font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-2); min-height:44px; padding:0 6px; flex:none;}
.as-cerrar:hover{color:var(--ink);}
.as-cajon-cuerpo{flex:1; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:22px 26px 28px;}
.as-cajon-pie{border-top:1px solid var(--line); padding:14px 26px calc(14px + env(safe-area-inset-bottom)); background:var(--paper);}
.as-cajon-pie:empty{display:none;}
html.as-bloqueo,html.as-bloqueo body{overflow:hidden;}

/* ficha */
.as-f-arte{position:relative; margin:6px 14px 0 0;}
.as-f-arte img{width:calc(100% - 16px); aspect-ratio:4/3; object-fit:cover; border-radius:var(--r); box-shadow:var(--sh-photo), 16px 16px 0 var(--sage-bloque); margin-bottom:16px;}
.as-f-arte .as-sello{top:-14px; right:-14px; width:112px; height:112px;}
.as-f-occ{margin-top:22px;}
.as-f-nombre{font-size:2rem; font-weight:500; margin-top:2px;}
.as-f-frase{font-size:15.5px; color:var(--ink-2); margin-top:6px; line-height:1.6;}
.as-f-sec{margin-top:24px;}
.as-f-sec > h3{font-family:var(--serif); font-style:italic; font-weight:500; font-size:17px; color:var(--sage-ink); margin-bottom:8px;}
.as-numeros{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.as-numeros div{padding:12px 8px 12px 0; border-right:1px solid var(--line);}
.as-numeros div:last-child{border-right:0;}
.as-numeros div + div{padding-left:10px;}
.as-numeros b{display:block; font-family:var(--serif); font-weight:500; font-size:1.2rem; line-height:1.15;}
.as-numeros span{font-size:13px; color:var(--ink-2); line-height:1.3; display:block; margin-top:2px;}
.as-pastillas{display:flex; flex-wrap:wrap; gap:8px;}
.as-pastilla{display:inline-flex; align-items:center; min-height:36px; padding:6px 12px; border:1px solid var(--line); border-radius:var(--r);
  background:var(--paper); font-family:var(--serif); font-size:1rem; transition:border-color .25s;}
.as-pastilla[aria-expanded="true"],.as-pastilla:hover{border-color:var(--sage-deep);}
.as-pastilla-que{font-size:13.5px; color:var(--ink-2); margin-top:8px; min-height:1.4em;}
.as-f-uso{font-size:14.5px; color:var(--ink-2);}
.as-f-uso ol{padding-left:20px;}
.as-f-uso li{margin-top:4px;}
.as-f-uso li::marker{font-family:var(--serif); font-style:italic; color:var(--sage-ink);}
.as-mini-dia{display:flex; gap:8px; flex-wrap:wrap;}
.as-mini-dia span{display:inline-flex; align-items:center; gap:7px; padding:6px 12px; border:1px solid var(--line); border-radius:var(--r); font-family:var(--serif); font-size:1rem; color:var(--ink-2); opacity:.5;}
.as-mini-dia span.on{opacity:1; border-color:var(--sage); color:var(--ink);}
.as-mini-dia span::before{content:""; width:8px; height:8px; border-radius:50%; border:1px solid var(--ink);}
.as-mini-dia span.on::before{background:var(--sage-deep); border-color:var(--sage-deep);}
.as-f-video .as-video--v{width:220px;}
.as-combina{display:flex; align-items:center; gap:14px; padding:12px 14px; border:1px solid var(--line); border-radius:var(--r); background:var(--paper);}
.as-combina div{flex:1; font-size:14px; color:var(--ink-2);}
.as-combina b{font-family:var(--serif); font-weight:500; font-size:1.05rem; color:var(--ink); display:block;}
.as-ficha .as-cajon-pie .as-compra{padding-top:0;}
.as-ficha .as-cajon-pie .as-compra-fila{display:flex; gap:10px; align-items:center;}
.as-ficha .as-cajon-pie .as-compra-fila .as-precio{flex:none;}

/* carrito */
.as-renglon{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; padding:14px 0; border-bottom:1px solid var(--line);}
.as-renglon b{font-family:var(--serif); font-weight:500; font-size:1.1rem; line-height:1.25;}
.as-renglon small{display:block; font-size:13px; color:var(--ink-2); line-height:1.4;}
.as-renglon .sub{font-family:var(--serif); font-weight:500; font-size:1.1rem; text-align:right;}
.as-cant{display:flex; align-items:center; gap:4px; grid-column:1 / -1;}
.as-cant button{width:40px; height:40px; border:1px solid var(--line); border-radius:var(--r); background:var(--paper); font-size:18px;}
.as-cant span{min-width:28px; text-align:center; font-family:var(--serif); font-size:1.1rem;}
.as-cant .as-quitar{width:auto; padding:0 12px; margin-left:auto; font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-2); border-color:transparent; background:none;}
.as-vacio{font-family:var(--serif); font-style:italic; font-size:1.2rem; color:var(--ink-2); padding:20px 0;}
.as-total{display:flex; justify-content:space-between; align-items:baseline; margin-top:16px;}
.as-total b{font-family:var(--serif); font-weight:500; font-size:1.9rem;}
.as-total span{font-size:13px; color:var(--ink-2);}
.as-envio{font-size:13.5px; color:var(--ink-2); margin-top:6px;}
.as-sugerencia{margin-top:18px; display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--line); border-radius:var(--r); background:var(--paper); font-size:14px; color:var(--ink-2);}
.as-sugerencia span{flex:1;}
.as-sugerencia b{color:var(--ink); font-weight:500;}
.as-carrito .as-cajon-pie{display:flex; flex-direction:column; gap:8px;}
.as-carrito .as-cajon-pie .as-btn{width:100%;}

/* diálogos */
.as-dialogo{margin:auto; border:1px solid var(--line); border-radius:var(--r); background:var(--paper); color:var(--ink); max-width:min(560px,calc(100% - 32px));
  box-shadow:var(--sh-modal); padding:0;}
.as-dialogo::backdrop{background:var(--scrim);}
.as-dialogo[open]{animation:as-sube .38s var(--ease);}
.as-dialogo-in{padding:30px 30px 26px;}
.as-dialogo h2{font-size:1.9rem; margin:6px 0 14px;}
.as-dialogo h2 em{color:var(--sage-ink);}
.as-ramita-dlg{width:18px; height:44px; color:var(--sage);}
.as-metodo{padding-left:22px; font-size:15px; color:var(--ink-2); line-height:1.6;}
.as-metodo li{margin-top:8px;}
.as-metodo li::marker{font-family:var(--serif); font-style:italic; color:var(--sage-ink);}
.as-metodo-cierre{margin:18px 0 20px; font-family:var(--serif); font-style:italic; font-size:1.1rem; color:var(--ink);}
.as-conf-lista{list-style:none; border-top:1px solid var(--line); margin-bottom:14px;}
.as-conf-lista li{display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--line); font-size:14.5px;}
.as-conf-lista li span:last-child{font-family:var(--serif); font-weight:500;}
.as-conf-nota{font-size:14px; color:var(--ink-2); margin-bottom:18px;}
.as-conf-btns{display:flex; flex-wrap:wrap; gap:10px;}

/* aviso flotante («Liga copiada») */
.as-toast{position:fixed; left:50%; bottom:calc(84px + env(safe-area-inset-bottom)); transform:translate(-50%,10px); z-index:400; background:var(--ink); color:var(--bone);
  padding:10px 18px; border-radius:var(--r); font-size:14px; opacity:0; transition:opacity .3s var(--ease), transform .3s var(--ease); pointer-events:none;}
.as-toast.on{opacity:1; transform:translate(-50%,0);}

/* barra de acción fija (sólo celular) */
.as-accion{display:none;}

/* ═════════ TABLETA ═════════ */
@media (max-width:1099px){
  :root{--gutter:32px;}
  .as-portada-grid{gap:48px;}
  .as-h1{font-size:3.4rem;}
  .as-herbario{grid-template-columns:1fr; gap:22px;}
  .as-herb-lamina{grid-column:1; grid-row:auto; max-width:630px;}
  .as-tarjeta--principal{grid-template-columns:minmax(0,220px) minmax(0,1fr);}
  .as-otro{grid-template-columns:repeat(2,minmax(0,1fr));}
  .as-ritual{grid-template-columns:1fr;}
  .as-ritual-arte{max-width:320px;}
  .as-rutina{grid-template-columns:minmax(0,1fr) minmax(0,340px); gap:28px;}
}
/* tableta en propuesta: la barra arriba y lo entendido debajo; la franja de puntos en lugar del herbario */
@media (min-width:760px) and (max-width:1099px){
  html[data-vista="propuesta"] .as-mostrador-barra{display:block;}
  html[data-vista="propuesta"] .as-entendido{margin-top:8px;}
  html[data-vista="propuesta"] .as-franja{display:flex; gap:4px; overflow-x:auto; margin:0 -32px; padding:4px 28px; height:60px; align-items:center;
    border-bottom:1px solid var(--line); scrollbar-width:none; scroll-padding-inline:32px;}
}
/* puntos de la franja (celular y tableta) */
.as-franja::-webkit-scrollbar{display:none;}
.as-fp{flex:none; width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:var(--r); transition:opacity .3s;}
.as-fp .as-punto{width:20px; height:20px;}
.as-fp[data-estado="apagado"]{opacity:.35;}
.as-fp[data-estado="encaja"] .as-punto{width:26px; height:26px; box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--sage-deep);}
.as-fp[data-agotado="1"] .as-punto{background:var(--paper); border-style:dashed;}
@media (max-width:899px){
  .as-portada-grid{grid-template-columns:1fr;}
  .as-col-foto{display:none;}
  .as-tira{display:flex; margin-top:14px; height:88px; align-items:center; gap:12px; padding:12px; background:var(--paper); border:1px solid var(--line); border-radius:var(--r); max-width:640px;}
  .as-tira-arte{width:64px; height:64px; flex:none; display:flex; align-items:center; justify-content:center; background:var(--paper-2); border:1px solid var(--line); border-radius:var(--r);}
  .as-tira-arte .as-punto--grande{width:30px; height:30px;}
  .as-tira-t{flex:1; font-family:var(--serif); font-style:italic; font-size:15px; line-height:1.3; color:var(--ink-2); transition:opacity .3s var(--ease);}
  .as-tira-t b{font-style:normal; font-weight:500; color:var(--ink);}
  .as-tira-f{font-size:20px; color:var(--sage-ink);}
}
@media (min-width:760px) and (max-width:899px){
  .as-tira{height:96px;}
  .as-tira-arte{width:80px; height:80px;}
}

/* ═════════ CELULAR (diseñado primero para 390×844 en el navegador de Instagram) ═════════ */
@media (max-width:759px){
  :root{--nav-h:52px; --gutter:16px;}
  html{scroll-padding-top:130px;}
  .as-h1-cola{display:none;}
  .as-anuncio{display:none;}
  .as-nav-in{padding:0 16px;}
  .as-nav-links{display:none;}
  .as-ramita-nav{width:13px; height:32px;}
  .as-marca b{font-size:24px;}
  .as-carrito-btn{padding:6px 14px;}

  .as-portada{padding:14px 0 18px;}
  .as-portada-grid{padding:0 16px; gap:0;}
  .as-p-eyebrow{font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .as-h1{font-size:2.1rem; line-height:1.08; margin-top:4px;}
  .as-bajada{display:block; font-size:15.5px; margin-top:6px;}
  .as-mostrador-barra{margin-top:22px;}
  .as-barra-label{font-size:13px; margin-bottom:6px;}
  .as-barra-campo{height:56px;}
  .as-barra input{font-size:17px; padding:0 14px;}
  .as-barra-btn{width:48px; margin:4px; padding:0;}
  .as-barra-btn-t{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);}
  .as-barra-btn [aria-hidden]{font-size:20px;}
  .as-previa{font-size:15px; margin-top:6px;}
  .as-atajos-t{margin-top:12px; font-size:15px;}
  .as-atajos{display:grid; grid-auto-flow:column; grid-template-rows:repeat(2,auto); gap:8px; overflow-x:auto; overscroll-behavior-x:contain;
    margin:8px -16px 0; padding:0 16px 4px; scroll-snap-type:x proximity; scroll-padding-inline:16px; scrollbar-width:none; max-width:none;}
  .as-atajos::-webkit-scrollbar{display:none;}
  .as-atajos li{scroll-snap-align:start;}
  .as-chip{font-size:1.02rem; padding:8px 13px;}
  .as-enlaces{margin-top:12px; gap:8px 20px;}
  .as-enlaces .as-link-flecha{font-size:13px; letter-spacing:.1em; padding:12px 0 3px; min-height:44px;}
  .as-confianza{display:none;}
  html.as-enfocada[data-vista="portada"] :is(.as-p-eyebrow,.as-h1,.as-bajada,.as-atajos-bloque){display:none;}
  html.as-enfocada[data-vista="portada"] .as-mostrador-barra{margin-top:0;}

  .as-g-opciones{grid-template-columns:1fr;}
  .as-g-pregunta{font-size:1.55rem;}

  /* vista propuesta en celular: la nav se va con el scroll; la barra queda pegada arriba */
  html[data-vista="propuesta"] .as-nav,html[data-entrada="propuesta"] .as-nav{position:relative;}
  html[data-vista="propuesta"] .as-portada,html[data-entrada="propuesta"] .as-portada{top:0; padding:8px 0 8px;}
  html[data-vista="propuesta"] .as-portada-grid,html[data-entrada="propuesta"] .as-portada-grid{padding:0 16px;}
  html[data-vista="propuesta"] .as-mostrador-barra{display:block;}
  html[data-vista="propuesta"] .as-barra-campo{height:54px;}
  html[data-vista="propuesta"] .as-barra input{font-size:17px;}
  html[data-vista="propuesta"] .as-entendido{flex-wrap:nowrap; overflow-x:auto; margin:8px -16px 0; padding:0 16px; scrollbar-width:none; scroll-padding-inline:16px;}
  html[data-vista="propuesta"] .as-entendido::-webkit-scrollbar{display:none;}
  html[data-vista="propuesta"] .as-entendido .as-chip{min-height:38px; flex:none;}

  .as-herbario{display:none;}
  .as-franja{display:flex; gap:2px; overflow-x:auto; margin:0 -16px; padding:4px 12px; height:56px; align-items:center; border-bottom:1px solid var(--line);
    scrollbar-width:none; scroll-padding-inline:16px; -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent); mask-image:linear-gradient(90deg,#000 88%,transparent);}
  html[data-vista="portada"] .as-franja{border-top:0;}
  html[data-vista="portada"] .as-franja-t{display:block; margin:8px 0 0; padding-top:12px; border-top:1px solid var(--line); font-family:var(--serif); font-style:italic; font-size:13px; color:var(--ink-2);}

  .as-hoja{padding:12px 0 40px;}
  .as-cabeza{grid-template-columns:14px minmax(0,1fr); gap:0 12px; margin-top:10px;}
  .as-ramita-cab{width:14px; height:36px;}
  .as-titular{font-size:1.5rem; line-height:1.15;}
  .as-pensando{font-size:15.5px; margin-top:6px;}
  .as-dato{font-size:15px; order:0;}
  .as-hoja > .as-cabeza{order:1;}
  .as-hoja > .as-notas{order:2;}
  .as-hoja > .as-tarjeta--principal{order:3;}
  .as-hoja > .as-dato-movil{order:4;}
  .as-hoja > *{order:5;}
  .as-hoja > .as-notas.as-notas--info{order:5;}
  .as-hoja > .as-notas.as-notas--aroma{order:3;}   /* la nota del champú va pegada a su tarjeta («Elegir aroma») */
  .as-hoja > .as-migas{order:0;}
  .as-dato-movil{display:block; margin-top:14px; font-size:15px; line-height:1.6; color:var(--ink-2);}
  .as-cabeza .as-dato{display:none;}

  .as-tarjeta--principal{grid-template-columns:1fr; gap:0; padding:18px 16px 18px; margin-top:14px;}
  .as-tarjeta--principal .as-t-arte{order:2; margin-top:18px;}
  .as-tarjeta--principal .as-t-arte img,.as-tarjeta--principal .as-t-lamina{aspect-ratio:16/9;}
  .as-tarjeta--principal > .as-t-arte .as-sello{width:104px; height:104px; top:-14px; right:-2px;}
  .as-tarjeta--principal .as-sello .as-sello-precio{font-size:19px;}
  .as-tarjeta--principal .as-t-info{order:1;}
  .as-t-nombre{font-size:1.6rem;}
  .as-encaje{margin-top:8px;}
  .as-t-acciones{margin-top:12px;}
  .as-t-acciones .as-btn{flex:1 1 auto;}
  .as-tarjeta:hover{transform:none; box-shadow:none;}

  .as-tambien{display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-inline:16px; margin:0 -16px; padding:0 16px 8px; gap:12px; scrollbar-width:none;}
  .as-tambien::-webkit-scrollbar{display:none;}
  .as-tambien > *{flex:0 0 84%; scroll-snap-align:start;}
  .as-sec{margin-top:28px; padding-top:28px;}
  .as-sec-h{font-size:1.45rem;}

  .as-dia-arco{display:none;}
  .as-dia-momentos{grid-template-columns:1fr; gap:0; position:relative; padding-left:22px;}
  .as-dia-momentos::before{content:""; position:absolute; left:6px; top:14px; bottom:14px; width:1px; background:var(--ink);}
  .as-dia-momentos li{position:relative; padding:5px 0;}
  .as-dia-momentos li::before{content:""; position:absolute; left:-21px; top:24px; width:11px; height:11px; border-radius:50%; background:var(--paper); border:1px solid var(--ink);}
  .as-dia-momentos li[data-encaja="1"]::before{background:var(--sage-deep);}

  .as-rutina{grid-template-columns:1fr;}
  .as-rutina .as-video{order:-1;}
  .as-video--v,.as-video--h{width:100%; max-width:340px;}
  .as-video--v .as-video-marco video{aspect-ratio:9/14;}

  .as-ritual{margin:32px -16px 0; border-radius:0; padding:30px 16px 28px; gap:22px;}
  .as-casilla{grid-template-columns:26px minmax(0,1fr); }
  .as-casilla label{grid-column:2;}
  .as-casilla .as-sel-wrap{grid-column:1 / -1;}
  .as-casilla-occ{grid-column:1 / -1;}
  .as-ritual-arte{max-width:none; order:-1;}
  .as-ritual-arte .as-sello{right:0; top:-18px; width:104px; height:104px;}
  .as-ritual-arte img{aspect-ratio:16/10;}
  .as-ritual-btns .as-btn{flex:1 1 auto;}

  .as-otro{grid-template-columns:1fr;}
  .as-mostrador{padding:64px 0 120px;}
  .as-pie{padding-bottom:calc(110px + env(safe-area-inset-bottom));}
  .as-pie-in{grid-template-columns:1fr;}

  .as-cajon{top:auto; left:0; right:0; width:100%; height:82vh; height:82dvh; border-left:0; border-top:1px solid var(--line);
    border-radius:var(--r) var(--r) 0 0; transform:translateY(102%);}
  .as-cajon-asa{display:flex; justify-content:center; padding:10px 0 2px; touch-action:none; cursor:grab;}
  .as-cajon-asa span{width:40px; height:4px; border-radius:2px; background:var(--line);}
  .as-cajon-cab{padding:6px 16px 10px; min-height:52px;}
  .as-cajon-cuerpo{padding:16px 16px 24px;}
  .as-cajon-pie{padding:10px 16px calc(10px + env(safe-area-inset-bottom));}
  .as-numeros{grid-template-columns:repeat(2,minmax(0,1fr));}
  .as-numeros div:nth-child(2){border-right:0;}
  .as-numeros div:nth-child(n+3){border-top:1px solid var(--line);}
  .as-numeros div:nth-child(3){padding-left:0;}
  .as-f-arte{margin-right:8px;}

  html[data-barra="on"] .as-accion{display:flex; position:fixed; z-index:150; left:0; right:0; bottom:0; gap:8px; align-items:center;
    padding:8px 12px calc(8px + env(safe-area-inset-bottom)); min-height:64px; background:var(--paper); border-top:1px solid var(--line);
    box-shadow:0 -12px 30px -22px rgba(42,38,33,.5);}
  .as-accion-agregar{flex:0 0 52%; min-height:48px; background:var(--sage-deep); color:var(--bone); border-radius:var(--r);
    font-size:13px; letter-spacing:.12em; text-transform:uppercase; padding:0 8px;}
  .as-accion-agregar[disabled]{opacity:.45;}
  .as-accion-wa,.as-accion-compartir{flex:1; min-width:0; min-height:48px; display:flex; align-items:center; justify-content:center; border:1px solid var(--line);
    border-radius:var(--r); padding:0 8px; font-family:var(--serif); font-size:15px; letter-spacing:0; text-transform:none; background:var(--bone); color:var(--ink);}
  .as-toast{bottom:calc(84px + env(safe-area-inset-bottom));}
}
@media (min-width:760px){ .as-dato-movil{display:none;} }

/* táctil: todo lo tocable ≥ 44 px */
@media (pointer:coarse){
  .as-cap,.as-pastilla,.as-mostrar,.as-ver-ficha{min-height:44px;}
  .as-x{width:36px; height:36px;}
  .as-link-flecha,.as-otra button,.as-link-sutil{display:inline-flex; align-items:center; min-height:44px;}
  .as-migas a{min-height:44px; padding:0 4px;}
  .as-trans summary{min-height:44px;}
  .as-nav-links a{padding:12px 0;}
  html[data-vista="propuesta"] .as-barra-campo{height:54px;}
  .as-barra-btn{margin:3px; min-height:46px;}
}
/* sin JavaScript: nada que parezca funcionar y no funcione */
html:not(.as-js) :is(.as-herbario,.as-franja,.as-franja-t,.as-guiadas,.as-atajos-bloque,.as-enlaces-portada,.as-tira,.as-muestra,.as-mostrador-barra){display:none !important;}
.as-sinjs{margin-top:22px; max-width:56ch; font-size:16px; color:var(--ink-2);}
.as-sinjs a{text-decoration:underline; text-underline-offset:3px; color:var(--ink);}
.as-franja-t{display:none;}

/* ═════════ MOVIMIENTO REDUCIDO ═════════ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important; animation-delay:0s !important; transition-duration:.001ms !important; scroll-behavior:auto !important;}
  .as-dia-arco .arco{stroke-dashoffset:0;}
}