/* Paneles claros: the approved blue-gray backdrop with separate content surfaces. */
body.panels-theme{background:#9cb4d2}
.panels-theme #contenido{
  background-color:#9cb4d2;
  background-image:url('assets/hero-background-approved.svg');
  background-size:100% auto;
  background-position:center top;
  background-repeat:repeat-y;
  padding-bottom:16px;
}
.panels-theme #contenido>.panel-section{
  background:transparent;
  padding-block:16px;
  border:0;
}
.panels-theme .content-panel{
  width:min(1280px,calc(100% - 40px));
  margin-inline:auto;
  padding:40px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 6px 20px #0b2b5410;
}
.panels-theme .content-panel.repair-panel{
  background:var(--navy);
  color:#fff;
}
.button-whatsapp{background:#127541;color:#fff}
.button-whatsapp:hover{background:#0d6035}
.repair-tracking{
  max-width:490px;margin-top:20px;padding:20px;
  border:1px solid var(--line);border-radius:10px;
  background:#fff;color:var(--ink);color-scheme:light;
}
.repair-tracking label{display:block;font-size:14px;font-weight:700;line-height:1.6}
.repair-tracking input[type=text]{
  display:block;width:100%;min-height:46px;margin-top:8px;padding:10px 12px;
  border:1px solid #aebdce;border-radius:5px;
  background:#fff;color:var(--ink);font-size:16px;
}
.panels-theme .repair-panel .repair-tracking .tracking-hint{
  font-size:12px;line-height:1.6;margin:8px 0 16px;color:var(--muted);
}
.repair-tracking .button{width:100%;gap:10px;padding-inline:12px;font-size:13px}
.repair-tracking .button svg{width:20px;height:20px}
.panels-theme .repair-panel .repair-tracking .tracking-note{
  font-size:11px;line-height:1.6;margin:12px 0 0;color:var(--muted);
}
.panels-theme .content-panel .guide-panel,
.panels-theme .content-panel .contact-details{background:#f7f9fc}
.panels-theme .trust-band{background:transparent;border-color:#0b2b541a}
.panels-theme footer{background:transparent}
.panels-theme footer .footer-brand p,
.panels-theme footer .legal{color:#2b4058}
@media(max-width:1100px){
  .panels-theme .content-panel{width:calc(100% - 32px);padding:28px}
}
@media(max-width:640px){
  .panels-theme #contenido{padding-bottom:12px}
  .panels-theme #contenido>.panel-section{padding-block:12px}
  .panels-theme .content-panel{width:calc(100% - 20px);padding:24px 18px;border-radius:14px}
  .panels-theme .products-section>.content-panel{padding-inline:12px}
}