/* Estilos adicionales para efectos sutiles */
.hero-bg {
    background-image: url('/images/pergolabioclimatica.jpg');
    background-size: cover;
    background-position: center;
}

.hero-bg-el-puerto {
    background-image: url('/images/el-puerto.jpg');
    background-size: cover;
    background-position: center;
}

.hero-pergola-bg-puerto {
    background-image: url('/images/pergola-puerto.jpg');
    background-size: cover;
    background-position: center;
}

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}

.hero-pergola-bg {
    background-image: url('images/pergolabioclimatica.jpg');
    background-size: cover;
    background-position: center;
}

.hero-cristal-bg {
    background-image: url('/images/cortinas-de-crital-barandilla.jpg');
    background-size: cover;
    background-position: center;
}

.hero-techos-bg {
    background-image: url('/images/techomotorizado.jpg');
    background-size: cover;
    background-position: center;
}

.hero-terrazas-bg {
    background-image: url('/images/cerramiento-terraza-zona-chapin.jpg');
    background-size: cover;
    background-position: center;
}

.hero-ventanas-bg {
    background-image: url('/images/venatanas-aluminio.jpg');
    background-size: cover;
    background-position: center;
}

.prose-custom a {
    color: #1e3a8a;
    text-decoration: underline;
    font-weight: 600;
}

.prose-custom a:hover {
    color: #f59e0b;
}

.prose-custom blockquote {
    border-left-color: #f59e0b;
}