.form-input-error{@apply border-red-500 focus:ring-red-500 focus:border-red-500;}.form-error-message{@apply text-red-600 text-sm mt-1;}.whatsapp-button{@apply bg-green-500 hover:bg-green-600 text-white font-bold py-3 px-6 rounded-lg transition-all duration-300 flex items-center justify-center gap-2;}.button-loading{@apply opacity-75 cursor-not-allowed;}.course-info-card{@apply bg-gradient-to-r from-blue-50 to-indigo-50 border border-blue-200 rounded-lg p-4;}.success-message{@apply bg-green-50 border border-green-200 text-green-800 rounded-lg p-4 mb-4;}.error-message{@apply bg-red-50 border border-red-200 text-red-800 rounded-lg p-4 mb-4;}.tooltip{@apply relative inline-block;}.tooltip .tooltip-text{@apply invisible absolute z-10 py-2 px-3 text-sm text-white bg-gray-900 rounded-lg opacity-0 transition-opacity duration-300;bottom:125%;left:50%;margin-left:-60px}.tooltip:hover .tooltip-text{@apply visible opacity-100;}.required-field:after{content:" *";color:#ef4444}@media (max-width: 768px){.form-grid{@apply grid-cols-1;}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.submit-button-loading{@apply relative;}.submit-button-loading:after{content:"";@apply absolute top-1/2 left-1/2 w-5 h-5 border-2 border-white border-t-transparent rounded-full animate-spin;transform:translate(-50%,-50%)}.whatsapp-message-preview{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:20px;padding:20px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;white-space:pre-wrap;max-height:300px;overflow-y:auto;box-shadow:0 10px 30px #25d3664d;border:2px solid #128C7E;position:relative}.whatsapp-message-preview:before{content:"💬 WhatsApp";position:absolute;top:-12px;left:20px;background:#25d366;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;border:2px solid white}.cta-button{@apply inline-flex items-center justify-center px-8 py-4 font-semibold rounded-2xl shadow-lg transform transition-all duration-300;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border:2px solid transparent;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.cta-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 40px #1e293b4d;border-color:#475569}.cta-button:hover:before{left:100%}.cta-button-secondary{@apply inline-flex items-center justify-center px-8 py-4 font-semibold rounded-2xl shadow-lg transform transition-all duration-300;background:#fff;color:#1e293b;border:2px solid #e2e8f0;position:relative;overflow:hidden}.cta-button-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(30,41,59,.05),transparent);transition:left .6s ease}.cta-button-secondary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 40px #0000001a;border-color:#1e293b;background:#1e293b;color:#fff}.cta-button-secondary:hover:before{left:100%}.btn-primary{@apply inline-flex items-center justify-center px-8 py-4 font-semibold rounded-2xl shadow-lg transform transition-all duration-300;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:2px solid transparent;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 40px #f973164d;border-color:#ea580c}.btn-primary:hover:before{left:100%}.btn-secondary{@apply inline-flex items-center justify-center px-8 py-4 font-semibold rounded-2xl shadow-lg transform transition-all duration-300;background:#fff;color:#f97316;border:2px solid #f97316;position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(249,115,22,.1),transparent);transition:left .6s ease}.btn-secondary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 40px #f9731633;background:#f97316;color:#fff}.btn-secondary:hover:before{left:100%}.btn-outline{@apply inline-flex items-center justify-center px-8 py-4 font-semibold rounded-2xl transform transition-all duration-300;background:transparent;color:#1e293b;border:2px solid #1e293b;position:relative;overflow:hidden}.btn-outline:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(30,41,59,.1),transparent);transition:left .6s ease}.btn-outline:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 40px #1e293b1a;background:#1e293b;color:#fff}.btn-outline:hover:before{left:100%}.btn-glass{@apply inline-flex items-center justify-center px-8 py-4 font-semibold rounded-2xl transform transition-all duration-300;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.btn-glass:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.btn-glass:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 40px #0003;background:#fff3;border-color:#ffffff4d}.btn-glass:hover:before{left:100%}.whatsapp-send-button{@apply inline-block font-bold py-4 px-8 rounded-full uppercase tracking-wider shadow-lg transform transition-all duration-300;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;@apply hover:scale-105 hover:shadow-xl focus:outline-none focus:ring-4 focus:ring-green-300;border:none;position:relative;overflow:hidden}.whatsapp-send-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.whatsapp-send-button:hover:before{left:100%}.preview-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;padding:20px;border:2px solid #e2e8f0;box-shadow:0 8px 25px #0000001a}.preview-title{@apply font-bold text-slate-700 mb-4;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:18px}.whatsapp-message-preview::-webkit-scrollbar{width:8px}.whatsapp-message-preview::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.whatsapp-message-preview::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.whatsapp-message-preview::-webkit-scrollbar-thumb:hover{background:#ffffff80}@keyframes pulse-whatsapp{0%,to{box-shadow:0 0 #25d366b3}50%{box-shadow:0 0 0 10px #25d36600}}.whatsapp-send-button{animation:pulse-whatsapp 2s infinite}.whatsapp-icon{@apply inline-block w-5 h-5 mr-2;filter:brightness(0) invert(1)}.button-container{@apply flex gap-4;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px;border-radius:15px;border:1px solid #e2e8f0;box-shadow:0 4px 15px #0000000d}.form-field-group{@apply relative;}.form-field-group label{@apply flex items-center;}.form-field-group input:focus,.form-field-group textarea:focus{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.form-field-group input::placeholder,.form-field-group textarea::placeholder{@apply text-slate-400;transition:all .3s ease}.form-field-group input:focus::placeholder,.form-field-group textarea:focus::placeholder{@apply text-slate-300;transform:translate(5px)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.gallery-item{position:relative;overflow:hidden;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.gallery-item:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.1)}.scroll-nav{position:fixed;right:1.5rem;bottom:1.5rem;z-index:40;display:flex;flex-direction:column;align-items:center;gap:.5rem}.scroll-nav button{width:3rem;height:3rem;border-radius:50%;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.scroll-nav button:hover{transform:scale(1.1)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.lightbox-content{position:relative;max-width:90vw;max-height:90vh}.lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.scroll-nav{right:1rem;bottom:1rem}.scroll-nav button{width:2.5rem;height:2.5rem}}.course-card{position:relative;overflow:hidden;border-radius:1rem;box-shadow:0 10px 25px #0000001a;transition:all .5s ease;background:#fff}.course-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003}.course-card .image-section{position:relative;height:33.333%;overflow:hidden}.course-card .background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .7s ease}.course-card:hover .background-image{transform:scale(1.1)}.course-card .image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3}.course-card .title-overlay{position:relative;z-index:10;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.course-card .title{font-size:1.125rem;font-weight:700;color:#fff;text-align:center;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.5)}.course-card .content-section{padding:1.5rem;height:66.667%;display:flex;flex-direction:column}.course-card .category-badge{display:inline-block;padding:.25rem .75rem;background:#dbeafe;color:#1e40af;border-radius:9999px;font-size:.75rem;font-weight:600;margin-bottom:1rem;width:fit-content}.course-card .description{font-size:.875rem;color:#64748b;margin-bottom:1rem;line-height:1.5;flex-grow:1}.course-card .info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.course-card .info-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.course-card .info-icon{width:1rem;height:1rem;color:#3b82f6}.course-card .action-button{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem 1rem;background:#2563eb;color:#fff;font-weight:600;border-radius:.5rem;transition:all .3s ease;text-decoration:none;border:none;cursor:pointer}.course-card .action-button:hover{background:#1d4ed8;transform:translateY(-1px)}.course-card .action-button .icon{margin-left:.5rem;transition:transform .3s ease}.course-card .action-button:hover .icon{transform:translate(.25rem)}@media (max-width: 768px){.course-card{height:380px}.course-card .content-section{padding:1rem}.course-card .title{font-size:1rem}.course-card .description{font-size:.8rem}}