.fapsgal-banner-container {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: 15px;
padding: 40px 20px;
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
text-align: center;
border: 1px solid #dee2e6;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
max-width: 900px;
margin: 20px auto;
}
.fapsgal-title {
color: #2c3e50;
font-size: 28px;
margin-bottom: 10px;
font-weight: 800;
}
.fapsgal-subtitle {
color: #5a6268;
font-size: 18px;
margin-bottom: 30px;
}
.fapsgal-features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-bottom: 35px;
}
.fapsgal-card {
background: white;
padding: 20px;
border-radius: 12px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
border-bottom: 4px solid #007bff; /* Color corporativo azul */
}
.fapsgal-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.fapsgal-icon {
font-size: 30px;
display: block;
margin-bottom: 10px;
}
.fapsgal-card h3 {
font-size: 16px;
color: #333;
margin-bottom: 8px;
font-weight: 700;
}
.fapsgal-card p {
font-size: 14px;
color: #666;
line-height: 1.4;
}
.fapsgal-button {
display: inline-block;
background-color: #e63946; /* Rojo acción */
color: white !important;
padding: 18px 35px;
font-weight: bold;
text-decoration: none !important;
border-radius: 50px;
font-size: 18px;
transition: background 0.3s ease, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
box-shadow: 0 4px 15px rgba(230, 57, 70, 0.4);
}
.fapsgal-button:hover {
background-color: #c12a36;
transform: scale(1.05);
}
.fapsgal-footer {
margin-top: 20px;
font-size: 13px;
color: #999;
font-style: italic;
}
/* Responsive */
@media (max-width: 600px) {
.fapsgal-title { font-size: 22px; }
.fapsgal-features { grid-template-columns: 1fr; }
}
Publicado mayo 8, 2023