:root { --accent: #f24286; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(36, 36, 41, 1), -10px 10px rgba(36, 36, 41, 0.2), -10px -10px rgba(36, 36, 41, 1), 10px -10px rgba(36, 36, 41, 0.2); } 25% { box-shadow: -10px 10px rgba(36, 36, 41, 0.2), -10px -10px rgba(36, 36, 41, 1), 10px -10px rgba(36, 36, 41, 0.2), 10px 10px rgba(36, 36, 41, 1); } 50% { box-shadow: -10px -10px rgba(36, 36, 41, 1), 10px -10px rgba(36, 36, 41, 0.2), 10px 10px rgba(36, 36, 41, 1), -10px 10px rgba(36, 36, 41, 0.2); } 75% { box-shadow: 10px -10px rgba(36, 36, 41, 0.2), 10px 10px rgba(36, 36, 41, 1), -10px 10px rgba(36, 36, 41, 0.2), -10px -10px rgba(36, 36, 41, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #ffffff }/* Estilo para el contenedor del formulario */ .elementor-form { background-color: #f9f9f9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); margin-bottom: 20px; } /* Estilo para los campos de entrada */ .elementor-field { background-color: #fff; border: 1px solid #ddd; padding: 12px; border-radius: 5px; width: 100%; box-sizing: border-box; margin-bottom: 15px; transition: border-color 0.3s ease; } .elementor-field:focus { border-color: #3498db; box-shadow: 0 0 5px rgba(52, 152, 219, 0.5); outline: none; } /* Estilo para las etiquetas */ .elementor-field-label { font-size: 14px; color: #333; margin-bottom: 5px; display: block; } /* Estilo para el botón de envío */ .elementor-button { background-color: #3498db; color: #fff; padding: 12px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; transition: background-color 0.3s ease; width: 100%; } .elementor-button:hover { background-color: #2980b9; } /* Estilo para los mensajes de error */ .elementor-message { font-size: 14px; color: red; margin-top: 10px; } /* Ajuste del espacio entre campos */ .elementor-field-group { margin-bottom: 20px; }