/* Título y descripción */
.libro-header {
  margin-bottom: 3rem;
}
.libro-titulo {
  font-size: 3rem;
  margin: 0 0 1rem 0;
  color: var(--color-titulo);
}
.libro-descripcion {
  margin: 0;
  font-size: 1.6rem;
  color: var(--color-parrafo);
  line-height: 1.5;
}
@media (min-width: 768px) {
  .libro-titulo {
    font-size: 4rem;
  }
}

.libro{
    margin: 4rem auto;
  }
  /**-------------LIBRO FORMULARIO---------**/
  .libro-formulario label {
    display: block;
 
    color: var(--color-titulo);
  }
  .libro-formulario span {
    font-size: 1.4rem;
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
  }
  .libro-formulario input,
  .libro-formulario select {
    border-radius: 1rem;
    border: 1px solid #ccc;
    padding: 1rem 1.5rem;
    font-size: 1.6rem;
    display: block;
    color: var(--color-parrafo);
    font-weight: 400;
    width: 100%;
  
  }
  .libro-subtitulo {
    font-size: 2rem;
    font-weight: 600;
    margin: 3rem 0 2rem 0;
  }
  .contenedor-textarea{
      margin-top: 2rem;
  }
  .libro-formulario textarea {
    border-radius: 1rem;
    border: 1px solid #ccc;
    padding: 1.2rem 1.5rem;
    font-size: 1.6rem;
    display: block;
    color: var(--color-parrafos);
    font-weight: 400;
    width: 100%;
    height: 15rem;
  }
  .libro-formulario .boton-reclamo {
    background-color: var(--color-rojo);
    color: #fff;
    font-size: 1.6rem;
    padding: 0.8rem 2rem;
    text-decoration: none;
    font-weight: 600;
    border-radius: 3rem;
    cursor: pointer;
    margin: 2rem auto 0 auto;
    display: block;
    width: 25rem;
    border: none;
  }
  /**-------------GRID FILAS DE FORMULARIO---------**/
  .libro-2filas{
      display: grid;
      gap: 1rem;
      max-width: 60rem;
  }
  .libro-3filas{
      display: grid;
      gap: 1rem;
  }.libro-4filas{
      display: grid;
      gap: 1rem;
      margin-top: 1rem;
  }
  @media (min-width: 768px) {
    .libro-2filas{
      grid-template-columns: repeat(2, 1fr);
  }
  .libro-3filas{
      grid-template-columns: repeat(2, 1fr);
  }.libro-4filas{
      grid-template-columns: repeat(2, 1fr);
  }
  }
  @media (min-width: 1024px) {
    .libro-2filas{
      grid-template-columns: repeat(2, 1fr);
      
  }
  .libro-3filas{
      grid-template-columns: repeat(3, 1fr);
  }.libro-4filas{
      grid-template-columns: repeat(4, 1fr);
  }
  }
  /**CHECK BOX**/
  
  .radio-group {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 2rem;
  
  }
  
  .radio-group .radio-option {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16rem;
    color: #333;
  }
  .radio-option span {
    display: inline;
    margin: 0;
      font-size: 1.6rem;
  }
  
  .radio-option input[type="radio"] {
    accent-color: var(--color-rojo); /* azul oscuro */
    width: 16px;
    height: 16px;
  }