.dashicons-bs-cons-prioridad {
    width: 24px;
    height: 24px;
    background: url(icon.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Consultoría · ¿Os suena? / Tú eliges la prioridad / Qué hacemos. Todo
   scoped a .bs-cp y con clases prefijadas (cp-*) para no chocar con el CSS
   del tema. */
.bs-cp {
	--o1: #F68B29;
	--o2: #D9700F;
	--o3: #A4520A;
	--o4: #F2B36A;
	--tint: #FCF1E6;
	--ink: #1a1a1a;
	--line: #E6E4DE;
	--soft: #8a8a8a;
	color: var(--ink);
	line-height: 1.5;
}
:where(.bs-cp *) { box-sizing: border-box; margin: 0; padding: 0; }
:where(.bs-cp button) { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; text-align: left; }

.bs-cp .cp-wrap { width: 100%; max-width: var(--wp--style--global--wide-size, 1380px); margin: 0 auto; }

.bs-cp .cp-fgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.bs-cp .cp-lbl { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: var(--soft); margin-bottom: 12px; }
.bs-cp .cp-lbl.cp-mt { margin-top: 28px; }

/* ¿Os suena? */
.bs-cp .cp-quotes { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.bs-cp .cp-quotes li { background: #fff; border: 1px solid var(--line); border-radius: 14px 14px 14px 4px; padding: 14px 18px; font-size: 16px; font-style: italic; max-width: 92%; }
.bs-cp .cp-quotes li:nth-child(2) { margin-left: 8%; }

/* Tú eliges la prioridad */
.bs-cp .cp-viz { margin-top: 26px; background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 18px 20px; }
.bs-cp .cp-viz-t { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: var(--o3); margin-bottom: 14px; }
.bs-cp .cp-casa { display: flex; flex-direction: column; gap: 8px; }
.bs-cp .cp-techo { background: var(--o1); color: #fff; text-align: center; font-weight: 700; font-size: 15px; padding: 12px; border-radius: 40px 40px 10px 10px; }
.bs-cp .cp-piezas { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.bs-cp .cp-pz { background: var(--tint); border: 1px solid var(--o4); border-radius: 10px; padding: 12px 8px; font-size: 13.5px; font-weight: 600; text-align: center; line-height: 1.25; min-height: 62px; transition: .15s; }
.bs-cp .cp-pz:hover { border-color: var(--o1); }
.bs-cp .cp-pz.cp-on { background: var(--o2); border-color: var(--o2); color: #fff; }
.bs-cp .cp-pz.cp-basep { width: 100%; min-height: 0; background: #fff; border: 1.5px solid var(--o1); padding: 12px; font-size: 15px; }
.bs-cp .cp-pz.cp-basep small { font-weight: 500; color: var(--o3); margin-left: 6px; font-size: 12.5px; }
.bs-cp .cp-pz.cp-basep.cp-on { background: var(--o2); color: #fff; }
.bs-cp .cp-pz.cp-basep.cp-on small { color: #fff; }
.bs-cp .cp-viz-hint { font-size: 12.5px; color: var(--soft); margin-top: 10px; }

/* Qué hacemos / Qué os lleváis */
.bs-cp .cp-steps { list-style: none; counter-reset: s; display: flex; flex-direction: column; gap: 12px; }
.bs-cp .cp-steps li { counter-increment: s; display: flex; gap: 14px; font-size: 16px; align-items: baseline; transition: opacity .2s; }
.bs-cp .cp-steps li::before { content: counter(s, decimal-leading-zero); font-weight: 800; color: var(--o1); font-size: 14px; min-width: 24px; }
.bs-cp .cp-steps li.cp-dim { opacity: .28; }
.bs-cp .cp-keeps { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.bs-cp .cp-keeps li { display: flex; gap: 10px; align-items: center; background: var(--tint); border-radius: 10px; padding: 10px 14px; font-weight: 600; font-size: 15px; }
.bs-cp .cp-keeps svg { flex: none; }

@media (max-width: 760px) {
	.bs-cp .cp-fgrid { grid-template-columns: 1fr; gap: 32px; }
	.bs-cp .cp-quotes li, .bs-cp .cp-quotes li:nth-child(2) { max-width: none; margin-left: 0; }
	.bs-cp .cp-piezas { grid-template-columns: 1fr 1fr; }
}