/* INDEX
------variables------
------layout------
------tipografia------
------menu------
------formulario------
------footer------
*/
/* ------variables------ */
:root {
    --primario: #F2AA6B;
    --secundario: #66CDD9;
    --terciario: #264F73;
    --cuarto: #BF7D56;
    --quinto: #3285A6;
    --encabezados: "Courgette", cursive;
    --texto-general: "Libre Baskerville", serif;
    scroll-behavior: smooth;
}

/* ------layout------ */
header {
	position: fixed;
	background-color: white;
	width: 100%;
	left: 0;
	padding: 0 20px;
	box-shadow: 0 5px 5px 0 #4f322040;
    z-index: 100;
}
nav {
	display: flex;
	align-items: center;
}
#equipo h3{
    padding: 20px;
    text-align: center;
    margin: 0;
}
.fondo-cuarto{
    background-color: var(--cuarto);
    
}
.fondo-terciario{
    background-color: var(--terciario);
    color: var(--secundario); 
}

.fondo-primario{
    background-color: var(--primario);
    color: var(--terciario);
}
.fondo-primario h2, .fondo-primario h3, .fondo-primario h4, .fondo-primario h5, .fondo-primario h6{
    color: var(--terciario);
}
.titulo{
    padding: 20px;
    text-align: center;
    margin-bottom: 30px; 
}
#sobre-mi {
	padding-top: 190px;
}
#servicios dd{
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 40px;
    margin: 0 0 10px 0;
    padding-left: 50px;
}
#servicios :nth-child(2) dd:nth-child(2){
    background-image: url(img/icon-pintura.png);
}
#servicios :nth-child(2) dd:nth-child(4){
    background-image: url(img/icon-anatomia.png);
}
#servicios :nth-child(2) dd:nth-child(6){
    background-image: url(img/icon-arquitectura.png);
}
#servicios :nth-child(2) dd:nth-child(8){
    background-image: url(img/icon-filosofia.png);
}
#servicios :nth-child(3) dd:nth-child(2){
    background-image: url(img/icon-musica.png);
}
#servicios :nth-child(3) dd:nth-child(4){
    background-image: url(img/icon-escritura.png);
}
#servicios :nth-child(3) dd:nth-child(6){
    background-image: url(img/icon-ingenieria.png);
}
#servicios :nth-child(3) dd:nth-child(8){
    background-image: url(img/icon-urbanismo.png);
}
#servicios dt{
    padding-left: 40px;
    font-family: var(--encabezados);
    font-size: 26px;
}
#arriba {
	position: fixed;
	right: 30px;
	bottom: 30px;
	width: 60px;
	height: 60px;
	background-image: url(img/arriba.png);
}
#arriba:hover {
    background-image: url(img/arriba-hover.png);
}
#sobre-mi img {
	height: 100%;
	object-fit: cover;
}
/* ------tipografia------ */
body {
    font-family: var(--texto-general);
    font-size: 14px;
    color: var(--terciario);
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--encabezados);
    color: var(--secundario);
}

h1 {
    font-size: 46px;
    font-style: italic;
    font-weight: 400;
}
strong{
    color: var(--primario);
}
h2 span {
	background-image: url(img/icon-servicios.png);
	background-repeat: no-repeat;
	background-size: contain;
	padding-right: 40px;
	background-position: 100%;
}
.apellido{
    color: var(--terciario);
}
/* ------menu------ */
.menu{
    display: flex;
    list-style-type: none;
}
.menu li{
    margin-right: 30px;
}
.menu a {
    color: var(--primario);
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}
.menu a:hover {
    color: var(--terciario);
    border-bottom:4px solid var(--terciario);
}
a{
text-decoration: none;
color: #264F73;

}
/* ------formulario------ */
/* ------footer------ */