.app-cliente .of-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.app-cliente .of-titulo{font-family:var(--fuente-titulos,"Playfair Display"), serif;font-size:26px;font-weight:700;line-height:1.1}.app-cliente .of-sub{color:var(--gris);margin-top:4px;font-size:13.5px}.app-cliente .of-badge{background:var(--rosa-suave);color:var(--rosa);letter-spacing:.04em;white-space:nowrap;border-radius:99px;padding:6px 13px;font-size:11px;font-weight:800}.app-cliente .of-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:18px;display:grid}.app-cliente .of-card{color:#fff;background:linear-gradient(150deg, var(--rosa), var(--rosa-2));border-radius:22px;flex-direction:column;justify-content:flex-end;min-height:240px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 44px -14px #1f242947}.app-cliente .of-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.app-cliente .of-capa{background:linear-gradient(160deg, rgba(var(--p-rgb), .9) 0%, rgba(var(--p-claro-rgb), .72) 100%);position:absolute;inset:0}.app-cliente .of-cuerpo{background:linear-gradient(#0000 25%,#00000057 100%);padding:22px;position:relative}.app-cliente .of-pill{letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff38;border-radius:99px;padding:5px 11px;font-size:10px;font-weight:800;display:inline-block}.app-cliente .of-nombre{font-family:var(--fuente-titulos,"Playfair Display"), serif;text-shadow:0 2px 10px #0000004d;margin:10px 0 6px;font-size:24px;line-height:1.15;display:block}.app-cliente .of-texto{opacity:.96;margin-bottom:8px;font-size:13px}.app-cliente .of-cod{margin-bottom:14px;font-size:12.5px}.app-cliente .of-cod b{letter-spacing:.1em;background:#ffffff2e;border:1px dashed #fff;border-radius:8px;padding:3px 9px}.app-cliente .of-btn{cursor:pointer;color:var(--rosa);background:var(--blanco);border:0;border-radius:12px;width:fit-content;padding:11px 20px;font-family:inherit;font-size:13.5px;font-weight:700;transition:transform .15s}.app-cliente .of-btn:hover{transform:translateY(-1px)}.app-cliente .of-vacio-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--rosa), var(--rosa-2));box-shadow:0 10px 20px -10px rgba(var(--p-rgb), .6);border:0;border-radius:99px;padding:11px 22px;font-family:inherit;font-size:14px;font-weight:700}@media (max-width:560px){.app-cliente .of-grid{grid-template-columns:1fr}}