<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>La Roche-Posay ANTHELIOS XL Gel-crema Toque Seco Anti Brillo SPF 50+</title>
<style>
body {
font-family: 'Open Sans', sans-serif;
line-height: 1.7;
margin: 20px;
color: #333;
background-color: #f8f8f8;
}
.product-container {
max-width: 850px;
margin: auto;
padding: 35px;
border: 1px solid #e0e0e0;
border-radius: 15px;
background-color: #ffffff;
box-shadow: 0 8px 25px rgba(0,0,0,0.1);
overflow: hidden;
position: relative;
}
h1 {
color: #0056b3;
text-align: center;
margin-bottom: 28px;
font-size: 2.6em;
font-weight: 700;
letter-spacing: -0.7px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.05);
}
h2 {
color: #007bff;
border-bottom: 3px solid #e9ecef;
padding-bottom: 12px;
margin-top: 35px;
margin-bottom: 20px;
font-size: 2.1em;
font-weight: 600;
text-shadow: 0.5px 0.5px 1px rgba(0,0,0,0.03);
}
p {
margin-bottom: 20px;
font-size: 1.1em;
text-align: justify;
}
ul {
list-style-type: none;
padding-left: 0;
margin-bottom: 25px;
}
ul li {
margin-bottom: 12px;
padding-left: 30px;
position: relative;
font-size: 1.1em;
}
ul li::before {
content: '✅'; /* Checkmark emoji */
position: absolute;
left: 0;
color: #28a745; /* Green color for the checkmark */
font-size: 1.2em;
line-height: 1.6;
}
.highlight {
color: #dc3545; /* Red color for strong emphasis */
font-weight: bold;
}
.button {
display: block;
width: fit-content;
margin: 40px auto 0;
padding: 15px 35px;
background-color: #28a745;
color: white;
text-align: center;
text-decoration: none;
border-radius: 30px;
font-size: 1.3em;
font-weight: bold;
transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
box-shadow: 0 6px 15px rgba(40,167,69,0.3);
}
.button:hover {
background-color: #218838;
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(40,167,69,0.4);
}
.image-container {
float: right;
margin-left: 30px;
margin-bottom: 20px;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.image-container img {
max-width: 300px;
height: auto;
display: block;
}
.clear-float {
clear: both;
}
.formula-note {
font-style: italic;
font-size: 0.95em;
color: #6c757d;
margin-top: 25px;
border-top: 1px dashed #ced4da;
padding-top: 15px;
text-align: center;
}
</style>
</head>
<body>
<div class="product-container">
<h1>La Roche-Posay ANTHELIOS XL Gel-crema Toque Seco Anti Brillo SPF 50+</h1>
<div class="image-container">
<img src="https://via.placeholder.com/300x400?text=Anthelios+XL+Toque+Seco" alt="La Roche-Posay ANTHELIOS XL Gel-crema Toque Seco Anti Brillo SPF 50+">
</div>
<p>Descubre la protección solar de alta gama diseñada específicamente para pieles mixtas a grasas y sensibles con <span class="highlight">La Roche-Posay ANTHELIOS XL Gel-crema Toque Seco Anti Brillo SPF 50+</span>. Este protector solar avanzado ofrece una muy alta protección UVA/UVB mientras controla el brillo y proporciona un acabado seco, ideal para el uso diario.</p>
---
<h2>Protección Solar Superior y Control del Brillo</h2>
<p>Formulado con la reconocida tecnología <span class="highlight">XL-Protect™</span>, este gel-crema proporciona una defensa de amplio espectro contra los rayos solares y el estrés oxidativo causado por la polución y los infrarrojos. Su acción <span class="highlight">anti-brillos</span> lo convierte en la elección perfecta para quienes buscan una piel protegida y matificada durante todo el día.</p>
---
<h2>Características y Beneficios Clave</h2>
<ul>
<li><span class="highlight">Muy Alta Protección SPF 50+:</span> Escudo robusto contra los rayos UVA y UVB para prevenir quemaduras solares, envejecimiento prematuro y daño celular.</li>
<li><span class="highlight">Efecto Toque Seco y Anti Brillo:</span> Su fórmula enriquecida con activos matificantes como la <span class="highlight">Tecnología Airlicium™</span> absorbe el exceso de sebo y sudor, dejando un acabado seco, mate y aterciopelado.</li>
<li><span class="highlight">Resistente al Agua:</span> Mantiene su eficacia incluso después de nadar o sudar, ideal para actividades al aire libre.</li>
<li><span class="highlight">Fórmula Hipoalergénica y No Comedogénica:</span> Testado bajo control dermatológico en pieles sensibles y reactivas, minimiza el riesgo de alergias y no obstruye los poros.</li>
<li><span class="highlight">Textura Ultra-Ligera:</span> Se funde con la piel sin dejar rastros blancos ni sensación pegajosa, proporcionando una base excelente para el maquillaje.</li>
</ul>
<div class="clear-float"></div>
---
<h2>Modo de Uso</h2>
<p>Aplica generosamente el gel-crema sobre el rostro y cuello antes de la exposición solar. Para mantener una protección eficaz, reaplica frecuentemente y en cantidad suficiente, especialmente después de sudar, nadar o secarse con una toalla. Evita el contorno de los ojos. En caso de contacto, enjuaga inmediatamente con abundante agua.</p>
<p class="formula-note"><em>Ideal para pieles mixtas, grasas o con tendencia acnéica. Formulado sin perfume ni parabenos.</em></p>
<a href="#" class="button">¡Consigue tu Protección Solar Matificante!</a>
</div>
</body>
</html>
