/* Estilos para la carga de imágenes de fondo */
.loading-bg {
    position: relative;
    background-color: #f0f0f0;
}

.loading-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    animation: loading-shimmer 1.5s infinite;
}

.bg-error {
    position: relative;
    background-color: #fee;
}

.bg-error::after {
    content: '⚠️';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
}

@keyframes loading-shimmer {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

/* Padding solo para pantallas de escritorio (mayor a 768px) */
@media screen and (min-width: 768px) {
    /* Estilos específicos para el texto "¿Por qué confiar en CUREN?" */
    .elementor-element.elementor-element-d197a90.elementor-widget-text-editor .elementor-widget-container {
        padding-left: 40px;
        padding-right: 40px;
    }

    /* Centrar botón específico en escritorio */
    .elementor-widget.elementor-widget-button.elementor-element-6ceef65 {
        margin: 0 auto;
        width: 100%;
    }
    
    .elementor-widget.elementor-widget-button.elementor-element-6ceef65 .elementor-widget-container {
        display: flex;
        justify-content: center;
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* Alineación izquierda en móvil */
@media screen and (max-width: 767px) {
    .elementor-widget.elementor-widget-button.elementor-element-6ceef65 .elementor-widget-container {
        display: flex;
        justify-content: flex-start;
    }
} 