@charset "utf-8";
@import url("../css/variables.css");
@import url("../css/columnas.css");
@import url("../css/header.css");
@import url("../css/footer.css");
@import url("../iconos-web/iconos-web.css");
@import url("../css/navegacion-tab-lateral.css");

body {
    font-family: var(--fuente-textos);;
    background: var(--color5);
    font-size: 12pt;
    color: var(--color2);
    width: 100%;
    height: 100%;
}
a, a:hover, a:active {
color: inherit;
text-decoration:none;
}
p {
    margin-bottom: 15px;
}
.center, left, right {
    text-align: center;
}
/* para mostrar y esconder textos */
.spoiler {
    width: 100%;
}
iframe {
    width: 100%;
    height: auto;
}
.divspoiler input {
    padding: 1em 0;
    margin-bottom: 1em;
    background: #fff;
    border: none;
    font-family: inherit;
    color: inherit;
    cursor: pointer;
}
.divspoiler input:active, .divspoiler input:hover {
   border: none; 
}
/* hasta aca para mostrar y esconder textos */

.item-columnas {
    padding: 15px;
}
.item-columnas img {
    width: 100%
}
.item-columnas ul {
    margin: 1em;
}
.azul {
    color: var(--color1);
}

h1, h2 {
    font-size: 23pt;
    font-family: var(--fuente-titulos);
    font-weight: 400;
    margin-bottom: 20px;
}
h2 {
    font-size: 18pt;
    color: var(--color1);
}
p {
    line-height: 160%;
}
video {
    width: 100%;
}

.contenedor {
    width: var(--ancho);
    max-width: var(--ancho-max);
    margin: 2em auto; 
}
#formulario {
    width: 100%;
}
#formulario input, #formulario textarea {
    font-family: inherit;
    width: 100%;
    padding: 10px;
    border: 1px solid var(--color6);
    border-radius: 7px;
    transition:0.5s all;
}
#formulario input:hover, #formulario textarea:hover {
    border: 1px solid var(--color1);

}
#formulario textarea {
    height: 70px;
}
#formulario input[type="submit"]{
	color: var(--color1);
	background: var(--color6);
	padding: 0.65em 1.8em;
	font-size: .9em;
	text-decoration: none;
    letter-spacing: 1px;
	border: 1px solid var(--color1);
	outline:none;
	transition:0.5s all;
	cursor: pointer;
	border-radius: 7px;
	text-transform: uppercase;
	margin: 10px auto;

}

#formulario input[type="submit"]:hover{
	color: var(--color5);
    background: var(--color1);
}
.interna img {
    width: 100%;
    display: block;
}
.campo {
    margin: 10px 0 5px 0;
}
/* desde TABLET*/

@media(min-width:768px) {
    .contenedor-columnas {
        display: flex;
        justify-content: space-between;
        align-items: center;  
}
    .left {
        text-align: left;
    }
    .right {
        text-align: right;
    }
    .center {
        text-align: center;
    }
}