/*
- Formularios de solicitud de información - Universidad ORT Uruguay
- Desarrollo: Desarrollo Web
- Webort
*/
/* Fuentes */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&display=swap');
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,400i,500,500i,700,700i&display=swap');
/*
@font-face {
    font-family: 'Rambla';
    src: url('fonts/rambla-regular.eot');
    src: url('fonts/rambla-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/rambla-regular.woff2') format('woff2'),
         url('fonts/rambla-regular.woff') format('woff'),
         url('fonts/rambla-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Rambla oscura';
    src: url('fonts/rambla-bold.eot');
    src: url('fonts/rambla-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/rambla-bold.woff2') format('woff2'),
         url('fonts/rambla-bold.woff') format('woff'),
         url('fonts/rambla-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@import url(https://www.ort.edu.uy/innovafront/theme/common/css/normalize.css);
*/

/* -------------------- Parámetros generales -------------------- */

/* Variables */
:root { 
	--mainFont:      "Rubik", sans-serif;
	--secondaryFont: "Open sans", Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }
html { background: #fff; }
body{ margin: 0; padding: 0; font-family: var(--secondaryFont); color: #363636; }
a img { border: 0; }
a { text-decoration:none; }
a:hover { text-decoration: underline; }
p { margin: 0 0 1.2em 0; }
p:last-child { margin-bottom: 0; }
ul { margin: 0; padding: 0; }
ul li { margin: 0; padding: 0; list-style: none; }

/* Clears */
footer .address:after,
header:after { content: ""; clear: both; display: block; width: 100%; height: 0; overflow: hidden; }

/* Estructura base */
header .headerContent,
.tituloPrincipal h1,
footer .address,
.contenido{ max-width: 800px; margin: 0 auto; }

/* -------------------- Cabezal -------------------- */
header { display: none; background: #661020; }
header .headerContent { padding: 1.5em; }
header .logoORT { display: inline-block; background: 0 0 no-repeat; background-image: url(../img/logo-ort.png); background-image: url(../img/logo-ort.svg); }
header .logoORT img { visibility: hidden; display: block; }


/* -------------------- Pie de página -------------------- */
footer { display: none; background: #EDEAE2; border-top: 7px solid #8C777C; }
footer .address { padding: 1em; font-size: 12px; }
footer .address p { float: right; margin: 0; padding: 0; }
footer .address p:first-child { float: left; }
footer .address a { color: inherit; pointer-events: none; }


/* -------------------- Contenido -------------------- */
h1 { margin: 0 auto; padding: 1.2em .8em .5em; font-family: var(--mainFont); font-size: 1.6em; font-weight: 600; color: #661020; text-align: center; }
h2 { margin: 0 0 .5em 0; padding: 0; font-family: var(--mainFont); font-size: 1.2em; font-weight: 400; text-align: center; }
.contenido { padding: .5em 1.9em 1em; font-size: 1em; }
.contenido > p:first-child { margin-bottom: .5em; font-family: var(--mainFont); font-size: 1.2em; font-weight: 400; text-align: center; }

.formWrapper { max-width: 470px; margin: 0 auto; }
.formRow { padding: 5px 0; }
.formRow label { display: inline-block; width: 37%; padding-right: 1em; vertical-align: top; text-align: right; }
.formRow .formField { display: inline-block; width: 58%; vertical-align: top; }
.formRow input[type=text],
.formRow textarea { width: 100%; border: 1px solid #8C777C; font-family: var(--secondaryFont); font-size: 13px; color: #777; }
.formRowCaptcha label { visibility: hidden; }
.formRowCaptcha .formField { text-align: right; }
.formRowCaptcha .formField div { float: right; height: auto !important; }
.formRowCaptcha .formField img + img { position: absolute; margin: 15px 0 0 5px; }
.formRowCaptcha .formField input[type=text] { width: 50%; }

.formRowBt { padding-right: 4.8%; text-align: right; }
.formRowBt .formField input { padding: 4px 60px; background: #661020; border: 0; color: #fff; cursor: pointer; }

.ortFormWrapper { max-width: 670px; min-height: 165px; }

#ortForm { --mainColor: #661020; }
#ortForm li.required:after,
#ortForm li.required > label:after { display: none; }

#ortForm .button .formFldInput { text-align: center; }
#ortForm .button input { padding: .5em 1.2em; border: 2px solid var(--mainColor); border-radius: 50px; background: var(--mainColor); color: #fff; font-family: var(--mainFont); font-size: 1.1em; font-weight: 600; transition: .3s; }
#ortForm .button input:hover { background: #fff; color: var(--mainColor); cursor: pointer; }

.leyDatos { max-width: 700px; margin: 0 auto; padding: 1.5em 0; font-size: 11px; color: #919191; text-align: center; }
.leyDatos a { color: #661020; text-decoration: underline; }
.leyDatos a:hover { text-decoration: none; }

.errores { margin-bottom: 1em; padding: 10px; border: 1px dotted #661020; color: #960404; }
.rowError label { color: #960404; }
.rowError input[type=text],
.rowError textarea { border-color: #960404; }
.rowError.formRowCaptcha #trcode:after { content: "El código ingresado es inválido. Vuelva a intentarlo."; color: #960404; }

.formMsg .msgGracias { margin-bottom: 8em; padding: 10px; border: 1px dotted #661020; color: #960404; line-height: 2; }
.formWrapper .msgGracias { margin-top: 3em; text-align: center; }

@media screen and (max-width: 480px) {
	.formRow label { width: 30%; }
	.formRow .formField { width: 65%; }
	footer .address p { max-width: 49.5%; }
	h1 { padding: 1.5em 1em .5em; }
	.contenido { padding: 1em; }
}
@media screen and (max-width: 360px) {
	.formRow label { display: block; width: 100%; text-align: left; }
	.formRow .formField { display: block; width: 100%; }
	.formRowCaptcha .formField { text-align: left; }
	.formRowCaptcha br { display: none; }
	.formRowCaptcha .formField div { float: none; }
	.formRowCaptcha #trcode { width: auto !important; }
	.formRowBt { text-align: left; }
}