/* Cóctel botánico — cóctel en el jardín: copas a línea, cítricos y hojas de palma. Va después de
   kit/base.css y kit/fiesta.css. Solo var(--mi-*) / var(--k-*); nunca {{ theme.x }} aquí. */

.ct h2 { font-weight: 500; font-size: clamp(2.4rem, 9vw, 3.4rem); }
.ct-hero { background: linear-gradient(color-mix(in srgb, var(--k-secondary) 75%, var(--k-bg)), var(--k-bg) 78%); }
.ct-hero > .ct-leaf { position: absolute; top: 2%; width: 150px; }
.ct-leaf--l { left: -54px; rotate: -32deg; }
.ct-leaf--r { right: -54px; rotate: 32deg; scale: -1 1; }
.ct-frame { position: relative; width: min(56vw, 244px); margin: .6rem auto 1.2rem; }
.ct-photo { overflow: hidden; aspect-ratio: 4 / 5; border-radius: 999px 999px 0 0; background: var(--k-soft); box-shadow: 0 0 0 1px var(--k-primary), 0 0 0 10px var(--k-bg), 0 0 0 11px var(--k-primary); }
.ct-photo img { width: 100%; height: 100%; object-fit: cover; }
.ct-glass { position: absolute; right: -24%; bottom: -8%; width: 40%; }
.ct .fs-name { font-weight: 500; font-style: italic; font-size: clamp(3.4rem, 16vw, 6rem); }
.ct-age { display: flex; align-items: baseline; gap: .5em; width: auto; height: auto; border-radius: 0; background: none; box-shadow: none; color: var(--k-primary); font-size: .74rem; }
.ct-age strong { margin: 0; font: 500 2.2rem/1 var(--k-font-title); }
.ct .fs-countdown > div { background: transparent; box-shadow: 0 0 0 1px var(--k-primary); border-radius: 999px 999px 8px 8px; }
.ct .k-card { border-radius: 2px; box-shadow: 0 0 0 1px var(--k-secondary); }
.ct .fs-welcome .k-divider { width: 44px; }
.ct .fs-footer-orn { width: 56px; }