.db-hero{background:var(--blanco);border-bottom:1px solid var(--borde);padding:56px 24px}.db-hero__interior{max-width:var(--ancho);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;gap:40px;margin:0 auto;display:grid}.db-hero__texto{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.db-hero h1{letter-spacing:-.02em;margin:0;font-size:clamp(30px,5vw,48px);font-weight:800;line-height:1.1}.db-hero__subtitulo{color:var(--texto-2);max-width:540px;margin:0;font-size:clamp(16px,2.2vw,18px)}.db-hero__botones{flex-wrap:wrap;gap:12px;display:flex}.db-hero__nota{color:var(--texto-3);margin:0;font-size:14px}.db-ejemplo{background:var(--fondo);border:1px solid var(--borde);border-radius:var(--radio-grande);flex-direction:column;gap:16px;padding:20px;display:flex}.db-ejemplo__cabecera{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.db-ejemplo__cabecera strong{font-family:var(--fuente-titulo);font-size:17px}.db-insignia{color:#92400e;background:#fef3c7;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.db-ejemplo__grafico{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);padding:16px}.db-ejemplo__grafico h3{font-size:14px;font-family:var(--fuente-texto);color:var(--texto-2);margin:0 0 12px;font-weight:600}.db-barras{grid-template-columns:repeat(6,1fr);align-items:end;gap:10px;height:150px;margin:0;padding:0;list-style:none;display:grid}.db-barras li{height:100%;color:var(--texto-3);flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;font-size:12px;display:flex}.db-barras__valor{color:var(--texto-2);font-weight:600}.db-barras__barra{background:var(--acento);border-radius:4px 4px 0 0;width:100%;max-width:36px}.db-ultima{padding-bottom:56px}.db-pasos{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.db-paso{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);flex-direction:column;gap:8px;padding:20px;display:flex}.db-paso__numero{background:var(--acento-suave);width:32px;height:32px;color:var(--acento-mas-oscuro);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.db-paso strong{font-size:17px}.db-paso p{color:var(--texto-2);margin:0;font-size:15px}.db-intro{color:var(--texto-2);margin:0 0 20px}.db-plantilla{justify-content:space-between}.db-plantilla--elegida{border-color:var(--acento);box-shadow:0 0 0 1px var(--acento)}.db-plantilla__acciones{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.db-guardado{background:var(--acento-suave);border:1px solid var(--borde);border-radius:var(--radio);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:16px;padding:14px 18px;display:flex}.db-guardado>div:first-child{flex-direction:column;gap:2px;display:flex}.db-guardado span{color:var(--texto-2);font-size:14px}.db-guardado__acciones{gap:8px;display:flex}.db-resumen{color:var(--texto-2);margin:0;font-size:14px}.db-columnas{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);flex-direction:column;gap:14px;width:100%;padding:20px;display:flex}.db-columnas h3{margin:0;font-size:18px}.db-requerido{color:var(--texto-3);font-weight:400}.db-moneda{width:100%;max-width:320px}.campo select[aria-invalid=true]{border-color:#dc2626}.db-resultado{flex-direction:column;gap:16px;margin-top:32px;display:flex}.db-resultado h2{margin:0;font-size:clamp(22px,3.5vw,28px)}.db-tablero{background:var(--fondo);border:1px solid var(--borde);border-radius:var(--radio-grande);flex-direction:column;gap:16px;padding:20px;display:flex}.db-tablero__titulo{margin:0;font-size:22px}.db-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.db-kpi{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.db-kpi__etiqueta{color:var(--texto-3);font-size:14px}.db-kpi__valor{color:var(--db-color,#2f54eb);font-family:var(--fuente-titulo);overflow-wrap:anywhere;font-size:26px;line-height:1.15}.db-graficos{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:12px;display:grid}.db-grafico{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);min-width:0;padding:16px}.db-grafico h4{font-family:var(--fuente-texto);margin:0 0 8px;font-size:16px}.db-grafico__lienzo{width:100%;height:300px}.db-marca{text-align:center;color:var(--texto-3);margin:0;font-size:13px;font-weight:600}.db-acciones{flex-wrap:wrap;gap:10px;display:flex}.db-acciones .boton[disabled]{opacity:.6;cursor:wait}.db-pruebas{color:#92400e;border-radius:var(--radio-boton);background:#fef3c7;padding:10px 14px;font-size:14px}.db-html{background:var(--acento-suave);border:1px solid var(--borde);border-radius:var(--radio-grande);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:32px;padding:32px;display:grid}.db-etiqueta-seccion{letter-spacing:.12em;color:var(--acento-oscuro);margin-bottom:10px;font-size:13px;font-weight:700;display:block}.db-html h2,.db-ia h2{margin:0 0 12px;font-size:clamp(24px,4vw,32px);line-height:1.15}.db-html p{color:var(--texto-2);margin:0 0 16px}.db-html ul{color:var(--texto-2);flex-direction:column;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.db-html li:before{content:"✓ ";color:var(--sin-ia-texto);font-weight:800}.db-boton-pago{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.db-boton-pago .boton[disabled]{background:var(--gris-suave);color:var(--texto-3);cursor:not-allowed}.db-boton-pago small{color:var(--texto-2)}.db-maqueta{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);flex-direction:column;gap:14px;padding:18px;display:flex}.db-maqueta__archivo{flex-direction:column;gap:2px;font-size:14px;display:flex}.db-maqueta__archivo span{color:var(--texto-3);font-size:13px}.db-maqueta__zona{border:2px dashed var(--borde-fuerte);border-radius:var(--radio);text-align:center;flex-direction:column;gap:4px;padding:24px 16px;display:flex}.db-maqueta__zona span{color:var(--texto-2);font-size:14px}.db-maqueta__pie{align-self:flex-start}.db-ia{background:var(--oscuro);color:var(--blanco);border-radius:var(--radio-grande);flex-direction:column;gap:14px;padding:32px;display:flex}.db-ia .db-etiqueta-seccion{color:#93c5fd;margin-bottom:0}.db-ia h2{margin:0}.db-ia label{font-weight:600}.db-ia textarea{border-radius:var(--radio-boton);width:100%;min-height:96px;color:var(--blanco);font:inherit;resize:vertical;background:#ffffff0f;border:1px solid #fff3;padding:12px 14px}.db-ia textarea::placeholder{color:#94a3b8}.db-ia__fila{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.db-ia__nota{color:#cbd5e1;margin:0;font-size:14px}.db-ia__aviso{border-radius:var(--radio-boton);background:#ffffff1a;margin:0;padding:10px 14px;font-size:14px}.db-autonomo__interior{flex-direction:column;gap:20px;padding-top:32px;padding-bottom:48px;display:flex}.db-autonomo__cabecera{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.db-autonomo__cabecera h1{margin:0;font-size:clamp(26px,4vw,36px)}.db-autonomo__cabecera p{color:var(--texto-2);margin:0}.db-autonomo__columnas{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radio);padding:14px 18px}.db-autonomo__columnas summary{cursor:pointer;font-weight:600}.db-autonomo__columnas .db-columnas{border:0;padding:16px 0 0}@media (width<=560px){.db-html,.db-ia{padding:22px 18px}.db-grafico__lienzo{height:260px}}.db-ejemplo .db-kpi__valor{white-space:nowrap;font-size:20px}.db-tablero__filtros{flex-wrap:wrap;gap:8px;margin:-4px 0 12px;padding:0;list-style:none;display:flex}.db-tablero__filtros li{background:var(--acento-suave);color:var(--acento-oscuro);border-radius:999px;padding:3px 12px;font-size:13px}.db-tablero{color:var(--texto)}.db-ia .db-resultado{background:var(--fondo);color:var(--texto);border-radius:var(--radio);padding:18px}.db-color{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:14px;display:flex}.db-color__titulo{font-size:14px;font-weight:600}.db-color__opciones{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.db-color__muestra,.db-color__personalizado{border:2px solid var(--blanco);width:28px;height:28px;box-shadow:0 0 0 1px var(--borde-fuerte);cursor:pointer;border-radius:50%;padding:0;position:relative;overflow:hidden}.db-color__muestra--activa{box-shadow:0 0 0 2px var(--texto)}.db-color__muestra:focus-visible,.db-color__personalizado:focus-within{outline:2px solid var(--acento);outline-offset:3px}.db-color__personalizado{background:conic-gradient(#ef4444,#f59e0b,#22c55e,#0ea5e9,#8b5cf6,#ef4444)}.db-color__personalizado input{opacity:0;cursor:pointer;width:44px;height:44px;position:absolute;inset:-6px}.db-color__sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.db-ia .zona-envoltura,.db-ia .lista{color:var(--texto)}.db-ia .db-ia__nota{color:#cbd5e1}
