@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* --------- */

html {
	scroll-behavior: smooth;
	transition: all 0.5s ease-out;
}
body.page-template-openday-online {
	background-color: #FFF;
	--wp--custom--spacing--outer: 0;
	--wp--style--global--content-size: 100%;
	overflow-x: hidden;
}
.page-template-openday-online a:where(:not(.wp-element-button)) {
	text-decoration: none;
}

.page-template-openday-online h1,
.page-template-openday-online h2,
.page-template-openday-online h3,
.page-template-openday-online h4 {
	font-family: 'Poppins', 'Inter', 'Verdana', sans-serif;
}
.page-template-openday-online h1 {
	font-size: 2.7em;
	font-weight: 600;
	margin-top: 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
@media (min-width: 1024px) and (max-width:1260px) {
	.page-template-openday-online h1 {
		font-size: 2em;
	}
}
.page-template-openday-online h2 {
	font-size: 2em;
	font-weight: 600;
	margin: 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.page-template-openday-online h3 {
	font-size: 1.7em;
	font-weight: 600;
	margin-bottom: 0;
	margin-top: 20px;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.page-template-openday-online h4 {
	font-size: 1.3em;
	font-weight: 600;
	margin-top: 15px;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.page-template-openday-online p {
	margin: 0;
}
#inclinado,
#ingenieros,
#imagen-principal {
	clip-path: polygon(5% 0, 95% 0, 90% 100%, 0 100%);
}
#ingenieros,
#imagen-principal {
	max-width: 600px;
}
.form-group {
	margin: 0 !important;
}
input[type="text"],
input[type="email"],
input[type="tel"] {
	border-radius: 10px;
	font-size: 18px;
	height: 2em;
	padding-left: 10px;
}
select {
	background-color: rgba(0,0,0,0.03);
	border: none;
	border-bottom: 2px solid #CCC;
	border-radius: 0;
	font-size: 18px;
	height: 2em;
}
#triangulo-celeste {
	background-position: 0px 150px;
}
.iconos {
	min-width: 150px;
}
input[type="text"], input[type="email"], input[type="tel"] {
	background-color: rgba(0,0,0,0.03);
	border: none;
	border-bottom: 2px solid #CCC;
	border-radius: 0;
}
#logo-uf3 {
	text-align: center;
}
#voladora {
	min-width: 170px;
}
#volador {
	min-width: 300px;
}
form h3 {
	color: #003CA3;
}
.position-fixed {
	position: fixed;
	top: 0;
	max-height: 100%;
}
mark {
	background-color: #7FDACD;
	color: #003CA3;
	padding: 0 8px;
}

@media(max-width:640px) {
	.page-template-openday-online h1 {
		font-size: 1.8em;
	}
	.page-template-openday-online h2 {
		font-size: 1.5em;
	}
}

@media(max-width:1024px) {
	#inclinado,
	#ingenieros,
	#imagen-principal {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
	.position-fixed {
		position: relative;
	}
}

/* --------- */

body {
	font-family: 'Inter', 'Poppins', 'Verdana', sans-serif;
	overflow-x: hidden;
}
.page-template-openday-online p,
label,
.button {
	font-family: 'Inter', 'Poppins', 'Verdana', sans-serif;
}

#bloque-telefono{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	justify-content: space-between;
}

input.form_campos, textarea {
	width: 100%;
	padding-left: 1em;
	min-height: 3em;
}
select {
	width: 100%;
	padding-left: 1em;
}


label:not(.checkbox_text){
	color: #1458CC;
	display: block;
	font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 0px 0px 5px;
}

/*#phone-box{
	display: grid;
	grid-template-columns: minmax(85px, 0.2fr) 1fr;
}

#phone-box div:nth-child(1),
#phone-box div:nth-child(1) input{
	width: 80%;
}

#phone-box div:nth-child(2),
#phone-box div:nth-child(2) input
{
	width: calc((100%) - 12px);
	padding-left: 10px;
}
*/

.obligatorio{
	color: rgb(238,50,36);
}

.checkbox_block, #lopd-informado, #rgpd, #rgpd a, .blanco{
	color: #000;
}

#rgpd p {
	font-size: .75em !important;
	line-height: 1.2em;
	padding-left: 30px;
}

div.checkbox label {
	font-size: 14px;
}
#step-3 div.checkbox:nth-child(7),
#step-3 div.checkbox:nth-child(8),
#step-3 div.checkbox:nth-child(9) {
	padding-top: 0;
}

input[type="radio"] {
    width: auto;
    margin-right: 5px;
}

#lopd-informado .radio-inline {
    display: flex;
}

input[value="no"]{
	margin-left: 2em;
}


form button {
    background: #E36724;
    border: 0;
    border-radius: 10px;
    color: #FFF;
    cursor: pointer;
    display: block;
    font-size: 26px;
    margin: 50px auto 0 auto;
    padding: 10px;
    text-transform: uppercase;
    transition: all 0.2s linear;
}

form button:hover {
    background: #000;
    transition: all 0.2s linear;
}

#enviando, #texto-respuesta{
	background-color: #7FDACD;
    color: #fff;
    text-align: center;
    padding: 0.8em;
    border-radius: 10px;
    font-weight: bold;
}
  
#enviando:after {
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	-webkit-animation: ellipsis steps(4,end) 900ms infinite;      
	animation: ellipsis steps(4,end) 1300ms infinite;
	content: "\2026"; /* ascii code for the ellipsis character */
	width: 0px;
}

#aetm-gracias,
#aetm-enviando,
#aetm-error,
#form-response
{
	background-color: #003CA3;
	padding: 1em;
	margin-top: 2em;
	color: #fff;
}
#form-response svg path{
	fill: #fff;
	stroke: #fff;
}
div.g-recaptcha {
	display: grid;
	grid-template-columns: 1fr;
	justify-items: center;
}

footer
{
	color: #fff;
}


footer a
{
	color: #fff;
	font-weight: bold;
}

.solicita
{
	text-align: center;
	padding: 1.5em;
	color: #fff;
	font-weight: bold;
}

.form-group{
	display: grid;
	margin: 0 2em;
}

.hidden{
	display: none;
	
}
/* Validación campo email */
/* Only show invalid ring while not focused */
/*input[type="email"]:not(:focus):not(:placeholder-shown):invalid {
	border-color: red;
}

input[type="email"]:not(:focus):not(:placeholder-shown):invalid ~ .error-message {
	display: block;	
}*/

input[type="text"]:valid:not(input#apellido2),
input[type="email"]:valid,
input[type="tel"]:valid
{
	color: #7FDACD;
	border-color: #7FDACD;
	background-color: rgba(114,220,212,0.2);
}

input[type="text"]:valid::after,
input[type="email"]:valid::after,
input[type="tel"]:valid::after
{
	content: '√';
	text-align: right;
}



input[type="email"]:focus:invalid,
input[type="text"]:focus:invalid
{
	color: rgb(233, 80, 45);
	border-color: rgb(233, 80, 45);
	background-color: rgb(238, 188, 188);
}

#phone-box{
	display: grid;
	grid-template-columns: minmax(100px, 0.2fr) 1fr;
}

#phone-box div:nth-child(1),
#phone-box div:nth-child(1) input{
	width: 80%;
}

#phone-box div:nth-child(2),
#phone-box div:nth-child(2) input
{
	width: calc((100%) - 12px);
	padding-left: 10px;
}

input#prefijo
{
	background-color: #DDD;
	border-bottom-color: #DDD;
    color: #000;
}

#error-email
{
	margin-top: .5em;
	background-color: #eebebe;
    color: #a80202;
    border-radius: 5px;
    padding: 0.7em;
}
  
@keyframes ellipsis {
	to {
	  width: 1.25em;    
	}
}
  
@-webkit-keyframes ellipsis {
	to {
	  width: 1.25em;    
	}
}

/*Slider en el form */
div[id^="step-"] 
{
	background: #fff;
	padding: 1em;
}

div#change-step{
	display: block;
}

div#change-step button{
	background-color: #FF7F45;
	font-size: 1em;
}

div#change-step button.left{
	float: left;
	max-width: 45%;
	background-color: #FFF;
    color: #FF7F45;
    border: 2px solid #FF7F45;
}

div#change-step button.left::before{
	display: inline-block;
    content: '';
	background-image: url('https://estudios.uf3ceu.es/wp-content/uploads/2025/01/arrow-back-orange.svg');
    background-size: 24px 24px;
    width: 24px;
	fill: #FF7F45;
   	padding-top: 1em;
	margin-right: 0.4em;
}

div#change-step button.right{
	float: right;
	max-width: 45%;
	border: 2px solid #FF7F45;
}

div#change-step button.right::after{
	display: inline-block;
    content: '';
	background-image: url('https://estudios.uf3ceu.es/wp-content/uploads/2024/03/arrow-forward.svg');
    background-size: 24px 24px;
    width: 24px;
	fill: #fff;
   	padding-top: 1em;
	margin-left: 0.4em;
}

div#info{
	display: block;
	clear: both;
	padding-top: 10px;
}

div#info p{
	background-color: #eebebe;
    color: #a80202;
    border-radius: 5px;
    padding: 0.7em;
}

/*Ocultar flechas del slider*/
.slick-prev, .slick-next {
    display: none;
}


/*Modal*/
#dialog-rgpd::backdrop {
    background-color: #2c2c2e;
    opacity: 0.7;
}

#dialog-rgpd {
    box-shadow: 0 4px 5px rgb(0 0 0 / 30%);
    border-radius: 8px;
    border: 1px solid #fff;
	margin: 2em;
	padding-bottom: 2em;
    max-height: 85vh;
}

#dialog-rgpd header {
    display: grid;
	grid-template-columns: 1fr 2em;
	grid-gap: 1rem;
	align-items: center;
}

#dialog-rgpd header h2 {
    margin-block: 0px;
	text-align: center;
}

#dialog-rgpd button
 {
    padding: 0.75rem 1rem;
    background: none;
    font-size: 1rem;
    cursor: pointer;
    font-size: 1rem;
    border-radius: 5px;
    border: 1px solid #b0b0b0;
	color: #b0b0b0;
}

#close-top-btn
 {
    padding: 0.75rem;
    background: none;
    cursor: pointer;
    font-size: 1rem;
    border-radius: 5px;
    border: 1px solid #b0b0b0;
	color: #b0b0b0;
	display: inline-block;
}

#dialog-rgpd li::marker {
	content: "✔";
}
  

#dialog-rgpd li span {
	font-weight: bold;
}

#dialog-open, 
#proteccion-datos,
#dialog-rgpd li a{
	color: #003CA3 !important;
}

form p{
	padding-bottom: 10px;
	padding-top: 5px;
	font-size: 0.75em;
}

#text-lopd
{
	overflow-y: scroll; 
	height:24vh;
	padding-top: 10px;
}

/* Botón enviar */
.material-symbols-outlined {
	display: none !important;
}
#btn-enviar {
	padding: 10px 20px;
}