/* Libro de Reclamaciones */

.rc-hero{
  background:var(--navy);
  color:var(--white);
  padding:72px 0 64px;
}
.rc-hero .section-eyebrow{color:var(--gold)}
.rc-hero h1{
  color:var(--white);
  font-size:clamp(2.1rem,4vw,3.2rem);
  line-height:1.1;
  letter-spacing:-.03em;
  margin:14px 0 16px;
}
.rc-hero p:not(.section-eyebrow){
  max-width:620px;
  font-size:1.08rem;
  line-height:1.75;
  color:rgba(255,255,255,.82);
}

.rc-section{padding:56px 0 88px;background:var(--bone)}
.rc-wrap{max-width:880px}

.rc-form,.rc-done{
  background:var(--white);
  border-radius:18px;
  box-shadow:0 20px 55px rgba(11,31,58,.10);
  padding:44px 48px 48px;
  position:relative;
}
.rc-form::before,.rc-done::before{
  content:"";
  position:absolute;
  top:0;left:48px;
  width:84px;height:4px;
  background:var(--gold);
}

/* Encabezado de la hoja */
.rc-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
  padding-bottom:24px;
  border-bottom:1px solid #e1e5eb;
}
.rc-head-brand{display:flex;align-items:center;gap:16px}
.rc-head-brand img{width:52px;height:52px;object-fit:contain}
.rc-head-brand h2{font-size:1.5rem;letter-spacing:-.02em;line-height:1.15}
.rc-head-brand p{color:#5b687c;font-size:.95rem;margin-top:2px}
.rc-meta{display:flex;gap:12px}
.rc-meta div{min-width:130px}
.rc-meta dt,.rc-provider dt{
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#957039;
  margin-bottom:4px;
}
.rc-meta input{
  width:100%;
  border:1px solid #e1e5eb;
  background:#f6f8fa;
  border-radius:8px;
  padding:9px 12px;
  font:inherit;
  font-size:.92rem;
  color:var(--navy);
}

/* Datos del proveedor */
.rc-provider{
  display:grid;
  grid-template-columns:auto auto;
  column-gap:44px;
  row-gap:14px;
  gap:20px;
  padding:22px 0;
  border-bottom:1px solid #e1e5eb;
}
.rc-provider dd{font-weight:600;color:var(--navy);line-height:1.4}

/* Bloques numerados */
.rc-block{border:0;padding:30px 0 6px;margin:0;min-width:0}
.rc-block legend{float:left;width:100%}
.rc-block legend + *{clear:both}
.rc-block legend,
.rc-provider-note h3{
  display:flex;
  align-items:center;
  gap:12px;
  font-family:var(--font-display);
  font-size:1.15rem;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--navy);
  padding:0;
  margin-bottom:20px;
}
.rc-block legend span,
.rc-provider-note h3 span{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:30px;height:30px;
  border-radius:50%;
  background:var(--navy);
  color:var(--gold);
  font-size:.9rem;
}

.rc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.rc-span2{grid-column:1 / -1}
.rc-field{display:block;font-size:.9rem;font-weight:600;color:var(--navy);min-width:0}
.rc-field small{font-weight:400;color:#6a7588}
.rc-label{display:block}
.rc-field input[type=text],
.rc-field input[type=tel],
.rc-field input[type=email],
.rc-field select,
.rc-field textarea{
  display:block;
  width:100%;
  margin-top:7px;
  padding:12px 14px;
  font:inherit;
  font-weight:400;
  font-size:1rem;
  color:var(--navy);
  background:var(--white);
  border:1px solid #cfd6df;
  border-radius:8px;
  transition:border-color .2s,box-shadow .2s;
}
.rc-field textarea{resize:vertical;min-height:96px}
.rc-field input:focus,
.rc-field select:focus,
.rc-field textarea:focus{
  outline:none;
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(200,164,93,.25);
}

.rc-radios{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}
.rc-radios label{cursor:pointer}
.rc-radios input{position:absolute;opacity:0;pointer-events:none}
.rc-radios span{
  display:inline-block;
  padding:10px 22px;
  border:1px solid #cfd6df;
  border-radius:999px;
  font-weight:600;
  font-size:.95rem;
  color:var(--navy);
  transition:background-color .2s,color .2s,border-color .2s;
}
.rc-radios input:checked + span{background:var(--navy);border-color:var(--navy);color:var(--white)}
.rc-radios input:focus-visible + span{box-shadow:0 0 0 3px rgba(200,164,93,.45)}
.rc-help{
  margin-top:12px;
  font-size:.88rem;
  font-weight:400;
  line-height:1.65;
  color:#5b687c;
  padding-left:14px;
  border-left:3px solid var(--gold);
}
.rc-help strong{color:var(--navy)}

.rc-provider-note{
  margin-top:30px;
  padding:22px 24px;
  background:#f6f8fa;
  border-radius:12px;
}
.rc-provider-note h3{margin-bottom:8px}
.rc-provider-note p{color:#5b687c;font-size:.95rem;line-height:1.65}

.rc-legal{margin-top:26px;display:grid;gap:8px}
.rc-legal p{font-size:.88rem;line-height:1.65;color:#5b687c}
.rc-legal a{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:2px}

.rc-status{min-height:24px;margin-top:18px;font-size:.95rem}
.rc-status--error{color:#b3261e}
.rc-status a{color:inherit;font-weight:700;text-decoration:underline}
.rc-submit{margin-top:6px;width:100%;justify-content:center}
.rc-submit:disabled{opacity:.7;cursor:wait}

/* Confirmación */
.rc-done{text-align:center}
.rc-done:focus{outline:none}
.rc-done-icon{
  display:grid;place-items:center;
  width:64px;height:64px;margin:0 auto 18px;
  border-radius:50%;
  background:var(--navy);color:var(--gold);
  font-size:1.9rem;font-weight:700;
}
.rc-done h2{font-size:1.7rem;letter-spacing:-.02em;margin-bottom:12px}
.rc-done > p{max-width:560px;margin:0 auto;color:#556176;line-height:1.7}
.rc-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px 24px;
  text-align:left;
  margin:28px 0 22px;
  padding:22px 24px;
  background:#f6f8fa;
  border-radius:12px;
}
.rc-summary dt{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#957039;margin-bottom:4px}
.rc-summary dd{font-weight:600;color:var(--navy);overflow-wrap:anywhere}
.rc-done .rc-done-note{font-size:.88rem;color:#6a7588}
.rc-done-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.rc-btn-ghost{background:transparent;border:1px solid var(--navy);color:var(--navy)}
.rc-btn-ghost:hover{background:var(--navy);color:var(--white)}

@media(max-width:700px){
  .rc-hero{padding:52px 0 44px}
  .rc-section{padding:32px 0 56px}
  .rc-form,.rc-done{padding:32px 20px 32px;border-radius:14px}
  .rc-form::before,.rc-done::before{left:20px}
  .rc-provider{grid-template-columns:1fr;gap:14px}
  .rc-meta{width:100%}
  .rc-meta div{flex:1;min-width:0}
  .rc-grid{grid-template-columns:1fr}
  .rc-summary{grid-template-columns:1fr}
}

/* Impresión / PDF de la confirmación */
@media print{
  .site-header,.site-footer,.whatsapp-float,.skip-link,.rc-hero,.rc-form,.rc-done-actions{display:none!important}
  body,.rc-section{background:#fff!important}
  .rc-section{padding:0}
  .rc-done{box-shadow:none;padding:0}
  .rc-done::before{display:none}
}
