/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Mitr:300,400,500,600&display=swap');
/* Fonts end */

/* Comunes */
body { font-size: 16px; font-family: 'Mitr', sans-serif; }
ul { list-style: none; }
a { text-decoration: none; }

.transition{
  -webkit-transition: all ease-in-out .3s; /* Safari */
  transition: all ease-in-out .3s;
}

.titulo_con_background { background-color: #dcc90d; color: black; font-size: 2.25rem; font-weight: 500; padding: 3px 0; margin-bottom: 30px; }

.light { font-weight: 300; }
.regular { font-weight: 400; }
.medium { font-weight: 500; }
.semi-bold { font-weight: 600; }

.btn_site { font-size: 1.35rem!important; background-color: #dcc90d; font-size: 1.25rem; font-weight: 500; color: black; border: none; }
.btn_site:hover { background-color: #bdaf1f; color: black; }
.frase_add_ads { color: grey; font-size: 1.125rem; margin-top: 60px; }
/* Comunes end */

/* Header */
header { padding: 60px 0; /*margin-bottom: 80px;*/ background-color: #f6f6f6; }
header h1 { font-size: 2.5rem; }
header h2 { font-size: 1.75rem; text-align: center; margin-top: 30px; }
header h2 span { font-weight: 500; }
header .col-md-6 { display: flex; flex-direction: column; align-items: center; justify-content: center; }
header h3 { font-size: 1.5rem; margin-top: 30px; margin-bottom: 15px; font-weight: 400; }
header form { width: 80%; }
header form .btn_presupuesto { width: 100%; background-color: #dcc90d; font-size: 1.25rem; font-weight: 500; color: black; border: none; }
header form .btn_presupuesto:hover { background-color: #bdaf1f; color: black; }
header form .form-check-label { font-size: 0.75rem; color: grey; }

/* RECAPTCHA */
#recaptcha, #rc-imageselect {
	margin: 10px auto;
	display: table;
}
/* RECAPTCHA end */

/* Header end */

/* Imagenes */
.imagenes { margin-bottom: 80px; }
/* Imagenes end */

/* Especificaciones tecnicas */
.especificaciones { margin-bottom: 80px; }
.especificaciones .col-md-6 { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.especificaciones h5,
.otros_modelos h5 { background-color: #dcc90d; color: black; font-size: 1.25rem; padding: 5px 10px; margin-bottom: 10px; }
.especificaciones h4 { margin: 0; }
.especificaciones .tabla,
.otros_modelos .tabla { border-bottom: solid 1px black; width: 60%; display: flex; justify-content: center; align-items: center;
padding: 5px; }
.especificaciones .tabla p { margin: 0; }
/* Especificaciones tecnicas end */

/* Ventajas */
.ventajas { padding: 60px 0; margin-bottom: 80px; background-color: #f6f6f6; }
.ventajas h4 { font-size: 2.25rem; font-weight: 500; margin-bottom: 30px; }
.ventajas h5 { font-size: 1.5rem; font-weight: 400; margin-top: 10px; }
/* Ventajas end */

/* Personalizables */
.personalizables { margin-bottom: 120px; }
.personalizables .fondo_patern { position: relative; width: 100%; padding: 30px 0; background-color: #f6f6f6; 
	background-image: url('../img/modulo.gif'); background-repeat: repeat-x; }
.personalizables .img_absolut { position: absolute; top: -65px; left: 0; width: 45%; }
.personalizables h4 { margin-bottom: 80px; padding: 0 30px; }
.personalizables h6 { font-size: 1.325rem; font-weight: 500; }
.personalizables p { font-weight: 300; }
.personalizables .col-md-7 { display: flex; flex-direction: column; justify-content: center; align-items: center; }
/* Personalizables end */

/* Costo beneficio */
.costo_beneficio { padding: 60px 0; margin-bottom: 80px; background-color: black; }
.costo_beneficio p { font-size: 1.875rem; color: white; font-weight: 300; margin: 0; }
.costo_beneficio p .destacado { background-color: #dcc90d; color: black; font-weight: 500; padding: 3px; margin: 0; }
/* Costo beneficio end */

/* desarrollo */
.desarrollo { margin-bottom: 60px; }
.desarrollo h4 { font-size: 2.25rem; font-weight: 500; padding: 0 30px; }
/* desarrollo end */

/* Otros Modelos */
.otros_modelos { margin-bottom: 80px; }
.otros_modelos .col-md-6 { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.otros_modelos p { margin: 0; }
.otros_modelos h4 { padding: 0 30px; }
/* Otros Modelos end */

/* Solicita Presupuesto */
.solicita_presupuesto { margin-bottom: 80px; }
/* Solicita Presupuesto end */

/* Footer */
footer { padding: 60px 0; background-color: black; }
footer .col-md-12 { display: flex; flex-direction: column; justify-content: center; align-items: center; }
footer p,
footer a { color: white; font-weight: 300; }
footer a { margin-bottom: 15px; font-size: 18px; }
footer a:hover { text-decoration: none; opacity: 0.6; color: white; }
footer p { font-size: 14px; }
/* Footer end */



/* MEDIA QUERIES */

/* Dispositivos extra pequeños (teléfonos de retrato, menos de 576px) */
@media (max-width: 575.98px) {

	/* Comunes */
	.frase_add_ads { font-size: 1rem; }
	/* Comunes end */

	/* Header */
	header h1 { font-size: 2rem; }
	header h2 { font-size: 1.25rem; margin-bottom: 30px; }
	/* Header */

	/* Imagenes */
	.imagenes { margin-bottom: 30px; }
	.imagenes img { margin-bottom: 30px; }
	/* Imagenes end */

	/* Especificaciones tecnicas */
	.especificaciones { margin-bottom: 60px; }
	.especificaciones h4 { margin-bottom: 15px; font-size: 1.25rem; }
	.especificaciones h5 { margin-bottom: 10px; font-size: 1.125rem; }
	.especificaciones .tabla,
	.otros_modelos .tabla { width: 100%; }
	/* Especificaciones tecnicas end */

	/* Ventajas */
	.ventajas { padding: 30px 0; }
	.ventajas .col-md-4 { margin-bottom: 30px; }
	.ventajas .col-md-4:last-child { margin-bottom: 0; }
	.ventajas h4 { font-size: 1.25rem; margin-bottom: 45PX; }
	.ventajas h5 { font-size: 1.125rem; }
	/* Ventajas end */

	/* Personalizables */
	.personalizables { margin-bottom: 60px; }
	.personalizables .fondo_patern { padding: 0; position: relative; width: 100%; background-color: #f6f6f6; 
		background-image: url('../img/modulo.gif'); background-repeat: repeat-x; }
	.personalizables .img_absolut { position: relative; display: inline-block; top: -65px; width: 80%; }
	.personalizables h4 { font-size: 1.25rem; margin-bottom: 80px; }
	.personalizables h6 { font-size: 1.125rem; }
	.personalizables .col-md-7 { display: inline-block; position: relative; top: -30px; }
	/* Personalizables end */

	/* Costo beneficio */
	.costo_beneficio { margin-bottom: 45px; padding: 30px 0; }
	.costo_beneficio p { font-size: 1.25rem; }
	.costo_beneficio p .destacado { padding: 0 3px; margin: 0; }
	.costo_beneficio p br { display: none; }
	/* Costo beneficio end */

	/* desarrollo */
	.desarrollo { margin-bottom: 45px; }
	.desarrollo h4 { font-size: 1.5rem; }
	.desarrollo img { max-width: 100%; }
	/* desarrollo end */

	/* Otros Modelos */
	.otros_modelos h4 { margin-bottom: 15px; padding: 0 5px; font-size: 1.25rem; }
	.otros_modelos img { max-width: 80%; margin-bottom: 30px; }
	/* Otros Modelos end */

	/* Footer */
	footer p,
	footer a { font-size: 16px; }
	footer p { font-size: 12px; }
	/* Footer end */

}

/* Dispositivos pequeños (teléfonos apaisados, 576px y más) */
@media (min-width: 576px) and (max-width: 767.98px) {
	/* Header */
	header { margin-bottom: 60px; }
	header h1 { font-size: 2.25rem; }
	header h2 { margin-bottom: 50px; }
	/* Header */

	/* Imagenes */
	.imagenes { margin-bottom: 30px; }
	.imagenes img { margin-bottom: 30px; }
	/* Imagenes end */

	/* Especificaciones tecnicas */
	.especificaciones h4 { margin-bottom: 15px; font-size: 1.75rem; }
	.especificaciones h5 { margin-bottom: 10px; font-size: 1.125rem; }
	.especificaciones .tabla,
	.otros_modelos .tabla { width: 90%; }
	/* Especificaciones tecnicas end */

	/* Ventajas */
	.ventajas { margin-bottom: 40px; padding: 40px 0; }
	.ventajas h4 { font-size: 1.75rem; }
	.ventajas h5 { font-size: 1.125rem; }
	/* Ventajas end */

	/* Personalizables */
	.personalizables { margin-bottom: 60px; }
	.personalizables .fondo_patern { padding: 0; position: relative; width: 100%; background-color: #f6f6f6; 
		background-image: url('../img/modulo.gif'); background-repeat: repeat-x; }
	.personalizables .img_absolut { position: relative; display: inline-block; top: -65px; width: 80%; }
	.personalizables h4 { font-size: 1.75rem; margin-bottom: 80px; }
	.personalizables h6 { font-size: 1.25rem; }
	.personalizables .col-md-7 { display: inline-block; position: relative; top: -30px; }
	/* Personalizables end */

	/* Costo beneficio */
	.costo_beneficio p { font-size: 1.5rem; }
	.costo_beneficio p .destacado { padding: 0 3px; margin: 0; }
	.costo_beneficio p br { display: none; }
	/* Costo beneficio end */

	/* desarrollo */
	.desarrollo h4 { font-size: 1.75rem; }
	.desarrollo img { max-width: 80%; }
	/* desarrollo end */

	/* Otros Modelos */
	.otros_modelos h4 { padding: 0 30px; font-size: 1.75rem; }
	.otros_modelos img { max-width: 80%; }
	/* Otros Modelos end */

	/* Footer */
	footer p,
	footer a { font-size: 16px; }
	footer p { font-size: 12px; }
	/* Footer end */
}

/* Dispositivos medianos (tabletas, 768px y más) */
@media (min-width: 768px) and (max-width: 991.98px) {
	/* Especificaciones tecnicas */
	.especificaciones h4 { margin-bottom: 30px; font-size: 2rem; }
	.especificaciones h5 { margin-bottom: 10px; font-size: 1.125rem; }
	.especificaciones .tabla,
	.otros_modelos .tabla { width: 90%; }
	/* Especificaciones tecnicas end */

	/* Ventajas */
	.ventajas { padding: 40px 0; }
	.ventajas h4 { font-size: 2rem; }
	.ventajas h5 { font-size: 1.125rem; }
	/* Ventajas end */

	/* Personalizables */
	.personalizables { margin-bottom: 100px; }
	.personalizables .fondo_patern { padding: 50px 0;}
	.personalizables .img_absolut { top: 20px; }
	.personalizables h4 { margin-bottom: 30px; }
	.personalizables h6 { font-size: 1.125rem; }
	.personalizables p { font-size: 0.85rem; }
	/* Personalizables end */

	/* Costo beneficio */
	.costo_beneficio p { font-size: 1.5rem; }
	.costo_beneficio p .destacado { padding: 0 3px; margin: 0; }
	.costo_beneficio p br { display: none; }
	/* Costo beneficio end */

	/* desarrollo */
	.desarrollo h4 { font-size: 2rem; }
	.desarrollo img { max-width: 80%; }
	/* desarrollo end */

	/* Otros Modelos */
	.otros_modelos h4 { padding: 0 30px; font-size: 2rem; }
	/* Otros Modelos end */

}

/* Dispositivos grandes (escritorios, 992px y más) */
@media (min-width: 992px) and (max-width: 1199.98px) {

}
