/* Control de Ruido · silenciadores de placas paralelas · 20261110h */
[data-cdr-placas], .cdrpl-en-form { --pl-azul: #4f728d; --pl-azul-o: #3c5970; --pl-tinta: #23262d; --pl-gris: #4c5763; --pl-borde: #d5dbe0; --pl-claro: #e8eff4; --pl-aire: #0f766e; }
[data-cdr-placas] { margin: 8px 0 4px; color: var(--pl-tinta); }
.cdrpl-dibujo { background: #f8fafb; border: 1px solid var(--pl-borde); border-radius: 12px; padding: 6px; }
.cdrpl-svg { display: block; width: 100%; height: auto; max-height: 340px; }
.cdrpl-controles { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 0 6px; }
.cdrpl-ayuda { font-size: 14px; color: var(--pl-gris); margin-left: 4px; }
[data-cdr-placas] button.cdrpl-chip, [data-cdr-placas] button.cdrpl-boton { font: inherit; font-size: 15px; line-height: 1.2; border-radius: 999px; padding: 8px 14px; cursor: pointer; border: 1px solid var(--pl-azul); background: #fff; color: var(--pl-azul-o); text-transform: none; letter-spacing: 0; box-shadow: none; }
[data-cdr-placas] button.cdrpl-boton { background: var(--pl-azul); color: #fff; }
[data-cdr-placas] button.cdrpl-chip[aria-pressed="true"] { background: var(--pl-claro); border-width: 2px; padding: 7px 13px; font-weight: 600; }
[data-cdr-placas] button:focus-visible, .cdrpl-en-form button:focus-visible { outline: 3px solid #f2b84b; outline-offset: 2px; }
.cdrpl-texto { margin: 6px 0 0; font-size: 16px; line-height: 1.55; color: var(--pl-gris); }
.cdrpl-titulo { margin: 0 0 2px; font-size: 18px; font-weight: 700; color: var(--pl-tinta); }

/* croquis: colores fijos (el croquis no cambia con el tema) */
.cdrpl-svg polygon, .cdrpl-svg path { stroke: #33414d; stroke-width: 1.1; stroke-linejoin: round; transition: fill .2s, stroke .2s; }
.cdrpl-svg .chapa-arriba { fill: #dfe5e9; }
.cdrpl-svg .chapa-lado { fill: #c6d0d7; }
.cdrpl-svg .vidrio { fill: #d6dee3; fill-opacity: .22; stroke-opacity: .7; }
.cdrpl-svg .boca { fill: none; }
.cdrpl-svg .brida { fill: #9fb0bc; }
.cdrpl-svg .placa-lado { fill: #e3cf9f; }
.cdrpl-svg .placa-arriba { fill: #f3e7c8; }
.cdrpl-svg .placa-frente { fill: #efe0bf; }
.cdrpl-svg .paso { fill: #3d4b56; }
.cdrpl-svg .paso-ver { fill: #ffffff; fill-opacity: .05; stroke-opacity: .25; }
.cdrpl-svg line.aire { stroke: var(--pl-aire, #0f766e); stroke-width: 3; stroke-linecap: round; }
.cdrpl-svg line.oculta { stroke: #7d8a94; stroke-width: 1; stroke-dasharray: 4 3; }
.cdrpl-svg.resalta-carcasa .p-carcasa:not(.boca), .cdrpl-svg.resalta-bridas .p-bridas, .cdrpl-svg.resalta-placas .p-placas { stroke: #c2410c; stroke-width: 2.2; }
.cdrpl-svg.resalta-placas .placa-frente, .cdrpl-svg.resalta-placas .placa-arriba { fill: #f6c873; }
.cdrpl-svg.resalta-bridas .brida { fill: #e8894f; }
.cdrpl-svg.resalta-carcasa .vidrio, .cdrpl-svg.resalta-carcasa .chapa-arriba, .cdrpl-svg.resalta-carcasa .chapa-lado { fill: #f3b98f; fill-opacity: .45; }
.cdrpl-svg.resalta-paso .p-paso { fill: #7fd3c5; fill-opacity: .75; stroke: #0f766e; stroke-width: 2; stroke-opacity: 1; }

/* situaciones (página y formulario) */
.cdrpl-casos { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; }
.cdrpl-casos button.cdrpl-caso { display: block; width: 100%; font: inherit; text-align: left; cursor: pointer; background: #fff; color: var(--pl-tinta); border: 1px solid var(--pl-borde); border-radius: 12px; padding: 8px 10px 10px; text-transform: none; letter-spacing: 0; box-shadow: none; line-height: 1.3; }
.cdrpl-casos button.cdrpl-caso:hover { border-color: var(--pl-azul); background: #fff; color: var(--pl-tinta); }
.cdrpl-casos button.cdrpl-caso[aria-pressed="true"] { border: 2px solid var(--pl-azul); padding: 7px 9px 9px; box-shadow: 0 0 0 3px var(--pl-claro); }
.cdrpl-casos .cdrpl-caso svg { display: block; width: 100%; height: auto; background: #f8fafb; border-radius: 8px; }
.cdrpl-caso b { display: block; font-size: 15px; font-weight: 600; margin-top: 6px; }
.cdrpl-elegido { margin-top: 12px; padding: 14px 16px; border-radius: 12px; background: var(--pl-claro); }
.cdrpl-elegido a { color: var(--pl-azul-o); }
.cdrpl-elegido a.cdrpl-cta { display: inline-block; margin-top: 8px; background: var(--pl-azul); color: #fff; border-radius: 999px; padding: 10px 20px; font-weight: 600; text-decoration: none; }
.cdrpl-en-form { margin: 6px 0 10px; }
.cdrpl-en-form button.cdrpl-caso b { font-size: 14px; }

/* qué cambia */
.cdrpl-dos { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 14px; align-items: start; }
.cdrpl-fila { display: flex; justify-content: space-between; gap: 10px; padding: 9px 12px; border-bottom: 1px solid var(--pl-borde); font-size: 16px; }
.cdrpl-fila b { font-weight: 600; }
.cdrpl-fila.mejor b { color: #166534; }
.cdrpl-fila.peor b { color: #9a3412; }
@media (max-width: 700px) { .cdrpl-dos { grid-template-columns: 1fr; } .cdrpl-casos { grid-template-columns: repeat(2, minmax(0, 1fr)); } .cdrpl-caso b { font-size: 14px; } }