.disenos { --d-ink:#1b2a55; --d-muted:#5b6b80; --d-paper:#fff; --d-line:#dce3ed; --d-soft:#f2f6fa; color:var(--d-ink); background:var(--d-soft); }
.disenos .disenos-contenido { padding-top:24px; padding-bottom:70px; }
.disenos .disenos-nav { display:flex; gap:24px; flex-wrap:wrap; padding:12px 0 28px; }
.disenos .disenos-nav a { font-weight:600; color:var(--d-ink); }
.disenos .disenos-nav a:first-child { margin-right:auto; }
.disenos .disenos-hero { background:#1b2a55; color:#fff; border-radius:22px; padding:48px; display:grid; grid-template-columns:2fr 1fr; gap:36px; align-items:center; margin-bottom:28px; }
.disenos .disenos-hero h1 { color:#fff; font-size:clamp(32px,4vw,52px); line-height:1.12; margin:10px 0 20px; }
.disenos .disenos-hero p { color:#dce5f5; max-width:58ch; }
.disenos .disenos-hero .diseno-etiqueta { color:#ebde14; }
.disenos .disenos-hero-nota { padding:26px; border:1px solid #ffffff40; border-radius:16px; }
.disenos .disenos-hero-nota > span { display:block; font-size:64px; color:#ebde14; line-height:1; margin-bottom:20px; }
.disenos .disenos-hero-nota strong { display:block; font-size:20px; }
.disenos .disenos-hero-nota p { margin:12px 0 0; font-size:14px; }
.disenos .diseno-boton { display:inline-block; border:0; border-radius:10px; background:#ebde14; color:#1b2a55; padding:12px 20px; font-weight:700; text-align:center; line-height:1.4; }
.disenos .diseno-boton:hover { background:#ded20e; color:#1b2a55; }
.disenos .diseno-boton-sec { background:var(--d-soft); border:1px solid var(--d-line); color:var(--d-ink); }
.disenos .disenos-filtros { display:grid; grid-template-columns:2fr repeat(4,minmax(100px,1fr)) auto; align-items:end; gap:12px; padding:24px; background:var(--d-paper); border:1px solid var(--d-line); border-radius:16px; }
.disenos label { display:block; font-size:13px; font-weight:600; color:var(--d-ink); }
.disenos input, .disenos select { display:block; width:100%; margin-top:6px; padding:10px; border:1px solid var(--d-line); background:var(--d-paper); color:var(--d-ink); border-radius:8px; min-height:44px; }
.disenos .disenos-resultados { padding:20px 0 4px; color:var(--d-muted); }
.disenos .disenos-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.disenos .diseno-card { display:flex; flex-direction:column; border:1px solid var(--d-line); background:var(--d-paper); border-radius:16px; overflow:hidden; }
.disenos .diseno-card-imagen { position:relative; display:block; background:#e7edf5; }
.disenos .diseno-card-imagen img { width:100%; height:220px; object-fit:cover; display:block; }
.disenos .diseno-sin-imagen { display:grid; place-items:center; height:220px; font-size:72px; color:#31467b; }
.disenos .diseno-gratis { position:absolute; top:14px; left:14px; border-radius:999px; background:#ebde14; color:#1b2a55; padding:4px 12px; font-weight:700; font-size:13px; }
.disenos .diseno-card-cuerpo { padding:22px; display:flex; flex-direction:column; flex:1; }
.disenos .diseno-etiqueta { font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--d-muted); margin:0 0 10px; }
.disenos .diseno-card h2 { font-size:22px; line-height:1.3; color:var(--d-ink); }
.disenos .diseno-card h2 a { color:inherit; }
.disenos .diseno-card p { color:var(--d-muted); }
.disenos .diseno-card-pie { margin-top:auto; padding-top:18px; display:flex; gap:12px; flex-wrap:wrap; justify-content:space-between; font-size:14px; }
.disenos .diseno-card-pie a, .disenos .disenos-resultados a { color:var(--d-ink); text-decoration:underline; }
.disenos .disenos-vacio { grid-column:1/-1; padding:52px 28px; border:1px dashed var(--d-line); border-radius:18px; background:var(--d-paper); text-align:center; }
.disenos .disenos-vacio h2 { font-size:26px; color:var(--d-ink); }
.disenos .disenos-paginacion { display:flex; justify-content:center; gap:30px; padding-top:32px; }
.disenos .diseno-titulo { font-size:clamp(28px,4vw,42px); line-height:1.2; color:var(--d-ink); max-width:900px; }
.disenos .diseno-resumen { color:var(--d-muted); max-width:75ch; margin-bottom:30px; }
.disenos .diseno-detalle { display:grid; grid-template-columns:minmax(0,2fr) minmax(280px,1fr); gap:32px; align-items:start; }
.disenos .diseno-portada { width:100%; max-height:480px; object-fit:contain; background:var(--d-paper); border-radius:16px; }
.disenos .diseno-galeria { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:16px 0; }
.disenos .diseno-galeria img { width:100%; height:120px; object-fit:cover; border-radius:10px; }
.disenos .diseno-seccion { padding:28px 0 12px; scroll-margin-top:110px; }
.disenos .diseno-seccion h2 { font-size:25px; color:var(--d-ink); margin-bottom:16px; }
.disenos .diseno-seccion h3 { font-size:19px; color:var(--d-ink); }
.disenos .diseno-seccion p, .disenos details p { line-height:1.8; color:var(--d-muted); overflow-wrap:anywhere; }
.disenos .diseno-compra { background:var(--d-paper); border:1px solid var(--d-line); padding:26px; border-radius:18px; }
.disenos .diseno-compra h2 { color:var(--d-ink); font-size:24px; }
.disenos .diseno-compra .diseno-boton { width:100%; }
.disenos .diseno-precio { font-size:32px; font-weight:800; color:var(--d-ink); }
.disenos .diseno-precio small { font-size:14px; }
.disenos .diseno-nota { font-size:13px; color:var(--d-muted); margin:16px 0; }
.disenos .diseno-compra dl { display:grid; grid-template-columns:1fr 1fr; gap:10px; font-size:14px; margin:24px 0; }
.disenos .diseno-compra dd { margin:0; overflow-wrap:anywhere; color:var(--d-muted); }
.disenos .diseno-archivos { list-style:none; margin:0 0 18px; padding:0; }
.disenos .diseno-archivos li { display:flex; align-items:center; gap:16px; justify-content:space-between; padding:16px 0; border-bottom:1px solid var(--d-line); }
.disenos .diseno-archivos strong { overflow-wrap:anywhere; }
.disenos .diseno-archivos small { display:block; color:var(--d-muted); }
.disenos details summary { cursor:pointer; color:var(--d-ink); font-weight:600; margin:12px 0; }
.disenos .diseno-biblioteca { padding:28px; margin-bottom:24px; border:1px solid var(--d-line); background:var(--d-paper); border-radius:16px; }
.disenos .diseno-biblioteca h2 { font-size:24px; color:var(--d-ink); }
.disenos .diseno-biblioteca p { color:var(--d-muted); }
.disenos .disenos-aviso { padding:16px; background:#e5f4ee; color:#145c43; border-radius:10px; margin-bottom:20px; }
.disenos :focus-visible { outline:3px solid #0299db; outline-offset:3px; }
.is_dark .disenos { --d-ink:#eff4ff; --d-muted:#b8c5d9; --d-paper:#15243a; --d-line:#34445e; --d-soft:#101d30; }
@media(max-width:991px) { .disenos .disenos-filtros { grid-template-columns:repeat(3,minmax(0,1fr)); } .disenos .disenos-hero { padding:32px; } .disenos .disenos-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { .disenos .disenos-hero { grid-template-columns:1fr; padding:28px; } .disenos .disenos-hero-nota { display:none; } .disenos .diseno-detalle { grid-template-columns:1fr; } .disenos .diseno-detalle > aside { grid-row:1; } .disenos .disenos-filtros { grid-template-columns:repeat(2,minmax(0,1fr)); padding:18px; } .disenos .diseno-galeria { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:575px) { .disenos .disenos-grid { grid-template-columns:1fr; } .disenos .disenos-nav { gap:16px; font-size:14px; } .disenos .disenos-nav a:first-child { width:100%; } .disenos .diseno-archivos li { flex-wrap:wrap; } .disenos .diseno-biblioteca { padding:20px; } }