@import url("../fonts/HelveticaInserat/style.css");
 
.briggs-header, p{
	text-align: center;
	padding: 20px;
    
}
.briggs-header img {
	width: 434px;
	height: 185px;
}

.btn-descargar {
	text-align: center;
line-height: 32px;
	background-color:#333;
    color: #fff;
    margin: 20px auto;       /* Si el contenedor tiene altura fija, centra también verticalmente */
  display: block;     /* Asegura que el botón sea un bloque */
    font-size: 18px;
    padding: 3px 20px;
}
.btn-descargar:link, .btn-descargar:hover, .btn-descargar:visited {
	color: #fff;
	text-decoration: none;
}

.btn-generar {
	display: block;
}
.btn-volver {
	margin: 80px auto;
	max-width: 300px;
}
.btn-volver a {
	text-decoration: none;
	color: white;
}
.hidden {
  display: none;
}

#titulo-imagen {
  display: none;
}

.imagen-generada {
	padding: 40px 0;
	text-align: center;
}
.btn-volver button {
  width: 100%;
  background: #333;
  color: white;
  border: none;
  cursor: pointer;
  text-align: center;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
}

/*FORMULARIO DEL GENERAROR*/
* {
  box-sizing: border-box;
}
body {
  background:#DBDBDB;
  font-family: 'Helvetica', 'Arial', sans-serif;
}

form {
  color: #ffffff;
  width: 500px;
  margin: auto;
  background: #333333;
  padding: 20px;
  margin-top: 20px;
}
h1, h3 {
  font-family: "Helvetica Inserat", Arial, "sans-serif";
  text-align: center;
  margin: 20px 60px;
}
label, input,select {
  width: 100%;
  display: block;
  font-size: 1.2em;
}
input, select {
  padding: 5px;
  margin-bottom: 20px;
}
input[type="submit"], input[type="button"]  {
  width: 30%;
  margin: 20px auto;
  background: #83112f;
  color: white;
  border: none;
  cursor: pointer;
}
input[type="text"],
select {
  background-color: #DCDCDC; /* Fondo claro */
  border: 1px solid #ccc; /* Borde gris */
  color: #333; /* Texto oscuro */
  padding: 8px;
  border-radius: 4px;
  box-sizing: border-box; /* Asegura que padding no aumente el tamaño total */
}
label {
    margin-bottom: 10px;
}
/*FIRMA*/
.firma-content{
	margin: auto;
	padding: 0;
	color: white;
	font-family: "Nunito Sans", sans-serif;
    width:966px;
	height: 259px;
	}

.container {
    position: relative;

    overflow: hidden; /* Evita que el contenido sobresalga */
  }
 .container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
/* Contenedor de contenido con grid */
  .firma-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display:grid;
	grid-template-columns: 311px 385px auto; /* Tres columnas con anchos diferentes */
  }
	.firma-persona{
	padding-top: 33px;	
	}

	.firma-tels{
		padding-top: 28px;
		line-height: 33px;
	}


.nombre-firma{
	font-size: 18px;
	text-transform: uppercase;
}
.cargo-firma {
	line-height: 33px;
	font-size: 15px;
	font-weight: bolder;
}
.sucursal-firma {
	line-height: 18px;
	font-style: italic;
	font-size: 15px;
}
.tel-firma {
	margin: 7px 0 7px 0;
	line-height: 18px;
}


#contenedorCanvas{
	margin: auto;
}

#contenedor{
}