.ia-login-required { background: #FFFFFF; border-radius: 16px; box-shadow: 0 8px 32px rgba(0, 28, 60, 0.15); max-width: 500px; width: 100%; text-align: center; padding: 50px 30px; margin: 0 auto; } .ia-login-required .message-icon { width: 80px; height: 80px; margin: 0 auto 24px; background: rgba(0, 28, 60, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .ia-login-required .message-icon svg { width: 40px; height: 40px; stroke: #001C3C; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .ia-login-required h2 { font-size: 24px; font-weight: 700; color: #001C3C; margin-bottom: 16px; } .ia-login-required p { font-size: 16px; color: #6b7280; margin-bottom: 32px; line-height: 1.5; } .ia-login-required .btn-action { display: inline-block; background: linear-gradient(135deg, #001C3C 0%, #003366 100%); color: #FFFFFF; padding: 14px 40px; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 15px; transition: all 0.3s ease; } @media (max-width: 480px) { .ia-login-required { padding: 40px 20px; } }

Bienvenido

Inicia sesión o regístrate para acceder al contenido.

[user_registration_login]
[user_registration_form id="687"]
.ia-tabs { display: flex; justify-content: center; margin-bottom: 20px; border-bottom: 2px solid #e5e7eb; } .ia-tab-btn { background: none; border: none; padding: 10px 20px; font-size: 16px; font-weight: 600; color: #6b7280; cursor: pointer; position: relative; transition: all 0.3s ease; } .ia-tab-btn.active { color: #001C3C; } .ia-tab-btn:hover { color: #001C3C; } .ia-tab-btn.active::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #001C3C; } .ia-tab-content { display: none; animation: fadeIn 0.3s ease; } .ia-tab-content.active { display: block; } @keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } } function switchIaTab(tabName, btn) { var container = btn.closest('.ia-login-required'); var contents = container.querySelectorAll('.ia-tab-content'); var buttons = container.querySelectorAll('.ia-tab-btn'); contents.forEach(function (el) { el.classList.remove('active'); }); buttons.forEach(function (el) { el.classList.remove('active'); }); container.querySelector('#ia-tab-' + tabName).classList.add('active'); btn.classList.add('active'); }