/* Calculadora «¿Cuántos paneles Rossell necesito?» · Control de Ruido · todo dentro de #cdr-ros */
#cdr-ros{
  --fondo:#f4f6f7; --tarjeta:#fff; --texto:#23262d; --suave:#55606b; --linea:#e1e6e8; --linea-m:#c7ccd1;
  --marca:#3c5970; --acento:#4f728d; --acento-claro:#e8eff4;
  --aviso:#fbf1dc; --aviso-borde:#e0b44f; --ok:#2e7d4f; --ok-claro:#e6f3ea;
  box-sizing:border-box; background:var(--fondo); color:var(--texto);
  font-family:Raleway,Arial,sans-serif; font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased;
}
#cdr-ros *,#cdr-ros *::before,#cdr-ros *::after{box-sizing:border-box}
#cdr-ros .envoltura{max-width:1000px;margin:0 auto;padding:32px 20px 56px}
#cdr-ros .migas{font-size:14px;color:var(--suave);margin:0 0 14px}
#cdr-ros .migas a{color:var(--acento);text-decoration:none}
#cdr-ros .migas a:hover{text-decoration:underline}
#cdr-ros h1{font-size:34px;line-height:1.2;margin:0 0 10px;color:var(--texto);font-weight:700}
#cdr-ros h2{font-size:20px;line-height:1.3;margin:0 0 14px;color:var(--texto);font-weight:700}
#cdr-ros p{margin:0 0 10px}
#cdr-ros .bajada{color:var(--suave);font-size:17px;margin:0 0 24px;max-width:760px}
#cdr-ros .tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:12px;padding:22px 24px;margin:0 0 18px}
#cdr-ros .paso{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--acento);color:#fff;font-size:14px;font-weight:700;margin-right:10px;vertical-align:1px}
#cdr-ros .fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
#cdr-ros .fila > div{display:flex;flex-direction:column;justify-content:flex-end}
#cdr-ros label{display:block;font-weight:600;font-size:15px;margin:0 0 5px;color:var(--texto)}
#cdr-ros input[type=text],#cdr-ros select,#cdr-ros textarea{width:100%;max-width:none;margin:0;padding:10px 12px;border:1px solid var(--linea-m);border-radius:8px;font:inherit;font-size:16px;line-height:1.4;background:#fff;color:var(--texto);box-shadow:none;height:auto}
#cdr-ros textarea{resize:vertical}
#cdr-ros input:focus,#cdr-ros select:focus,#cdr-ros textarea:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 3px rgba(79,114,141,.2)}
#cdr-ros .ayuda{font-size:14px;color:var(--suave);margin:6px 0 0}
#cdr-ros .ayuda a{color:var(--acento)}
#cdr-ros .confort{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
#cdr-ros .confort > div{position:relative}
#cdr-ros .confort input{position:absolute;opacity:0;pointer-events:none}
#cdr-ros .confort label{font-weight:400;border:2px solid var(--linea);border-radius:10px;padding:12px 14px;cursor:pointer;margin:0;height:100%;background:#fff}
#cdr-ros .confort strong{display:block;color:var(--texto);font-size:17px;margin-bottom:2px}
#cdr-ros .confort span{font-size:14px;color:var(--suave)}
#cdr-ros .confort input:checked + label{border-color:var(--acento);background:var(--acento-claro)}
#cdr-ros .confort input:focus-visible + label{box-shadow:0 0 0 3px rgba(79,114,141,.3)}
#cdr-ros .ochava{margin-top:14px}
#cdr-ros .ochava summary{cursor:pointer;color:var(--acento);font-weight:600;font-size:15px;width:max-content;max-width:100%}
#cdr-ros .ochava[open] summary{margin-bottom:10px}
#cdr-ros .ochava-cuerpo{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start;border:1px solid var(--linea);border-radius:10px;padding:12px;background:#fff}
#cdr-ros .ochava-cuerpo .ayuda{grid-column:1 / -1;margin:0}
#cdr-ros .esquinas{position:relative;width:120px;height:80px;border:2px solid var(--texto);background:#f7f9fa;box-sizing:border-box}
#cdr-ros .esquinas input{position:absolute;opacity:0;pointer-events:none}
#cdr-ros .esquinas label{position:absolute;display:block;width:30px;height:30px;margin:0;padding:0;cursor:pointer;border-radius:4px}
#cdr-ros .esquinas label::after{content:"";position:absolute;inset:4px;border:2px dashed #b9c4ca;border-radius:50%}
#cdr-ros .esquinas input[value=si] + label{left:-2px;top:-2px}#cdr-ros .esquinas input[value=sd] + label{right:-2px;top:-2px}
#cdr-ros .esquinas input[value=ii] + label{left:-2px;bottom:-2px}#cdr-ros .esquinas input[value=id] + label{right:-2px;bottom:-2px}
#cdr-ros .esquinas input:checked + label{background:linear-gradient(var(--diag),#fff 49%,var(--texto) 49%,var(--texto) 53%,transparent 53%)}
#cdr-ros .esquinas input[value=si]:checked + label{--diag:135deg}#cdr-ros .esquinas input[value=sd]:checked + label{--diag:225deg}
#cdr-ros .esquinas input[value=ii]:checked + label{--diag:45deg}#cdr-ros .esquinas input[value=id]:checked + label{--diag:315deg}
#cdr-ros .esquinas input:checked + label::after{display:none}
#cdr-ros .esquinas input:focus-visible + label{outline:2px solid var(--acento)}
/* forma en L: la esquina elegida se ve como el rectángulo que falta (rayado) */
#cdr-ros .esquinas.en-l label{width:44px;height:34px}
#cdr-ros .esquinas.en-l input:checked + label{background:repeating-linear-gradient(45deg,#fff 0 4px,#b9c4ca 4px 6px);border:2px solid var(--texto);box-sizing:border-box}
#cdr-ros .formas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:12px;position:relative}
#cdr-ros .formas input{position:absolute;opacity:0;pointer-events:none}
#cdr-ros .formas label{display:block;font-weight:400;border:2px solid var(--linea);border-radius:10px;padding:8px 12px;cursor:pointer;margin:0;background:#fff}
#cdr-ros .formas strong{display:block;color:var(--texto)}
#cdr-ros .formas span{font-size:14px;color:var(--suave)}
#cdr-ros .formas input:checked + label{border-color:var(--acento);background:var(--acento-claro)}
#cdr-ros .formas input:focus-visible + label{box-shadow:0 0 0 3px rgba(79,114,141,.3)}
@media (max-width:520px){#cdr-ros .ochava-cuerpo{grid-template-columns:1fr}}
#cdr-ros .quitar{background:none;border:0;padding:0;color:var(--acento);text-decoration:underline;cursor:pointer;font:inherit}
#cdr-ros .etapas{margin-top:18px;padding-top:14px;border-top:1px solid var(--linea);position:relative}
#cdr-ros .etapas-tit{margin:0 0 8px;font-weight:600;color:var(--suave);font-size:15px}
#cdr-ros .etapas input{position:absolute;opacity:0;pointer-events:none}
#cdr-ros .etapas label{display:block;font-weight:400;font-size:14px;color:var(--suave);border:1px dashed #b9c4ca;border-radius:10px;padding:10px 14px 10px 40px;margin:0;cursor:pointer;position:relative;background:#fff}
#cdr-ros .etapas label::before{content:"";position:absolute;left:14px;top:12px;width:16px;height:16px;border:2px solid #b9c4ca;border-radius:50%;background:#fff;box-sizing:border-box}
#cdr-ros .etapas label strong{color:var(--texto);font-weight:600}
#cdr-ros .etapas input:checked + label{border-style:solid;border-color:var(--acento);background:var(--acento-claro)}
#cdr-ros .etapas input:checked + label::before{border-color:var(--acento);box-shadow:inset 0 0 0 3px #fff;background:var(--acento)}
#cdr-ros .etapas input:focus-visible + label{box-shadow:0 0 0 3px rgba(79,114,141,.3)}
#cdr-ros .muestra{display:inline-block;width:14px;height:14px;border-radius:3px}
#cdr-ros .resumen{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 16px}
#cdr-ros .dato{background:var(--acento-claro);border-radius:10px;padding:12px 14px}
#cdr-ros .dato small{display:block;color:var(--suave);font-size:13px}
#cdr-ros .dato b{display:block;font-size:24px;color:var(--marca);line-height:1.25}
#cdr-ros .opciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:0 0 16px}
#cdr-ros .opcion{display:block;width:100%;text-align:left;border:2px solid var(--linea);background:#fff;border-radius:10px;padding:10px 12px;cursor:pointer;font:inherit;font-size:15px;color:var(--texto);line-height:1.45;box-shadow:none;text-transform:none;letter-spacing:0}
#cdr-ros .opcion:hover{border-color:var(--linea-m);background:#fff;color:var(--texto)}
#cdr-ros .opcion[aria-pressed=true]{border-color:var(--acento);background:var(--acento-claro)}
#cdr-ros .opcion .tit{font-weight:700;color:var(--texto)}
#cdr-ros .opcion .det{font-size:14px;color:var(--suave)}
#cdr-ros .insignia{display:inline-block;background:var(--acento);color:#fff;font-size:12px;padding:1px 8px;border-radius:10px;margin-left:6px;vertical-align:1px}
#cdr-ros .croquis{width:100%;overflow:hidden}
#cdr-ros .croquis svg{width:100%;height:auto;display:block}
#cdr-ros .leyenda{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0 4px;font-size:15px}
#cdr-ros .leyenda span{display:block}
#cdr-ros .leyenda .muestra{vertical-align:-2px;margin-right:6px}
#cdr-ros .notas{font-size:14px;color:var(--suave);margin:8px 0 0;padding-left:20px}
#cdr-ros .notas li{margin:2px 0}
#cdr-ros .aviso{background:var(--aviso);border:1px solid var(--aviso-borde);border-radius:10px;padding:10px 14px;margin:0 0 14px;font-size:15px}
#cdr-ros .acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
#cdr-ros .boton{display:inline-block;background:var(--acento);color:#fff;border:2px solid var(--acento);border-radius:8px;padding:12px 20px;font:inherit;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0}
#cdr-ros .boton:hover{background:var(--marca);border-color:var(--marca);color:#fff}
#cdr-ros .boton.sec{background:#fff;color:var(--acento)}
#cdr-ros .boton.sec:hover{background:var(--acento-claro);color:var(--marca)}
#cdr-ros .boton[disabled]{opacity:.6;cursor:wait}
#cdr-ros .listo{background:var(--ok-claro);border:1px solid #8cc19f;border-radius:10px;padding:14px 16px;color:#1d4a2a}
#cdr-ros pre{white-space:pre-wrap;background:#f1f3f4;border:1px solid var(--linea);border-radius:8px;padding:10px;font-size:13px}
#cdr-ros .pie{font-size:14px;color:var(--suave);border-top:1px solid var(--linea);padding-top:16px;margin-top:8px}
#cdr-ros .pie strong{color:var(--texto)}
#cdr-ros .pie a{color:var(--acento)}
#cdr-ros .oculto{display:none!important}
#cdr-ros .campo-mal input,#cdr-ros .campo-mal select{border-color:#b42318!important;outline:2px solid #b42318;outline-offset:0}
#cdr-ros .err-campo{display:block;color:#b42318;font-size:13px;font-weight:600;margin-top:4px}
#cdr-ros .solo-imprimir,#cdr-ros .aviso-imprimir{display:none}
#cdr-ros .plano-imp{display:none}
#cdr-ros .plano-hoja h2{margin:0 0 2px}
#cdr-ros .plano-sub{margin:0 0 10px;color:var(--suave);font-size:14px}
#cdr-ros .plano-hoja svg{width:100%;height:auto;display:block}
#cdr-ros .plano-datos{font-size:14px;margin:8px 0 0;padding-left:20px}
#cdr-ros .plano-datos li{margin:2px 0}
#cdr-ros pre{word-break:break-all}
#cdr-ros-envio{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
@media (max-width:767px){
  #cdr-ros .envoltura{padding:24px 16px 40px}
  #cdr-ros h1{font-size:28px}
  #cdr-ros .tarjeta{padding:18px 16px}
}
@media print{
  #masthead,.site-header,#colophon,.site-footer,.ast-scroll-top-icon,#ast-scroll-top{display:none!important}
  #cdr-ros{background:#fff}
  #cdr-ros .noimprimir{display:none!important}
  #cdr-ros .tarjeta{border:0;padding:0}
  #cdr-ros .solo-imprimir{display:block;font-weight:700}
  /* plano de montaje: hoja aparte, entera en una A4 */
  #cdr-ros .plano-imp{display:block;break-before:page;page-break-before:always}
  #cdr-ros .plano-hoja svg{max-height:135mm}
  #cdr-ros .plano-datos{font-size:12.5px}
  /* imprimir solo después de enviar los datos */
  #cdr-ros:not(.cdr-enviado) #ros-resultado{display:none!important}
  #cdr-ros:not(.cdr-enviado) .aviso-imprimir{display:block;font-size:16px}
}