/* La tarjeta de la calculadora en la ficha de producto y la caja donde ficha.js monta la calculadora
   (aclaración 62; plan §3.1 y §3.2). Todo bajo #mcal-ficha. La letra es la del sitio; los colores, los de la
   paleta de la calculadora (grafito, acero, humo), con contraste de al menos 4.5:1. La calculadora trae su
   propia hoja (calculadora.css), que el cargador pide antes de montarla. */
#mcal-ficha{margin-top:8px;margin-bottom:32px}
#mcal-ficha .mcal-tarjeta{box-sizing:border-box;max-width:760px;margin:0 auto;padding:20px 22px;border:1px solid #D3DCE1;border-top:4px solid #0A4970;border-radius:2px;background:#FFFFFF;color:#053354}
#mcal-ficha .mcal-tarjeta[hidden]{display:none}
#mcal-ficha .mcal-tarjeta-tit{margin:0 0 6px;font-size:22px;font-weight:700;line-height:1.2;color:#053354}
#mcal-ficha .mcal-tarjeta-lin{margin:0 0 14px;font-size:15px;line-height:1.5;color:#58707D}
#mcal-ficha .mcal-tarjeta-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;border-radius:2px;background:#0A4970;color:#FFFFFF;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;touch-action:manipulation}
#mcal-ficha .mcal-tarjeta-btn:hover,#mcal-ficha .mcal-tarjeta-btn:focus{background:#053354;color:#FFFFFF;text-decoration:none}
#mcal-ficha .mcal-tarjeta-btn:focus-visible{outline:3px solid #0A4970;outline-offset:2px}
#mcal-ficha .mcal-ficha-caja{max-width:760px;margin:0 auto}
#mcal-ficha .mcal-ficha-cargando{visibility:hidden;height:0;overflow:hidden}
@media(max-width:560px){
  #mcal-ficha .mcal-tarjeta{padding:16px 14px}
  #mcal-ficha .mcal-tarjeta-tit{font-size:20px}
  #mcal-ficha .mcal-tarjeta-btn{display:flex;width:100%}
}