#paleta
{
 width: 200px;
 height: 200px;
 position:fixed;
}
body
{
 background-color:#B8CBCF;
 color: #222;
 margin:0;
 font-family: Arial, sans-serif;
}

.contenedor
{
    max-width:600px;
	width:100%;
    margin:0 auto;
    padding:20px;
    background:#EDE2F0;
	border-radius:10px;
	box-sizing: border-box;
	
}
.btn
{
 padding: 8px 8px 8px 8px;	
 background-color:#EDE2F0;
}

.btn:hover
{
 background-color:#BCC9CF;
}

h1{
    margin-top:0;
}

.imagen-redonda
{
  width: 200px;
  max-width: 600px;
  border-radius: 10px;
  object-fit: cover; /* Ajusta la imagen sin deformarla */
}

li {
margin:10px;
}

.contacto
{
 width: 200px;
 height:200px;
 background-color: #B9CBCF;
display: inline-block;
margin-left: 250px;
margin-top: -250px; 
}
ul
{
 list-style: none;	
}

.bloque
{
 display:flex;
 align-items: flex-start;
 flex-direction: column;
 text-align: center;
 gap:15px; 
 min-width:0;
}

.bloque img
{
 width: 120px;
 height:auto;	
}

.texto
{
 padding-top: 5px;	
}
.texto h2
{
 margin-bottom:8px;
color: #F40E8A;
}

.texto p 
{
 margin-bottom:10px;
 line-height: 1.5; 
}
.rosa
{
 color: #F40E8A;
}
.marron
{
 color: #784412;	
}

.icono
{
 max-width:50px;
 max-height:50px; 
 cursor: pointer;
 padding-left: 10px; 
}

.flota
{
 float: left;	
}

iframe
{
 margin-top:45px;	
}

.redes
{
margin: 0 auto;
text-align:center; 
}

.logo
{
text-align: center;
background-color: #F40E8A;
width:200px;
height: 200px;
border-radius:10px;
margin: 0 auto; 
text-align: center;
vertical-align: bottom;
background-image: url("bella.jpg");
 background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}