Maquilladora profesional en Jerez y Cádiz especializada en novias de estilo natural.
/* Contenedor Principal */
.perfil-almudena {
padding: 25px 15px;
text-align: center;
background-color: #ffffff;
border: 1px solid #F3E3E3; /* Color crema de tu paleta */
border-radius: 8px;
}
/* Imagen de Perfil - Tamaño Mayor */
.img-perfil-novia {
width: 180px; /* Tamaño aumentado */
height: 180px;
border-radius: 50%;
object-fit: cover;
border: 4px solid #E6C5C7; /* Rosa suave */
margin-bottom: 20px;
transition: all 0.4s ease;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.img-perfil-novia:hover {
transform: scale(1.03);
border-color: #D0B264; /* Cambia a dorado al pasar el ratón */
}
/* Texto de Biografía */
.bio-texto {
font-family: 'Times New Roman', Times, serif;
font-size: 17px;
color: #24010A; /* Granate oscuro */
line-height: 1.5;
margin-bottom: 12px;
font-style: italic;
}
/* Enlace Sobre Mí */
.link-historia {
display: inline-block;
text-decoration: none;
color: #D0B264; /* Dorado */
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 20px;
border-bottom: 1px solid #D0B264;
padding-bottom: 3px;
}
/* Contenedor Redes Sociales */
.social-grid {
display: flex;
justify-content: center;
gap: 12px;
margin-bottom: 25px;
flex-wrap: wrap;
}
.social-grid img {
width: 26px;
height: 26px;
/* Filtro para teñir iconos de color Granate #740211 */
filter: invert(10%) sepia(87%) saturate(4644%) hue-rotate(345deg) brightness(85%) contrast(108%);
transition: transform 0.3s ease;
}
.social-grid a:hover img {
transform: translateY(-3px);
filter: invert(72%) sepia(21%) saturate(958%) hue-rotate(11deg) brightness(92%) contrast(88%); /* Cambia a dorado */
}
/* Botón de Llamada a la Acción (CTA) */
.btn-cita {
display: block;
background-color: #740211; /* Granate potente de tu paleta */
color: #ffffff !important;
text-decoration: none;
padding: 14px 20px;
border-radius: 5px;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1px;
transition: background 0.3s ease;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.btn-cita:hover {
background-color: #24010A; /* Granate más oscuro al pulsar */
text-decoration: none;
}
Created with by ThemeXpose | Free Blogger Templates
