#contenedor{
    width:95%;
    max-width: 1280px; 
    margin: auto;
}

body{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Header */
header{
	display:flex;
	justify-content:space-between;
}

h1{
	font-size:2rem;
	font-family:'Arial Black', Gadget, sans-serif;
}

/* Enlaces (Móvil: vertical) */
nav{
	text-align: right;
}

nav a{
	margin-left: 1rem;
	padding: 0.2rem 0;
	display: block; /* Estilo por defecto para móvil (vertical) */
}

a:link, a:visited{
	color: rgb(86, 42, 42);
	text-decoration: none;
}

a:hover, a:active{
	color: #a78871;
}

picture img{
	max-width: 100%;
	height: auto;
}

#Razaspeligrosasdeperros{
	background-color:#f5d6bf;
	margin-top: 1rem;
}

/* Parte de abajo - Estilos base para móvil */
.razas article{
	margin-top: 1rem;
	background-color:#b7afaa;
	overflow: hidden;
}

article{
	padding:1rem;
}

article img{
	float:left;
	margin-right: 0.8rem;
}

h2{
	font-size:1rem;
}

p{
	font-size:0.9rem;
	line-height:1.2rem;
	color:#060606;
}

/* footer */
footer{
	font-size:1rem;
	border-bottom:solid 1px #BFBABA;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

/* MEDIA QUERY: ESCRITORIO (min-width) */

@media screen and (min-width: 850px){
	
	/* Contenedor más estrecho */
    #contenedor{
		width:80%;
	}
	
	/* Header: align-items: baseline solo para escritorio */
	header{
		align-items: baseline;
	}
	
	/* Navegación: horizontal para escritorio */
    nav a {
        display: inline; 
    }
	
    .razas { 
        display:flex;
        flex-flow:row nowrap;
        justify-content: space-between;
        align-items: stretch;
        gap:1rem 1rem;
    }
}