/* ===== Nuestras creaciones — compraweb.es (v1.0, 14/11/2026) =====
   Reutiliza portafolio.css (pf-*). Aquí solo lo propio de las fichas de producto. */
.cr-cat{margin-top:56px}
.cr-cat:first-child{margin-top:0}
.cr-cat-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:22px}
.cr-cat-head h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.15;letter-spacing:-.03em;margin:0}
.cr-cat-head p{margin:0;color:var(--muted)}
.cr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
@media (max-width:820px){.cr-grid{grid-template-columns:1fr}}
.cr-card{display:flex;flex-direction:column;gap:14px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 16px 44px rgba(15,32,51,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.cr-card:hover{transform:translateY(-4px);border-color:#a9dfbf;box-shadow:0 24px 60px rgba(9,45,27,.10)}
.cr-card-top{display:flex;align-items:center;gap:14px}
.cr-icon{flex:0 0 auto;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#06110d,#0b2a1b);color:#5ff0ad;font-size:1.6rem;line-height:1}
.cr-card h3{font-size:1.35rem;line-height:1.2;margin:0}
.cr-card h3 a{color:inherit}
.cr-card small{display:block;color:#587263;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;margin-top:3px}
.cr-card p{margin:0;color:var(--muted)}
.cr-card .text-link{margin-top:auto;padding-top:6px}

/* Estado */
.cr-estado{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 12px;border-radius:999px;font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;background:#fff7e6;color:#8a5a00;border:1px solid #f3d38c}
.cr-estado:before{content:"";width:9px;height:9px;border-radius:50%;background:#f0a500}
.cr-estado.ok{background:#e8fbf4;color:#0f7a50;border-color:#8ee7b8}
.cr-estado.ok:before{background:#00b960}
.cr-estado.consulta{background:#eef4ff;color:#244a8a;border-color:#b9cdf3}
.cr-estado.consulta:before{background:#3a6fd8}
.pf-hero .cr-estado{margin-top:22px}

/* Ficha */
.cr-dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;margin:0}
.cr-dl>div{padding:20px;border-radius:18px;border:1px solid var(--line);background:#fff}
.cr-dl dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#587263;font-weight:800;margin-bottom:6px}
.cr-dl dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.cr-list-aviso li:before{content:"!";background:#fff7e6;color:#8a5a00}
.cr-nota{margin-top:24px;padding:18px 20px;border-radius:16px;background:#f6faf8;border:1px dashed #b9d8c6;color:var(--muted);font-size:.93rem}
.cr-nota b{color:var(--ink)}
@media (max-width:680px){.cr-card{padding:22px}.cr-icon{width:48px;height:48px;font-size:1.35rem}}
.cr-para{margin:18px 0 0;color:var(--muted)}.cr-para b{color:var(--ink)}