/* -------------------- Base -------------------- */



html, body {

    font-family: Arial, sans-serif;

    height: 100%;

    width: 100%;

    margin: 0;

    background-color: #bbb;

    text-align: center;

}

/* -------------------- Títulos -------------------- */

h2 { margin-top: 0; }

h3 {

    font-size: 1.5rem;

    font-weight: normal;

}

.euroblue {

    color: blue;

    font-size: 24px;

	margin-top: 7px;

}

.sign {

    font-size: 32px;

}

/* -------------------- Formulário -------------------- */

.forma {

    max-width: 522px;

	width: 100%;

    margin: 0 auto;

    position: relative;

}

.forma label {

    margin-top: 7px;

}

.forma input[type="email"],.forma input[type="password"],.country,.nome,.birth,textarea {

    width: 100%;

    padding: 10px;

    margin-top: 10px;

    font-size: 18px;

    border: 1px solid #ccc;

    border-radius: 5px;

    outline: none;

}

.country{

	

	z-index:2;

	position: relative;

	

}

textarea {

    height: 150px;

    font-family: Arial, sans-serif;

}

/* Campos especiais */

.divslug, .genero {

    width: 100%;

	padding-right: 20px;



    border: 1px solid #ccc;

    border-radius: 5px;

    background-color: white;

    margin-top: 10px;

}

.slug {

    width: 300px;

    margin-top:5px;

	margin-left:0px;

	margin-right:5px;

	margin-bottom:5px;

	padding: 0px;

    font-size: 18px;

    

	border: 1px solid #ccc;

	

    box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.12);

    transition: box-shadow 0.3s ease-in-out; /* Torna a transição suave */

	

	

}

.slug:focus {

    outline: 2px solid #007BFF;

    border-radius: 4px;

}

/* Botões */

.forma button {

    padding: 10px;

    background-color: #007BFF;

    color: #fff;

    border: none;

    border-radius: 3px;

    font-size: 18px;

    cursor: pointer;

}

.forma button:hover {

    background-color: #0056b3;

}

/* -------------------- Lista suspensa -------------------- */

.lista {

    display: none;

    font-size: 14px;

    text-align: left;

    width: 100%;

    padding: 10px;

    border: 1px solid #ccc;

    background-color: #ddd;

    position: absolute;

    top: 44px;

    z-index: 3;

}

.pt { cursor: pointer; }

/* -------------------- Overlay -------------------- */

.xvh {

    height: 100%;

    width: 100%;

    background-color: black;

    opacity: 0.5;

    display: none;

    position: fixed;

    top: 0;

    z-index: 2;

}

/* -------------------- Imagens -------------------- */

.tam { border: 0; margin: 0; }

.ct {

    display: inline-block;

    text-align: center;

    background-color: white;

    padding: 0;

    margin: 5px;

    border: 1px solid #888;

}

.up {

    display: inline-block;

    color: white;

    padding: 10px 20px;

    font-size: 16px;

    border-radius: 8px;

    cursor: pointer;

}

.fi {

    opacity: 0;

    position: absolute;

    z-index: -1;

}

#ver {

    border: 1px solid black;

    border-radius: 50%;

}