/* sacredvalleyvip.com · what-to-bring.css */
.prose .ticks li{font-size:1rem}

/* ===== qué llevar: lista marcable, capas, no hace falta ===== */
.pack{background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:16px 18px;margin:0 0 14px} .pack h2{margin:0 0 2px;font-size:1.05rem;display:flex;justify-content:space-between;align-items:baseline;gap:10px} .pack h2 em{font-style:normal;font-size:.8rem;color:var(--texto-suave);font-weight:600} .pack.must{border-color:var(--verde)} .pack ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px} .pack li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;border:1px solid var(--linea);border-radius:10px;padding:10px 12px;cursor:pointer;transition:background .15s,border-color .15s;user-select:none} .pack li:hover,.pack li:focus-visible{border-color:var(--verde);outline:none} .pack li.on{background:var(--tinte);border-color:var(--verde)} .pack li i{width:20px;height:20px;border-radius:6px;border:2px solid var(--linea);display:block;margin-top:2px;background:#fff} .pack li.on i{background:var(--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/70% no-repeat;border-color:var(--verde)} .pack li b{display:block;font-size:.92rem;line-height:1.3} .pack li.on b{text-decoration:line-through;color:var(--texto-suave)} .pack li span{font-size:.8rem;color:var(--texto-suave);display:block;line-height:1.35}
.packfoot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 26px;font-size:.88rem;color:var(--texto-suave)} .packfoot .btn{padding:9px 14px;font-size:.88rem;cursor:pointer} .packfoot .pcount{min-width:110px} .packs{display:block} .packfoot .pall{font:inherit}
.layers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 26px} .layer{background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:14px 16px} .layer small{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-suave)} .layer b{display:block;font-size:1.2rem;margin:2px 0 6px} .layer .t{display:inline-block;font-size:.78rem;font-weight:700;border-radius:999px;padding:3px 9px;margin-bottom:8px} .layer.c .t{background:#E3EEF6;color:#2F5F86} .layer.s .t{background:#FFF1D6;color:#9A6B00} .layer.e .t{background:#E8EDF1;color:#4C5F6A} .layer p{margin:0;font-size:.88rem;color:var(--texto-suave)}
.nono{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 26px} .nono>div{background:var(--fondo-claro);border-radius:12px;padding:12px 14px;font-size:.9rem} .nono b{display:block;color:var(--texto)} .nono b::before{content:'✕ ';color:#C96A6A} .nono span{font-size:.82rem;color:var(--texto-suave)}
@media(max-width:720px){.pack ul,.layers,.nono{grid-template-columns:1fr}}
/* «Vístete por capas»: hover en verde de marca con textos blancos; las etiquetas conservan sus colores */
.layer{transition:background .2s,border-color .2s}
.layer p{line-height:1.4}
.layer:hover{background:var(--verde);border-color:var(--verde)}
.layer:hover small,.layer:hover b,.layer:hover p{color:#fff}
