h1{
    padding: 20px; /* Más espacio para un título largo */
    display: inline-block;
    text-align: center; /* Centra el texto dentro del fondo */
    font-size: 24px; /* Tamaño adecuado para frases largas */
    font-weight: bold;
    max-width: 80%; /* Para que no se extienda demasiado */
    line-height: 1.4; /* Mejora la legibilidad */

    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-style: normal;

    background: rgba(255, 255, 255, 0.05); /* Transparencia mínima */
    -webkit-backdrop-filter: blur(15px); /* Desenfoque leve */
    backdrop-filter: blur(15px);
    color: white;
    padding: 12px 20px;
    border-radius: 12px; /* Bordes suaves */
    display: inline-block;
  }
  h2 {
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-style: normal;
  }

  body{
    font-family: "Roboto Condensed", serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
  }
 

#contenedor{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:1;
}
.centrado{
    width: 100%;
    max-width: 1000px;
    margin:0% auto;

}/*este estilo modifica el centrado*/

.centrado p{ 
    color:#3e1c1c;
font-size: 1.5em;}

#centradosumario p{ 
    color:#3e1c1c;
font-size: 2em;}

#centradosumario
{
    width: 100%;
    max-width: 1000px;
    margin:0% auto;
}
/*este estilo modifica el centrado del divisor*/

.fotogr img{
    width: 100%;
}/*este estilo modifica el tamaño de la foto*/

nav a {
    color:#be826a; /* Cambia el color del enlace */
    text-decoration: none; /* Quita el subrayado opcionalmente */
}

/* Cuando el enlace ya ha sido visitado */
nav a:visited {
    color:#be826a; /* Cambia el color después de hacer clic */
}

a { /* hipervinculos texto */
    text-decoration: none; /* Quita el subrayado opcionalmente */
    color: purple;
}

/* Cuando pasas el mouse por encima */
a:hover {
    color: #8880a9; /* Cambia el color al pasar el mouse */
}

/* Cuando el enlace ya ha sido visitado */
a:visited {
    color: purple; /* Cambia el color después de hacer clic */
}


#titulo{
position:absolute;
top:45%;
left:20%;
z-index: 2;
}
#titulo h1{
    color:#ffffff;
    font-size: 3vw;
    
}
h2{
    color: #be826a;
    font-size: 3vw;
    
}
nav {

     width: 100%;
    position: fixed;
    background-color: #8880a9;
    height: 60px;
    top: 0%;
    left: 0%;
    z-index: 3;
    padding-top: 20px;
    text-align: center;
}/*este estilo modifica el menu*/

nav img{
    float: left; 
    margin-top: -30px;
}

nav a{
    text-decoration: none;
    color: #503429;
    margin-left: 140px;
    float:left;

}/*este estilo modifica las a del menu*/

#centrarmenu {
    width:1000px ;
    margin: 0 auto;
    margin-top: 5px;
}
footer{
    width: 100%;
    height: 100px;
    background-color: #8880a9;
    text-align: center;
    padding-top: 20px;

}
footer span{
    color: #503429;
    font-size:2 em ;
}
.fotoypie img{
    width: 100%;

}

.pie{
width: 125;
height: 35px;
background-color: #be826a;
padding-top: 10px;
margin-top: -10px;
}

.pie span {
    color: bisque;
    font-size: 1em;
    margin-left: 10px;
}

html{
scroll-behavior: smooth;   
}

#fotocelular {
    display: none;
}

.sumario  p{ 
    color:#592837;
font-size: 3em;}


/*este estilo modifica las opciones del celular*/


 @media only screen and (max-width: 600px) {
    nav{display:none
    }
#fotocelular {display: block;
}
#fotocomputador {display:none;
}
#titulo {
    position:absolute;
    top:2%;
    left:30%;
    z-index: 2;
 }
    
    #titulo h1{
        color:bisque;
        font-size: 2em;}

    p{margin-left: 10px;
    margin-right:10px ;} 
     
    h2{margin-left: 10px;
        margin-right:10px ;}
  }