/* ================================
   SECCIÓN LIBRO DE RECLAMACIONES
   ================================ */

.libro-wrapper .container {
  max-width: 820px;
}

/* Títulos como en CIAME */
.libro-wrapper h2.det-title {
  text-align: center;
  margin-bottom: 16px;
}

.libro-wrapper p.det-text {
  text-align: center;
  margin-bottom: 36px;
}

/* Subtítulos (usa el estilo del catálogo) */
.libro-wrapper .det-group-title {
  font-size: 1.4rem;
  color: #0B62AC;
  margin-top: 40px;
  margin-bottom: 12px;
  text-align: left;
  border-left: 5px solid #D65197;
  padding-left: 10px;
}

.libro-group-title {
  font-size: 1.35rem;
  color: #0B62AC;        /* azul CIAME */
  margin-top: 32px;
  margin-bottom: 14px;
  font-weight: 700;
}


/* ================================
   FORMULARIO
   ================================ */

.libro-wrapper form {
  background: #ffffff;
  padding: 28px;
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

/* Etiquetas */
.libro-wrapper label {
  font-weight: 600;
  color: #0B62AC;
  margin-top: 14px;
  display: block;
}

/* Inputs y select alineados al estilo CIAME */
.libro-wrapper input{
  width: 96%;
  padding: 10px 14px;
  font-size: 1rem;
  border: 2px solid #d8e2ec;
  border-radius: 10px;
  margin-top: 6px;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.libro-wrapper select{
  width: 100%;
  padding: 10px 14px;
  font-size: 1rem;
  border: 2px solid #d8e2ec;
  border-radius: 10px;
  margin-top: 6px;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.libro-wrapper textarea {
  width: 96%;
  padding: 10px 14px;
  font-size: 1rem;
  border: 2px solid #d8e2ec;
  border-radius: 10px;
  margin-top: 6px;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

/* Focus */
.libro-wrapper input:focus,
.libro-wrapper select:focus,
.libro-wrapper textarea:focus {
  border-color: #0B62AC;
  box-shadow: 0 0 6px rgba(11, 98, 172, 0.28);
  outline: none;
}

/* Botón CTA (usa el ya existente) */
/*.libro-wrapper button.det-cta {
  margin-top: 28px;
  border: none;
}*/
.libro-wrapper .btn-info {
  margin-top: 28px;
  border: none;
}


/* ================================
   RESPONSIVIDAD
   (idéntica a CIAME Detalles)
   ================================ */

/* Tablet horizontal / laptops pequeñas */
@media (max-width: 1200px) {
  .libro-wrapper .container {
    max-width: 92%;
  }
}

/* Tablet vertical */
@media (max-width: 900px) {
  .libro-wrapper form {
    padding: 22px;
  }
}

/* Móviles */
@media (max-width: 600px) {
  .libro-wrapper form {
    padding: 18px;
  }

  .libro-wrapper input,
  .libro-wrapper textarea {
    width: 92%;       /* reduce el ancho de inputs/textarea */
    margin-left: auto;
    margin-right: auto;
    display: block;   /* asegura centrado en móvil */
  }

  .libro-wrapper .det-group-title {
    font-size: 1.2rem;
  }
}