/* Estilos Generales para Todas las Páginas */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "bodonixtregular", Times, serif;
  font: 14px/1.6 'Roboto-Regular', sans-serif;
}

body {
  background-color: #f5f5f5;
  color: #333;
  line-height: 1.6;
}

.tituloPonti > span, .tituloPontiAdmin > span {
	color: gray;
	font-size: 28px;
	font-weight: lighter;
	font-family: "bodonixtregular", Times, serif;
	font-variant: small-caps;
}
.tituloPonti{
	float:right;
	display:block;
	margin-top: 25px;
	margin-left: -20px;
}


.tituloPagina{
	color: white;
	background-color: #F1B434;
	text-align: center;
	padding: 3px 3px 3px 3px;
	margin:0px -20px 20px -20px;
	font-family: 'Roboto-Regular', sans-serif !important;
	font-size: 32px;
}

.tituloPagina p {
  font-size: 20px;
}
.cabecera{
	height:100%;
	z-index: 1;
}

.imagenLogo,
.imagenLogo > img{
	float:left;
	display:block;
	height: 95px;
	margin-right:0px;
	margin-left:5px;
}

.cabeceraPpal{
	width:100%;
	height:100px;
	z-index: 1;
  margin: 48px 0;
  display: flex;
  justify-content: space-evenly;
}

.contenedor {
  max-width: 750px;
  width: 750px;
  margin: 20px auto;
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.tituloPonti > span, .tituloPontiAdmin > span {
	color: gray;
	font-size: 28px;
	font-weight: lighter;
	font-family: "bodonixtregular", Times, serif;
	font-variant: small-caps;
}
.tituloPonti{
	float:right;
	display:block;
	margin-top: 25px;
	margin-left: -20px;
}


.titulo {
  color: white;
  background-color: #F1B434;
  text-align: left;
  padding: 3px 3px 3px 155px;
  margin: 0px -20px 0px -20px;
  font-family: 'Roboto-Regular', sans-serif !important;
  font-size: 18px;
}

p{
  margin: 0 !important;
}

h2 {
  font-size: 1.4em;
  color: #F1B434;
  margin-top: 20px;
  margin-bottom: 10px;
  border-bottom: 2px solid #F1B434;
  padding-bottom: 5px;
}

ul{
  list-style-type: none; 
}

/* Estilos para Labels */
.form-group label {
  display: block;
  font-size: 0.95em; /* Tamaño más pequeño para parecerse al ejemplo */
  margin-bottom: 5px;
  color: #666666; /* Color gris oscuro para los labels */
  text-transform: capitalize; /* Capitalizar solo la primera letra de cada palabra */
}


input::placeholder {
  color: #B5B5B5; /* Color gris claro para el placeholder */
}

/* Botón de envío centrado y con espacio */
.button-container {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

button[type="submit"] {
  background-color: #D48918;
  color: #ffffff;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  font-size: 1em;
  cursor: pointer;
  transition: background-color 0.3s;
}

button[type="submit"]:hover {
  background-color: #A3650D;
}

/* Sección de Consentimiento para index.php */
.consent-section {
  margin-top: 20px;
  font-size: 0.9em;
  color: #333;
  background-color: #e6e6e6;
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #707070;
}

.consent-section input[type="checkbox"] {
  margin-right: 10px;
}

.required {
  color: #C0392B;
}

/* Estilos para confirmacion.php (Página de Confirmación) */
.header-image {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
}

/* Contenedor principal de la confirmación */
.confirmation-container {
  max-width: 800px;
  margin: auto;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.cell-detail{
  background-color: #F1B434;
}

.confirmation-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.confirmation-table th,
.confirmation-table td {
  padding: 10px;
  border: 12px solid #925e0f;
  text-align: left;
}

.confirmation-table th {
  background-color: #F1B434;
  color: #fff;
}

.btn-back {
  display: block;
  width: 100%;
  padding: 10px;
  margin-top: 20px;
  text-align: center;
  color: #fff;
  background-color: #D48918;
  text-decoration: none;
  border-radius: 4px;
}

td:first-child {
  background-color: #ffdead; /* Cambia este color al que desees */
}


/* Tabla de confirmación */
.confirmation-table {
  width: 100%; /* Asegura que la tabla ocupe el ancho completo */
  border-collapse: collapse; /* Quita el doble borde */
}

.confirmation-table th, .confirmation-table td {
  padding: 8px;
  border: 2px solid #F1B434;
  text-align: left;
}

/* Primera columna con 1/3 del ancho */
.confirmation-table td:first-child {
  width: 40%;
  font-weight: bold; /* Resalta los títulos */
}

/* Segunda columna con 2/3 del ancho */
.confirmation-table td:last-child {
  width: 60%;
}

.btn-back:hover {
  background-color: #925e0f; /* Efecto de hover */
}


p.condiciones{
  text-align: justify;
}

.button-div{
  margin: 20px 0 0 0;
  display: flex;
  align-items: flex-start;
  align-content: flex-end;
  flex-direction: row;
  justify-content: space-around;
}