/* ============================================================
   Padel54 — Alma54 café
   (loaded after style.css)
   ============================================================ */

/* ---------- placeholder photo block (swap for real <img>/<video> later) ---------- */
.ph-block{position:relative;aspect-ratio:4/5;border-radius:2px;overflow:hidden;background:var(--ink-2);border:1px dashed var(--line);display:flex;align-items:center;justify-content:center}
.ph-block::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(213,239,101,.14) 1.4px,transparent 1.4px);background-size:16px 16px;opacity:.6}
.ph-block .ph-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:20px}
.ph-block .ph-in svg{width:30px;height:30px;opacity:.55}
.ph-block .ph-in span{font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:10.5px;color:var(--paper-dim)}
.sec-light .ph-block{background:#efeee9;border-color:rgba(12,13,15,.16)}
.sec-light .ph-block::before{background-image:radial-gradient(rgba(12,13,15,.1) 1.4px,transparent 1.4px)}
.sec-light .ph-block .ph-in span{color:#8a897f}
.ph-block:has(img){border-style:solid;border-color:transparent}
.ph-block:has(img)::before{display:none}
.ph-block img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block}

/* ---------- hero ---------- */
.alma-hero .cap .lab{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--signal)}
.alma-hero .cap h1{margin-top:14px;font-weight:900;text-transform:uppercase;font-size:clamp(38px,6.2vw,88px);line-height:.9;letter-spacing:-.03em;max-width:16ch}
.alma-hero .cap .sub{margin-top:16px;max-width:52ch;color:#e7e6e2;font-size:15.5px}
.alma-hero .cap .cta{margin-top:24px;display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:640px){.alma-hero{height:clamp(380px,64vh,650px)}}

/* ---------- split sections (copy + placeholder image) ---------- */
.alma-split{padding-top:clamp(70px,9vw,130px);padding-bottom:clamp(70px,9vw,130px)}
.alma-split .grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,5vw,80px);align-items:center}
.alma-split .grid.rev-grid{direction:rtl}
.alma-split .grid.rev-grid>*{direction:ltr}
@media(max-width:860px){.alma-split .grid{grid-template-columns:1fr;gap:32px}.alma-split .grid.rev-grid{direction:ltr}}
.alma-split .kick2{font-weight:600;text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--signal);margin-bottom:16px}
.alma-split h2{font-weight:900;text-transform:uppercase;font-size:clamp(28px,4vw,50px);line-height:.96;letter-spacing:-.025em}
.alma-split p{margin-top:16px;max-width:50ch;font-size:15.5px;color:var(--paper-dim)}
.alma-split.sec-light p{color:#6c6b65}
.alma-split .points{margin-top:clamp(28px,3.4vw,40px);display:grid;gap:20px}
.alma-split .pt{display:flex;gap:14px;align-items:flex-start}
.alma-split .pt .ic{flex:none;width:34px;height:34px;border-radius:50%;background:#d5ef65;display:flex;align-items:center;justify-content:center;margin-top:2px}
.alma-split .pt .ic svg{width:16px;height:16px}
.alma-split .pt h3{font-weight:800;text-transform:uppercase;font-size:14.5px;letter-spacing:.01em}
.alma-split .pt p{margin-top:5px;font-size:13.5px;max-width:38ch}
.alma-split .cta{margin-top:clamp(26px,3vw,36px);display:flex;gap:14px;flex-wrap:wrap}

/* ---------- closing cta ---------- */
.alma-close{position:relative;overflow:hidden;padding:clamp(70px,10vw,130px) 0;text-align:center;background:#0a0b0d}
.alma-close .bg{position:absolute;inset:0}
.alma-close .bg img{width:100%;height:100%;object-fit:cover;opacity:.4}
.alma-close .bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 160% at 50% 0%,rgba(27,30,34,.88),rgba(10,11,13,.94) 65%)}
.alma-close::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(213,239,101,.35) 1.2px,transparent 1.2px);background-size:22px 22px;opacity:.16;pointer-events:none}
.alma-close .ain{position:relative}
.alma-close h2{font-weight:900;text-transform:uppercase;font-size:clamp(30px,5vw,58px);line-height:.96;letter-spacing:-.02em}
.alma-close p{margin:16px auto 0;max-width:44ch;color:var(--paper-dim)}
.alma-close .cta{margin-top:30px;display:flex;justify-content:center;flex-wrap:wrap;gap:14px}