/* Libro de Reclamaciones - integración visual RODALU.
   El formulario y su lógica permanecen a cargo del plugin. */

body.page-id-82 {
  --rodalu-claims-navy: #08233d;
  --rodalu-claims-blue: #174f7d;
  --rodalu-claims-red: #e2232e;
  --rodalu-claims-ink: #10233a;
  --rodalu-claims-muted: #607080;
  --rodalu-claims-line: #dce5ec;
  background: #eef4f8;
}

body.page-id-82 #content.site-main {
  max-width: none !important;
  padding: 48px 0 0;
  background:
    radial-gradient(circle at 8% 8%, rgba(226,35,46,.07), transparent 24%),
    radial-gradient(circle at 92% 14%, rgba(23,79,125,.09), transparent 27%),
    linear-gradient(180deg, #f7fafc 0%, #edf3f7 100%);
}

body.page-id-82 .rodalu-section-soft {
  padding: 0 !important;
  background: transparent !important;
}

body.page-id-82 .neurlrp-container {
  width: min(1180px, 100%);
  max-width: 1180px;
  margin: 0 auto;
  padding: 0;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-family: "Inter", Arial, sans-serif;
}

body.page-id-82 .neurlrp-container::before {
  display: none;
}

body.page-id-82 .neurlrp-header {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 0 0 28px;
  padding: 54px 56px;
  border: 0;
  border-radius: 26px;
  text-align: left;
  background:
    linear-gradient(110deg, rgba(5,27,49,.98), rgba(15,57,93,.94)),
    radial-gradient(circle at 84% 15%, rgba(255,255,255,.16), transparent 34%);
  box-shadow: 0 24px 60px rgba(8,35,61,.18);
}

body.page-id-82 .neurlrp-header::before {
  content: "ATENCIÓN AL CONSUMIDOR";
  display: inline-flex;
  margin-bottom: 15px;
  color: #ff6b73;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
}

body.page-id-82 .neurlrp-header::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 330px;
  height: 330px;
  right: -90px;
  bottom: -210px;
  border: 52px solid rgba(255,255,255,.07);
  border-radius: 50%;
  background: transparent;
  transform: none;
}

body.page-id-82 .neurlrp-header h2 {
  max-width: 760px;
  margin: 0 0 14px;
  color: #fff;
  font-family: "Plus Jakarta Sans", Arial, sans-serif;
  font-size: clamp(34px, 4.5vw, 54px);
  font-weight: 750;
  line-height: 1.08;
  letter-spacing: -.035em;
}

body.page-id-82 .neurlrp-header p {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 16px;
  line-height: 1.7;
}

body.page-id-82 #neurlrp-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 24px;
}

body.page-id-82 .neurlrp-section {
  height: 100%;
  margin: 0;
  padding: 34px;
  border: 1px solid var(--rodalu-claims-line);
  border-left: 1px solid var(--rodalu-claims-line);
  border-radius: 20px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 16px 44px rgba(8,35,61,.075);
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

body.page-id-82 .neurlrp-section:hover {
  transform: translateY(-2px);
  border-color: #c8d6e0;
  box-shadow: 0 20px 48px rgba(8,35,61,.1);
}

body.page-id-82 .neurlrp-section h3 {
  margin: 0 0 28px;
  padding: 0 0 18px;
  border-bottom: 1px solid var(--rodalu-claims-line);
  color: var(--rodalu-claims-ink);
  font-family: "Plus Jakarta Sans", Arial, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
}

body.page-id-82 .neurlrp-section h3::before {
  width: 10px;
  height: 3px;
  border-radius: 3px;
  background: var(--rodalu-claims-red);
}

body.page-id-82 .neurlrp-row {
  margin: 0 -8px 18px;
}

body.page-id-82 .neurlrp-col,
body.page-id-82 .neurlrp-col-full {
  min-width: 0;
  padding: 0 8px;
}

body.page-id-82 .neurlrp-container label {
  margin-bottom: 8px;
  color: #31465a;
  font-size: 13px;
  font-weight: 700;
}

body.page-id-82 .neurlrp-container input[type="text"],
body.page-id-82 .neurlrp-container input[type="email"],
body.page-id-82 .neurlrp-container input[type="tel"],
body.page-id-82 .neurlrp-container input[type="file"],
body.page-id-82 .neurlrp-container select,
body.page-id-82 .neurlrp-container textarea {
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid #cfdbe4;
  border-radius: 10px;
  background-color: #fbfdfe;
  color: var(--rodalu-claims-ink);
  font: 500 14px/1.4 "Inter", Arial, sans-serif;
  box-shadow: inset 0 1px 2px rgba(8,35,61,.025);
}

body.page-id-82 .neurlrp-container input:focus,
body.page-id-82 .neurlrp-container select:focus,
body.page-id-82 .neurlrp-container textarea:focus {
  border-color: var(--rodalu-claims-blue);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(23,79,125,.11);
  transform: none;
}

body.page-id-82 .neurlrp-radio-group {
  gap: 10px;
  padding: 6px 0 0;
}

body.page-id-82 .neurlrp-radio-group label {
  min-height: 42px;
  margin: 0;
  padding: 9px 13px;
  border: 1px solid #d8e2e9;
  border-radius: 10px;
  background: #f6f9fb;
  color: #31465a;
}

body.page-id-82 .neurlrp-radio-group label:has(input:checked) {
  border-color: rgba(23,79,125,.42);
  background: #edf4f9;
  color: var(--rodalu-claims-blue);
}

body.page-id-82 .neurlrp-radio-group input[type="radio"],
body.page-id-82 .neurlrp-footer input[type="checkbox"] {
  accent-color: var(--rodalu-claims-red);
}

body.page-id-82 .neurlrp-container small {
  color: var(--rodalu-claims-muted) !important;
  font-size: 12px !important;
  line-height: 1.55;
}

body.page-id-82 #neurlrp-tutor-section {
  border: 1px solid #d6e1e9;
  border-left: 4px solid var(--rodalu-claims-blue);
  border-radius: 12px;
  background: #f2f7fa;
}

body.page-id-82 #neurlrp-tutor-section h4 {
  color: var(--rodalu-claims-blue) !important;
}

body.page-id-82 .neurlrp-container input[type="file"]::file-selector-button {
  border-radius: 7px;
  background: var(--rodalu-claims-navy);
  font-weight: 700;
}

body.page-id-82 .neurlrp-footer,
body.page-id-82 #neurlrp-message {
  grid-column: 1 / -1;
}

body.page-id-82 .neurlrp-footer {
  margin: 0;
  padding: 30px 34px;
  border: 1px solid var(--rodalu-claims-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(8,35,61,.06);
}

body.page-id-82 .neurlrp-footer label {
  margin-bottom: 22px;
  color: #31465a;
  line-height: 1.55;
}

body.page-id-82 #neurlrp-submit-btn {
  min-width: 280px;
  min-height: 52px;
  padding: 14px 30px;
  border-radius: 10px;
  background: var(--rodalu-claims-red);
  box-shadow: 0 12px 26px rgba(226,35,46,.22);
  font: 800 14px/1 "Inter", Arial, sans-serif;
  letter-spacing: .04em;
}

body.page-id-82 #neurlrp-submit-btn:hover {
  background: #c91c27;
  box-shadow: 0 15px 30px rgba(226,35,46,.3);
}

body.page-id-82 #neurlrp-message {
  margin: 0;
}

@media (max-width: 900px) {
  body.page-id-82 #neurlrp-form {
    grid-template-columns: 1fr;
  }

  body.page-id-82 .neurlrp-footer,
  body.page-id-82 #neurlrp-message {
    grid-column: auto;
  }
}

@media (max-width: 767px) {
  body.page-id-82 #content.site-main {
    padding: 28px 0 0;
  }

  body.page-id-82 .neurlrp-container {
    margin: 0;
    padding: 0;
  }

  body.page-id-82 .neurlrp-header {
    margin-bottom: 18px;
    padding: 34px 24px;
    border-radius: 18px;
  }

  body.page-id-82 .neurlrp-header h2 {
    font-size: 31px;
  }

  body.page-id-82 .neurlrp-header p {
    font-size: 14px;
  }

  body.page-id-82 #neurlrp-form {
    gap: 16px;
  }

  body.page-id-82 .neurlrp-section,
  body.page-id-82 .neurlrp-footer {
    padding: 24px 18px;
    border-radius: 15px;
  }

  body.page-id-82 .neurlrp-row {
    display: block;
    margin: 0 0 16px;
  }

  body.page-id-82 .neurlrp-col,
  body.page-id-82 .neurlrp-col-full {
    width: 100%;
    padding: 0;
    margin: 0 0 15px;
  }

  body.page-id-82 .neurlrp-radio-group {
    flex-direction: row;
    align-items: stretch;
  }

  body.page-id-82 .neurlrp-radio-group label {
    flex: 1 1 150px;
  }

  body.page-id-82 #neurlrp-submit-btn {
    width: 100%;
    min-width: 0;
  }
}