/* =========================================================
   MINI-WEBS ANTES / DESPUÉS (v2) — escalan con el recuadro: 1cqw = 1% del ancho.
   ANTES: plantillas tipo Wix/WordPress 2019–2021, mediocres pero creíbles.
   DESPUÉS: webs premium con fotos reales.
   ========================================================= */
.cmp{container-type:inline-size}
.m{position:absolute;inset:0;overflow:hidden;line-height:1.25}
.m *{box-sizing:border-box;margin:0;padding:0}
.m img{display:block;width:100%;height:100%;object-fit:cover}
.lq{filter:saturate(.75) contrast(.9) brightness(1.05) sepia(.12);image-rendering:pixelated}
@keyframes mfloat{50%{translate:0 -.8cqw}}
@keyframes mzoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.cmp.show-after .after .zoom{animation:mzoom 6s cubic-bezier(.2,.7,.2,1) both}

/* ================= POLLERÍA ================= */
.x-bpol{background:#f2f2f2;font-family:Arial,Helvetica,sans-serif;color:#333}
.x-bpol .tb{background:#B71C1C;color:#fff;font-size:1.25cqw;padding:.7cqw 3cqw;display:flex;justify-content:space-between}
.x-bpol .hd{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:1.2cqw 3cqw;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.x-bpol .lg{display:flex;align-items:center;gap:1cqw;font:bold 2.6cqw Arial;color:#C62828}
.x-bpol .lg span{width:4.4cqw;height:4.4cqw;border-radius:50%;overflow:hidden;border:.3cqw solid #FBC02D}
.x-bpol .mn{display:flex;gap:2cqw;font-size:1.3cqw;color:#666;text-transform:uppercase}
.x-bpol .mn b{color:#C62828}
.x-bpol .sl{position:relative;height:25cqw}
.x-bpol .sl:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}
.x-bpol .sl .t{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;text-shadow:0 .2cqw .4cqw #000}
.x-bpol .sl .t b{font:900 4.6cqw Impact,"Arial Black",sans-serif;letter-spacing:.1cqw}
.x-bpol .sl .t small{font-size:1.8cqw;margin-top:.6cqw}
.x-bpol .sl .t u{text-decoration:none;margin-top:1.4cqw;background:#FBC02D;color:#333;font:bold 1.5cqw Arial;padding:.8cqw 2cqw;border-radius:.3cqw}
.x-bpol .ar{position:absolute;z-index:2;top:50%;margin-top:-2cqw;width:3.4cqw;height:4cqw;background:rgba(0,0,0,.4);color:#fff;font-size:2.4cqw;display:grid;place-items:center}
.x-bpol .ar.l{left:0}.x-bpol .ar.r{right:0}
.x-bpol .dots{position:absolute;z-index:2;bottom:1.2cqw;left:0;right:0;display:flex;justify-content:center;gap:.7cqw}
.x-bpol .dots i{width:1cqw;height:1cqw;border-radius:50%;background:#fff;opacity:.5}.x-bpol .dots i:first-child{opacity:1}
.x-bpol h6{text-align:center;font:bold 2cqw Arial;color:#C62828;margin:2cqw 0 1.2cqw;text-transform:uppercase}
.x-bpol h6:before,.x-bpol h6:after{content:" ——— ";color:#ccc}
.x-bpol .gr{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw;padding:0 6cqw}
.x-bpol .gr div{background:#fff;border:1px solid #ddd;text-align:center;font-size:1.35cqw;padding-bottom:1cqw}
.x-bpol .gr .im{height:10cqw;margin-bottom:.8cqw}
.x-bpol .gr u{display:inline-block;text-decoration:none;margin-top:.6cqw;background:#C62828;color:#fff;padding:.4cqw 1.2cqw;font-size:1.1cqw}
.x-bpol .pop{position:absolute;z-index:5;left:50%;top:25cqw;transform:translateX(-50%);width:40cqw;background:#fff;border-radius:.6cqw;box-shadow:0 1cqw 4cqw rgba(0,0,0,.45);overflow:hidden;font-size:1.3cqw;text-align:center}
.x-bpol .pop .im{height:9cqw}
.x-bpol .pop b{display:block;font:900 2.4cqw Impact,"Arial Black",sans-serif;color:#C62828;margin:1cqw 0 .3cqw}
.x-bpol .pop p{padding:0 2cqw 1.4cqw;color:#555}
.x-bpol .pop i{position:absolute;top:.8cqw;right:.8cqw;width:2.6cqw;height:2.6cqw;border-radius:50%;background:#fff;font:bold 1.6cqw/2.6cqw Arial;font-style:normal;color:#333}
.x-bpol .fb{position:absolute;z-index:4;right:1.4cqw;bottom:1.4cqw;width:17cqw;background:#fff;border:1px solid #ccc;font-size:1.1cqw}
.x-bpol .fb b{display:block;background:#3b5998;color:#fff;padding:.5cqw .8cqw}
.x-bpol .fb span{display:block;padding:.6cqw .8cqw}

.x-apol{background:#120D0A;color:#F7EDE2;font-family:var(--body)}
.x-apol .phx{position:absolute;right:0;top:0;bottom:0;width:64%;overflow:hidden}
.x-apol .phx:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#120D0A 0%,rgba(18,13,10,.55) 30%,transparent 60%),linear-gradient(0deg,#120D0A 0%,transparent 40%)}
.x-apol .nv{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:2.6cqw 4cqw;font-size:1.5cqw}
.x-apol .nv b{font-family:var(--disp);font-weight:800;font-size:2.6cqw;letter-spacing:-.1cqw}
.x-apol .nv b em{font-family:var(--serif);font-weight:400;color:#FF8A3D}
.x-apol .nv span{display:flex;gap:2.4cqw;align-items:center;opacity:.85}
.x-apol .nv i{font-style:normal;background:#25D366;color:#fff;padding:.9cqw 1.8cqw;border-radius:9cqw;font-weight:700}
.x-apol .tx{position:relative;z-index:2;padding:3cqw 4cqw 0;max-width:50cqw}
.x-apol .k{display:inline-flex;align-items:center;gap:.8cqw;font:600 1.2cqw var(--body);letter-spacing:.15cqw;text-transform:uppercase;color:#FF8A3D}
.x-apol .k:before{content:"";width:2.4cqw;height:1px;background:#FF8A3D}
.x-apol h5{font-family:var(--disp);font-weight:800;font-size:7cqw;line-height:.88;letter-spacing:-.38cqw;margin:1.6cqw 0 1.8cqw}
.x-apol h5 em{display:block;font-family:var(--serif);font-weight:400;letter-spacing:-.1cqw;color:#FF8A3D}
.x-apol p{font-size:1.6cqw;opacity:.75;max-width:34cqw}
.x-apol .ct{display:flex;gap:1.2cqw;margin-top:2.4cqw}
.x-apol .ct b{background:#FF6A1A;color:#fff;font-weight:800;font-size:1.6cqw;padding:1.3cqw 2.4cqw;border-radius:9cqw}
.x-apol .ct u{text-decoration:none;border:1px solid rgba(247,237,226,.35);font-size:1.6cqw;padding:1.3cqw 2.4cqw;border-radius:9cqw}
.x-apol .carta{position:absolute;z-index:2;left:4cqw;right:4cqw;bottom:3cqw;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4cqw}
.x-apol .carta div{display:flex;align-items:center;gap:1.2cqw;background:rgba(18,13,10,.7);backdrop-filter:blur(10px);border:1px solid rgba(247,237,226,.14);border-radius:1.6cqw;padding:.9cqw}
.x-apol .carta .im{width:6cqw;height:6cqw;border-radius:1cqw;overflow:hidden;flex-shrink:0}
.x-apol .carta small{display:block;font-size:1.25cqw;opacity:.75}
.x-apol .carta b{font-family:var(--disp);font-size:1.9cqw;color:#FF8A3D}
.x-apol .badge{position:absolute;z-index:2;right:5cqw;top:12cqw;background:#F7EDE2;color:#120D0A;border-radius:1.4cqw;padding:1.2cqw 1.6cqw;font-size:1.2cqw;animation:mfloat 5s ease-in-out infinite}
.x-apol .badge b{display:block;font-family:var(--disp);font-size:2.2cqw}

/* ================= SANGUCHERÍA ================= */
.x-bsan{background:#fff;font-family:"Trebuchet MS",Arial,sans-serif;color:#444}
.x-bsan .hd{position:relative;height:20cqw;overflow:hidden}
.x-bsan .hd img{filter:blur(.25cqw) brightness(.55)}
.x-bsan .hd .t{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.x-bsan .hd .t b{font:italic 4.6cqw "Brush Script MT","Segoe Script",cursive}
.x-bsan .hd .t small{font-size:1.4cqw;letter-spacing:.3cqw;text-transform:uppercase;margin-top:.4cqw}
.x-bsan .mn{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;gap:2.6cqw;padding:1.2cqw;font-size:1.3cqw;color:#fff;text-transform:uppercase;background:rgba(0,0,0,.3)}
.x-bsan h6{text-align:center;font:bold 2cqw "Trebuchet MS";margin:1.8cqw 0 1.2cqw;color:#5D4037}
.x-bsan .gal{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;grid-auto-rows:9.5cqw;gap:.6cqw;padding:0 4cqw}
.x-bsan .gal .w{grid-row:span 2}
.x-bsan .bt{display:flex;justify-content:center;gap:1.4cqw;margin-top:1.6cqw;font-size:1.3cqw}
.x-bsan .bt u{text-decoration:none;background:#8D6E63;color:#fff;padding:.8cqw 1.8cqw;border-radius:2cqw}
.x-bsan .bt span{color:#999;padding:.8cqw 0}

.x-asan{background:#1A110B;color:#F6E8D6;font-family:var(--body)}
.x-asan .nv{display:flex;justify-content:space-between;align-items:center;padding:2.4cqw 4cqw;font-size:1.5cqw}
.x-asan .nv b{font-family:var(--disp);font-weight:800;font-size:2.6cqw;letter-spacing:-.12cqw}
.x-asan .nv span{opacity:.75;display:flex;gap:2.2cqw}
.x-asan .nv i{font-style:normal;background:#F6C453;color:#1A110B;padding:.9cqw 1.8cqw;border-radius:9cqw;font-weight:800}
.x-asan .hero{display:grid;grid-template-columns:1fr 1.15fr;gap:3cqw;padding:.5cqw 4cqw 0;align-items:center}
.x-asan h5{font-family:var(--disp);font-weight:800;font-size:7.2cqw;line-height:.88;letter-spacing:-.34cqw;text-transform:uppercase}
.x-asan h5 em{display:block;text-transform:none;font-family:var(--serif);font-weight:400;color:#F6C453;letter-spacing:-.1cqw}
.x-asan .hero p{font-size:1.55cqw;opacity:.72;margin:1.6cqw 0 2cqw}
.x-asan .ct{display:inline-block;background:#F6C453;color:#1A110B;font-weight:800;font-size:1.6cqw;padding:1.3cqw 2.4cqw;border-radius:9cqw}
.x-asan .big{height:33cqw;border-radius:2cqw;overflow:hidden;position:relative}
.x-asan .big .pr{position:absolute;left:1.4cqw;bottom:1.4cqw;background:#F6E8D6;color:#1A110B;border-radius:1.2cqw;padding:.9cqw 1.4cqw;font-size:1.2cqw}
.x-asan .big .pr b{display:block;font-family:var(--disp);font-size:2.2cqw}
.x-asan .row{position:absolute;left:4cqw;right:4cqw;bottom:3cqw;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4cqw}
.x-asan .row div{display:flex;align-items:center;gap:1.2cqw;border-top:1px solid rgba(246,232,214,.18);padding-top:1.2cqw}
.x-asan .row .im{width:7cqw;height:5.4cqw;border-radius:1cqw;overflow:hidden;flex-shrink:0}
.x-asan .row small{display:block;font-size:1.3cqw;opacity:.8}
.x-asan .row b{font-family:var(--disp);font-size:1.9cqw;color:#F6C453}

/* ================= ABOGADOS ================= */
.x-blaw{background:#fff;font-family:Arial,Helvetica,sans-serif;color:#555}
.x-blaw .tb{background:#0D2B52;color:#cfd8e6;font-size:1.15cqw;padding:.6cqw 3cqw;display:flex;justify-content:space-between}
.x-blaw .hd{display:flex;justify-content:space-between;align-items:center;padding:1.3cqw 3cqw;border-bottom:.3cqw solid #C9A227}
.x-blaw .lg{font:bold 2cqw Georgia,serif;color:#0D2B52;line-height:1.05}
.x-blaw .lg small{display:block;font:1.1cqw Arial;color:#888;letter-spacing:.2cqw}
.x-blaw .mn{display:flex;gap:1.8cqw;font-size:1.25cqw;color:#0D2B52;text-transform:uppercase;font-weight:bold}
.x-blaw .sl{position:relative;height:19cqw}
.x-blaw .sl:after{content:"";position:absolute;inset:0;background:rgba(13,43,82,.55)}
.x-blaw .sl .t{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:0 5cqw;color:#fff}
.x-blaw .sl .t b{font:bold 3.2cqw Georgia,serif}
.x-blaw .sl .t small{font-size:1.5cqw;margin-top:.6cqw;opacity:.9}
.x-blaw .ic{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;padding:2cqw 5cqw 1.4cqw;text-align:center;font-size:1.3cqw}
.x-blaw .ic i{display:block;width:4.6cqw;height:4.6cqw;margin:0 auto .8cqw;border-radius:50%;background:#C9A227;color:#fff;font:bold 2.2cqw/4.6cqw Georgia;font-style:normal}
.x-blaw .ic b{display:block;color:#0D2B52;margin-bottom:.3cqw}
.x-blaw .bd{display:grid;grid-template-columns:1fr 24cqw;gap:2.4cqw;padding:0 5cqw;font-size:1.3cqw;line-height:1.4}
.x-blaw .bd .im{height:13cqw}

.x-alaw{background:#0E241D;color:#EFE9DC;font-family:var(--body)}
.x-alaw .nv{display:flex;justify-content:space-between;align-items:center;padding:2.4cqw 4cqw;font-size:1.45cqw;border-bottom:1px solid rgba(239,233,220,.14)}
.x-alaw .nv b{font-family:var(--serif);font-weight:400;font-size:2.8cqw;letter-spacing:-.05cqw}
.x-alaw .nv span{display:flex;gap:2.4cqw;opacity:.75}
.x-alaw .nv i{font-style:normal;border:1px solid rgba(239,233,220,.55);padding:.9cqw 1.8cqw;border-radius:9cqw}
.x-alaw .gd{display:grid;grid-template-columns:1.2fr 1fr;height:calc(100% - 7.6cqw)}
.x-alaw .l{padding:3.4cqw 4cqw;display:flex;flex-direction:column}
.x-alaw .k{font-size:1.2cqw;letter-spacing:.25cqw;text-transform:uppercase;color:#C8B48A}
.x-alaw h5{font-family:var(--serif);font-weight:400;font-size:6.4cqw;line-height:.95;letter-spacing:-.15cqw;margin:1.6cqw 0 2cqw}
.x-alaw h5 em{color:#C8B48A}
.x-alaw .ct{align-self:flex-start;background:#EFE9DC;color:#0E241D;font-weight:700;font-size:1.55cqw;padding:1.3cqw 2.4cqw;border-radius:9cqw}
.x-alaw ol{list-style:none;margin-top:auto;border-top:1px solid rgba(239,233,220,.16)}
.x-alaw li{display:flex;align-items:baseline;gap:1.6cqw;padding:1.1cqw 0;border-bottom:1px solid rgba(239,233,220,.16);font-family:var(--serif);font-size:2.2cqw}
.x-alaw li small{font-family:var(--body);font-size:1.1cqw;color:#C8B48A}
.x-alaw li span{margin-left:auto;font-family:var(--body);font-size:1.2cqw;opacity:.6}
.x-alaw .r{position:relative;overflow:hidden}
.x-alaw .r>img{filter:grayscale(.15) contrast(1.05)}
.x-alaw .r:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,36,29,.85),transparent 45%)}
.x-alaw .tm{position:absolute;z-index:1;left:2cqw;right:2cqw;bottom:2cqw;display:flex;align-items:center;gap:1.4cqw;font-size:1.3cqw}
.x-alaw .tm .im{width:9cqw;height:6cqw;border-radius:.8cqw;overflow:hidden;border:1px solid rgba(239,233,220,.4);flex-shrink:0}
.x-alaw .tm b{display:block;font-family:var(--serif);font-weight:400;font-size:2cqw}

/* ================= INMOBILIARIA ================= */
.x-binm{background:#fff;font-family:Arial,Helvetica,sans-serif;color:#444}
.x-binm .tp{background:#2E7D32;color:#fff;font-size:1.2cqw;padding:.7cqw 3cqw;display:flex;justify-content:space-between}
.x-binm .hd{display:flex;justify-content:space-between;align-items:center;padding:1.4cqw 3cqw;border-bottom:1px solid #eee}
.x-binm .lg{font-weight:bold;font-size:2.4cqw;color:#2E7D32}
.x-binm .lg span{color:#999;font-weight:normal}
.x-binm .mn{display:flex;gap:1.8cqw;font-size:1.3cqw;text-transform:uppercase}
.x-binm .sl{height:19cqw;position:relative}
.x-binm .sl b{position:absolute;left:3cqw;top:3cqw;background:rgba(0,0,0,.5);color:#fff;font-size:2.2cqw;padding:1cqw 1.6cqw}
.x-binm .se{display:flex;gap:1cqw;margin:-2.6cqw 3cqw 0;position:relative;background:#eee;border:1px solid #ccc;padding:1.2cqw}
.x-binm .se span{flex:1;background:#fff;border:1px solid #bbb;font-size:1.25cqw;padding:.7cqw;color:#777}
.x-binm .se span:after{content:" ▾";float:right}
.x-binm .se b{background:#2E7D32;color:#fff;font-size:1.25cqw;padding:.7cqw 2cqw}
.x-binm .gr{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw;padding:1.8cqw 3cqw}
.x-binm .gr>div{border:1px solid #ddd;font-size:1.25cqw;padding-bottom:1cqw}
.x-binm .gr .im{height:10cqw;margin-bottom:.8cqw}
.x-binm .gr p{padding:0 1cqw}
.x-binm .gr u{display:inline-block;margin:.6cqw 1cqw 0;background:#2E7D32;color:#fff;text-decoration:none;padding:.4cqw 1cqw}

.x-ainm{background:#0F1418;color:#fff;font-family:var(--body)}
.x-ainm .bg{position:absolute;inset:0}
.x-ainm .bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,20,24,.85) 0%,rgba(15,20,24,.45) 42%,rgba(15,20,24,0) 70%),linear-gradient(0deg,rgba(15,20,24,.8),transparent 45%)}
.x-ainm .nv{position:relative;display:flex;justify-content:space-between;align-items:center;padding:2.6cqw 4cqw;font-size:1.5cqw}
.x-ainm .nv b{font-family:var(--disp);font-weight:800;font-size:2.7cqw;letter-spacing:-.15cqw}
.x-ainm .nv span{opacity:.85}
.x-ainm .nv i{font-style:normal;background:#fff;color:#0F1418;padding:1cqw 2cqw;border-radius:9cqw;font-weight:700}
.x-ainm h5{position:relative;font-family:var(--disp);font-weight:800;font-size:7cqw;line-height:.9;letter-spacing:-.38cqw;padding:2cqw 4cqw 0;max-width:58cqw}
.x-ainm h5 em{font-family:var(--serif);font-weight:400;letter-spacing:-.1cqw}
.x-ainm .q{position:relative;margin:2.4cqw 4cqw 0;display:inline-flex;align-items:center;gap:1.6cqw;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:9cqw;padding:.8cqw .8cqw .8cqw 2.2cqw;font-size:1.5cqw}
.x-ainm .q b{font-family:var(--disp);font-size:2cqw}
.x-ainm .q u{text-decoration:none;background:#F7A35C;color:#0F1418;border-radius:9cqw;padding:1cqw 2cqw;font-weight:700}
.x-ainm .cards{position:absolute;right:4cqw;bottom:3.2cqw;display:flex;gap:1.6cqw}
.x-ainm .cd{width:21cqw;background:rgba(255,255,255,.96);color:#0F1418;border-radius:1.6cqw;padding:1cqw;font-size:1.3cqw;animation:mfloat 5s ease-in-out infinite}
.x-ainm .cd+.cd{animation-delay:1.2s}
.x-ainm .cd .im{height:9cqw;border-radius:1cqw;overflow:hidden;margin-bottom:1cqw;position:relative}
.x-ainm .cd .im span{position:absolute;left:.8cqw;top:.8cqw;background:#fff;font:600 1cqw var(--body);padding:.3cqw .8cqw;border-radius:9cqw}
.x-ainm .cd b{display:block;font-family:var(--disp);font-size:2cqw;letter-spacing:-.08cqw}
.x-ainm .cd small{color:#5c6a70}

/* ================= PELUQUERÍA ================= */
.x-bpel{background:#fff;font-family:"Segoe UI",Arial,sans-serif;color:#555}
.x-bpel .hd{display:flex;justify-content:space-between;align-items:center;padding:1.4cqw 3cqw;border-bottom:.3cqw solid #EC407A}
.x-bpel .lg{font:italic 3.2cqw "Brush Script MT","Segoe Script",cursive;color:#D81B60}
.x-bpel .mn{display:flex;gap:2cqw;font-size:1.35cqw;color:#666}
.x-bpel .mn b{color:#D81B60}
.x-bpel .sl{position:relative;height:20cqw;background:#f8bbd0}
.x-bpel .sl img{object-fit:fill}
.x-bpel .sl .t{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 5cqw;color:#fff;background:linear-gradient(90deg,rgba(216,27,96,.75),rgba(216,27,96,0) 70%)}
.x-bpel .sl .t b{font-size:3.4cqw;font-weight:600}
.x-bpel .sl .t small{font-size:1.5cqw;margin-top:.4cqw}
.x-bpel .bd{display:grid;grid-template-columns:1fr 1.15fr;gap:3cqw;padding:2.2cqw 5cqw}
.x-bpel h6{font-size:1.9cqw;color:#D81B60;margin-bottom:1cqw}
.x-bpel ul{list-style:none;display:grid;gap:.8cqw;font-size:1.4cqw}
.x-bpel li{display:flex;align-items:center;gap:1cqw}
.x-bpel li .im{width:3.6cqw;height:3.6cqw;border-radius:50%;overflow:hidden;flex-shrink:0}
.x-bpel .bt{display:inline-block;margin-top:1.4cqw;background:#EC407A;color:#fff;font-size:1.3cqw;padding:.8cqw 1.8cqw;border-radius:2cqw}
.x-bpel .gal{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:9.5cqw;gap:.6cqw}

.x-apel{background:#120F0D;color:#F5EEE6;font-family:var(--body)}
.x-apel .ph2{position:absolute;inset:0}
.x-apel .ph2:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#120F0D 0%,rgba(18,15,13,.9) 34%,rgba(18,15,13,.2) 66%,rgba(18,15,13,0)),linear-gradient(0deg,rgba(18,15,13,.9),transparent 45%)}
.x-apel .ph2 img{object-position:70% 30%}
.x-apel .nv{position:relative;display:flex;justify-content:space-between;align-items:center;padding:2.6cqw 4cqw;font-size:1.5cqw}
.x-apel .nv b{font-family:var(--disp);font-weight:800;font-size:2.7cqw;letter-spacing:-.12cqw}
.x-apel .nv b em{font-family:var(--serif);font-weight:400;color:#E9B48A}
.x-apel .nv span{display:flex;gap:2.4cqw;opacity:.7;margin-left:auto;margin-right:2.4cqw}
.x-apel .nv i{font-style:normal;border:1px solid rgba(245,238,230,.55);padding:1cqw 2cqw;border-radius:9cqw;font-weight:600}
.x-apel .tx{position:relative;padding:2.6cqw 4cqw 0;max-width:54cqw}
.x-apel .k{font-size:1.2cqw;letter-spacing:.22cqw;text-transform:uppercase;color:#E9B48A}
.x-apel h5{font-family:var(--disp);font-weight:800;font-size:7cqw;line-height:.9;letter-spacing:-.36cqw;margin:1.4cqw 0 2.2cqw}
.x-apel h5 em{font-family:var(--serif);font-weight:400;letter-spacing:-.1cqw;color:#E9B48A}
.x-apel .ct{display:inline-block;background:#F5EEE6;color:#120F0D;font-weight:800;font-size:1.6cqw;padding:1.3cqw 2.4cqw;border-radius:9cqw}
.x-apel .sv{position:absolute;left:4cqw;right:4cqw;bottom:3cqw;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4cqw}
.x-apel .sv div{display:flex;align-items:center;gap:1.2cqw;background:rgba(18,15,13,.6);backdrop-filter:blur(10px);border:1px solid rgba(245,238,230,.16);border-radius:1.6cqw;padding:.9cqw}
.x-apel .sv .im{width:6.4cqw;height:6.4cqw;border-radius:1cqw;overflow:hidden;flex-shrink:0}
.x-apel .sv small{display:block;font-size:1.3cqw;opacity:.85}
.x-apel .sv b{font-family:var(--disp);font-size:1.9cqw;color:#E9B48A}
.x-apel .nx{position:absolute;right:4cqw;top:12cqw;background:#F5EEE6;color:#120F0D;border-radius:1.6cqw;padding:1.3cqw 1.8cqw;font-size:1.1cqw;animation:mfloat 5s ease-in-out infinite}
.x-apel .nx b{display:block;font-family:var(--disp);font-size:2.1cqw}
/* El ANTES nunca se pinta encima del DESPUÉS */
.cmp .layer{isolation:isolate}
.cmp .before{z-index:0}.cmp .after{z-index:1}.cmp .scan{z-index:2}
/* Mily: menú legible sobre la foto */
.x-apel .nv:before{content:"";position:absolute;inset:0 0 -4cqw;background:linear-gradient(180deg,rgba(18,15,13,.75),transparent);z-index:-1}
.x-apel .nv span{opacity:.9}