/* ==========================================================================
   Libro de Reclamaciones Virtual — estilos (página + aviso en el inicio)
   Paleta del sitio: amarillo #F7C201, tinta #0B1626
   ========================================================================== */

/* ---- Aviso en la página de inicio (DS 006-2014-PCM, Anexo III) ---- */
.gmc-libro-aviso{background:#f6f7f8;border-top:1px solid #e5e7eb;padding:26px 0}
.gmc-libro-aviso__inner{max-width:var(--max-width,1200px);margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.gmc-libro-aviso__img{flex:0 0 auto;display:block;width:150px;height:auto}
.gmc-libro-aviso__txt{flex:1 1 320px;color:#0b1626;font-size:15px;line-height:1.6}
.gmc-libro-aviso__txt strong{display:block;font-size:19px;margin-bottom:4px}
.gmc-libro-aviso__btn{flex:0 0 auto;display:inline-block;padding:13px 24px;background:#F7C201;color:#0b1626;font-weight:800;text-decoration:none;border-radius:6px;text-transform:uppercase;font-size:14px;letter-spacing:.02em}
.gmc-libro-aviso__btn:hover{background:#e0b000}

/* ---- Página libro-reclamaciones.html ---- */
.gmc-libro-intro{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:32px;align-items:start;margin:10px 0 24px}
.gmc-libro-intro img{width:100%;height:auto;display:block}
.gmc-libro-cta{text-align:center;margin:18px 0}
.gmc-libro-cta .gmc-btn{font-size:17px;padding:14px 34px;text-transform:uppercase;margin:0}
.gmc-libro-aviso-datos{font-size:14px}

.gmc-reclamo{background:#fff;border:1px solid #e5e7eb;border-top:5px solid #F7C201;border-radius:8px;padding:22px 22px 26px;margin:22px 0;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.gmc-reclamo[hidden]{display:none}
.gmc-reclamo h2{margin-top:0}
.gmc-reclamo fieldset{border:0;margin:0 0 22px;padding:0;min-width:0}
.gmc-reclamo legend{font-weight:800;font-size:17px;color:#0b1626;padding:0 0 10px;border-bottom:2px solid #F7C201;width:100%;margin-bottom:14px}
.gmc-reclamo .fila{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.gmc-reclamo .fila.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.gmc-reclamo .campo{display:block;margin:0 0 12px;font-size:14px;font-weight:600;color:#0b1626;text-align:left}
.gmc-reclamo .campo.ancho{grid-column:1/-1}
.gmc-reclamo input[type=text],.gmc-reclamo input[type=email],.gmc-reclamo input[type=tel],.gmc-reclamo select,.gmc-reclamo textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #c9ced6;border-radius:6px;font:inherit;font-size:15px;font-weight:400;color:#0b1626;background:#fff}
.gmc-reclamo textarea{min-height:120px;resize:vertical}
.gmc-reclamo input:focus,.gmc-reclamo select:focus,.gmc-reclamo textarea:focus{outline:3px solid #fde58a;border-color:#F7C201}
.gmc-reclamo .opciones{display:flex;flex-wrap:wrap;gap:10px 22px;margin:6px 0 12px}
.gmc-reclamo .opciones label,.gmc-reclamo .check{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;font-weight:400;line-height:1.5;text-align:left;cursor:pointer}
.gmc-reclamo .check{margin:0 0 12px}
.gmc-reclamo input[type=radio],.gmc-reclamo input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;flex:0 0 auto;accent-color:#d9a900}
.gmc-reclamo .ayuda{font-size:13px;color:#6b7280;font-weight:400;text-align:left}
.gmc-reclamo .trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.gmc-reclamo .rep{background:#f6f7f8;border-radius:6px;padding:14px 16px;margin:6px 0 12px}
.gmc-reclamo .rep[hidden]{display:none}
.gmc-reclamo .acciones{text-align:center;margin-top:10px}
.gmc-reclamo .acciones .gmc-btn{width:100%;max-width:420px;text-align:center;margin:0}
.gmc-reclamo .acciones .gmc-btn[disabled]{opacity:.6;cursor:wait}
.gmc-reclamo-msg{margin:14px 0 0;padding:12px 14px;border-radius:6px;font-size:15px;text-align:left}
.gmc-reclamo-msg:empty{display:none}
.gmc-reclamo-msg.error{background:#fdecec;border:1px solid #e5a5a5;color:#8a1f1f}
.gmc-reclamo-msg.cargando{background:#f6f7f8;border:1px solid #d6d9de}

.gmc-constancia{background:#fff;border:2px solid #0b1626;border-radius:8px;padding:22px;margin:22px 0}
.gmc-constancia[hidden]{display:none}
.gmc-constancia h2{margin-top:0}
.gmc-constancia dl{display:grid;grid-template-columns:200px 1fr;gap:8px 16px;margin:0 0 16px}
.gmc-constancia dt{font-weight:700}
.gmc-constancia dd{margin:0;word-break:break-word}
.gmc-constancia .ok{background:#eaf7ec;border:1px solid #a8d5b0;color:#1d5a2a;padding:10px 14px;border-radius:6px;margin-bottom:14px}
.gmc-constancia .ok.aviso{background:#fff7da;border-color:#f0d36a;color:#6b5400}

@media(max-width:760px){
  .gmc-libro-intro{grid-template-columns:1fr}
  .gmc-libro-intro img{max-width:260px;margin:0 auto}
  .gmc-reclamo .fila,.gmc-reclamo .fila.tres{grid-template-columns:1fr}
  .gmc-constancia dl{grid-template-columns:1fr}
  .gmc-libro-aviso__img{width:110px}
}
/* ---- Impresión de la constancia ---- */
@media print{
  body{padding-top:0 !important}
  .site-header,.footer-gmc,.float-stack,.gmc-cookie-bar,.gmc-legal-nav,.gmc-crumbs,.gmc-libro-intro,.gmc-libro-cta,.gmc-libro-aviso-datos,.gmc-reclamo,.gmc-legal h1,.gmc-legal-links,.no-imprimir{display:none !important}
  .gmc-constancia{display:block !important;border:1px solid #000}
}
