.home-page{padding:20px;background:linear-gradient(180deg,#d5d5d5,#dfdcdc 35%,#b5b5b5);min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:20px}.home-video-card{position:relative;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;overflow:hidden;display:flex;justify-content:center;flex-direction:column;align-items:center;max-width:750px;min-width:150px;height:auto;padding:15px;transition:all .3s ease-in-out;border:2px solid transparent}.status-indicator{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background-color:gray;display:flex;align-items:center;justify-content:center;font-size:16px;color:transparent;font-weight:700;transition:all .3s ease-in-out;cursor:default}.completed{background-color:green;content:"✔";color:#fff}.page-title{font-size:24px;font-weight:700;color:#322b80;text-shadow:0px 2px 4px rgba(50,43,128,.3);text-align:center}.home-icon-container{display:flex;justify-content:space-around;gap:10px;margin-top:10px}.home-icon-link{text-decoration:none;font-size:18px;color:#fff;background:#007bff;padding:10px 15px;border-radius:5px;transition:background .3s}.home-icon-link:hover{background:#0056b3}.home-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;max-width:1200px;animation:galleryFadeIn 1s ease-in-out}@media (max-width: 336px){.home-video-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.home-page{padding:10px}}.induction-completed-label{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;padding:12px 20px;border-radius:30px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #0003;display:inline-flex;align-items:center;gap:10px;animation:popIn .6s ease-out;transition:all .3s ease;position:relative}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.locked:before{content:"🔒 Bloqueado";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;color:#fff;background:#00000080;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);padding:15px 25px;border-radius:10px;box-shadow:0 4px 6px #0003;z-index:2}.locked:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.locked *{-webkit-user-select:none;user-select:none}.unlocked{cursor:pointer}.unlocked:hover{transform:scale(1.05)}.video-card{position:relative;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;overflow:hidden;display:flex;justify-content:center;flex-direction:column;align-items:center;max-width:750px;min-width:200px;height:auto}.pptx-card{width:750px;height:60vh;border:none;margin:20px 0;box-shadow:0 4px 8px #0003;transition:all .3s ease-in-out}.loading-message{position:absolute;color:#333;font-size:16px;font-weight:700;background:#fffc;padding:10px 20px;border-radius:6px;animation:fadeIn .5s ease-in-out}.hidden{display:none}.video-player{width:100%;height:auto;border:none;opacity:0;transition:opacity .5s ease-in-out}.video-player:not(.hidden){opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.pptx-card{height:50vh;width:400px}}@media (max-width: 420px){.pptx-card{width:100%;height:50vh}.video-card{width:100%;height:auto}}.video-page{padding:50px;background:linear-gradient(180deg,#d5d5d5,#dfdcdc 35%,#b5b5b5);min-height:80vh;display:grid;grid-template-columns:1fr;gap:20px;justify-items:center;align-items:start;animation:galleryFadeIn 1s ease-in-out}@media (max-width: 480px){.video-page{padding:0}}.nav-button{display:inline-block;padding:10px 20px;margin:10px;font-size:16px;font-weight:700;text-align:center;color:#fff;background-color:#007bff;border:none;border-radius:6px;text-decoration:none;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #0000001a}.nav-button:hover{background-color:#0056b3;transform:scale(1.05)}.nav-button:active{background-color:#003d80;transform:scale(.95)}.button-container{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap}.survey-page{padding:50px;background:linear-gradient(180deg,#d5d5d5,#dfdcdc 35%,#b5b5b5);min-height:80vh;display:flex;flex-direction:column;align-items:center;gap:20px;animation:galleryFadeIn 1s ease-in-out}.survey-iframe{width:100%;max-width:750px;height:70vh;border:none;box-shadow:0 4px 8px #0003;border-radius:10px;transition:all .3s ease-in-out}@keyframes galleryFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.survey-iframe{height:60vh;max-width:100vw;border-radius:0}.survey-page{padding:50px 0}}.login-body{background:#d5d5d5;background:linear-gradient(180deg,#d5d5d5,#dfdcdc 35%,#b5b5b5);align-items:center;min-height:100vh;display:flex;justify-content:center}.logo img{width:300px}.login-card{align-items:center;display:flex;justify-content:center}.login-container{align-content:center;box-shadow:0 8px 16px #322b80e6,0 4px 8px #1500ffe6;text-align:center;width:100%;overflow:hidden}.login-form{padding:10px;background-color:#f9f9f9}.login-title{font-size:16px;margin-bottom:10px;margin-top:40px;color:#322b80}.login-content{display:flex;flex-direction:column;gap:15px;padding-top:10px;height:70%}.login-content div{margin-bottom:10px}.login-content label{display:block;text-align:left;font-size:18px;font-weight:500;margin-bottom:5px}.login-content input{width:100%;padding:10px;font-size:17px;font-weight:400;margin-bottom:10px;border:1px solid #ddd;border-radius:8px;transition:all .3s ease}.login-content input:focus{outline:none;border-color:#322b80;box-shadow:0 0 5px #1500ffd8}.login-button{margin-top:20px}.login-button button{max-width:300px;width:100%;padding:10px;font-size:16px;color:#fff;background-color:#322b80;background:linear-gradient(280deg,#322b80cc 20%,#1500ff7f);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease-in-out}.login-button button:hover{background-color:#322b80;box-shadow:0 1px 16px #1500ff}.login-info{background:#322b80;background:linear-gradient(0deg,#322b80cc 20%,#1500ff7f);padding:20px;border-top:1px solid #ddd}.login-info-title{color:#f1f0ff;font-size:18px;font-weight:700;margin-bottom:10px}.login-info-content p{color:#f1f0fa;font-size:17px;line-height:1.6;margin:0}@media (min-width: 468px) and (max-width: 767px){.login-container{border-radius:12px;width:80%;margin:20px}.login-info{border-radius:0 0 12px 12px}}@media (min-width: 768px){.login-container{display:flex;width:96vw;max-width:925px;height:450px;border-radius:12px}.login-form{width:50%;border:none}.login-title,.login-info-title{margin:0;height:30%;align-content:center}.login-content,.login-info-content{height:70%}.login-info{width:50%;border:none;border-radius:0;align-content:center}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#d5d5d5;background:linear-gradient(180deg,#d5d5d5,#f0f0f0,#b5b5b5)}.loading-spinner{width:80px;height:80px;border:5px solid #c4c4c4b9;border-top:5px solid rgb(50,43,128);background-color:transparent;border-radius:50%;box-shadow:0 0 10px #322b80b3;animation:spin .8s cubic-bezier(.5,.2,.3,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:15px;font-size:18px;font-weight:700;color:#322b80;text-shadow:0 1px 3px rgba(0,0,0,.3)}.navbar{display:flex;justify-content:space-between;align-items:center;background:#322b80;background:linear-gradient(60deg,#322b80,#d67c1cd9);padding:10px 20px;box-shadow:0 4px 4px #322b804d;font-family:Arial,sans-serif;min-height:20vh}.navbar-section{display:flex;align-items:center}.navbar-left{flex:1;justify-content:flex-start;gap:20px}.navbar-center{flex:2;justify-content:center}.navbar-right{flex:1;justify-content:flex-end}.navbar-logo{max-width:300px;width:100%}.nav-link{text-decoration:none;color:#f1f0fa;font-size:18px;font-weight:500;padding:10px 15px;border-radius:8px;background:transparent;border:0;cursor:pointer;transition:all .3s ease-in-out;display:flex;align-items:center}.nav-link:hover{background-color:#5247c2;color:#fff;box-shadow:0 2px 10px #1500ff80}.nav-link.active{color:#fff;font-weight:600;background-color:#5147c2cc;box-shadow:0 2px 16px #1500ffcc}.dropdown-container{position:relative;display:inline-block}.dropdown-trigger{background:transparent;border:none;cursor:pointer}.user-button{color:#f1f0fa;font-size:52px;padding:10px 15px;border-radius:8px;transition:all .3s ease-in-out;display:flex;align-items:center}.user-button:hover{background-color:#5247c2;box-shadow:0 2px 10px #1500ff80}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;padding:10px 0;min-width:200px;z-index:1000;display:flex;flex-direction:column;gap:5px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.dropdown-menu.show{opacity:1;visibility:visible}.navbar-left .dropdown-menu{right:auto;left:0}.dropdown-item{padding:10px 15px;color:#333;text-align:left;width:100%;font-size:16px;font-weight:500;border:none;background:transparent;cursor:pointer;transition:background .3s ease-in-out;text-decoration:none;display:block}.dropdown-item:hover{background-color:#f0f0f0}.dropdown-item.active{background-color:#f0f0f0;color:#5247c2;font-weight:600}.dropdown-item.logout{color:#971212;display:flex;align-items:center;gap:8px}.user-name{font-weight:600;border-bottom:1px solid #eee;margin-bottom:5px;padding-bottom:10px}@media (max-width: 767px){.navbar{flex-direction:column;padding:15px;gap:15px}.navbar-section{width:100%;justify-content:center}.navbar-center{order:-1;margin-bottom:15px}.navbar-left,.navbar-right{justify-content:center}.nav-link{font-size:16px;padding:8px 12px}.user-button{font-size:42px;padding:8px 12px}.dropdown-menu{left:50%;right:auto;transform:translate(-50%);min-width:150px}.dropdown-item{font-size:14px;padding:8px 10px}}.register-user-page{padding:20px;background:linear-gradient(180deg,#d5d5d5,#dfdcdc 35%,#b5b5b5);min-height:100vh;display:flex;flex-direction:column;gap:20px;align-items:center}.page-title{font-size:24px;font-weight:700;color:#322b80;text-align:center;text-shadow:0px 2px 4px rgba(50,43,128,.3)}.add-user-button{padding:10px 20px;font-size:16px;font-weight:500;color:#fff;background:linear-gradient(280deg,#322b80cc 20%,#1500ff80);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease-in-out}.add-user-button:hover{background-color:#322b80;box-shadow:0 1px 16px #1500ff}.add-user-form{display:flex;flex-direction:column;gap:15px;width:100%;max-width:400px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0003}.add-user-form input,.add-user-form select{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.user-table{width:100%;max-width:1200px;border-collapse:collapse;box-shadow:0 8px 16px #322b8033;background-color:#f9f9f9;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-header{background:#322b80;background:linear-gradient(60deg,#322b80,#d67c1cd9);color:#fff}.header-cell{padding:10px;font-size:16px;font-weight:700;text-align:left;word-wrap:break-word}.table-body .table-row:nth-child(2n){background-color:#f1f1f1}.table-body .table-row:nth-child(odd){background-color:#fff}.row-cell{padding:10px;font-size:15px;color:#333;text-align:left}.editing-row{background-color:#322b801a;transition:background-color .3s ease-in-out}.edit-input{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:6px;width:100%}.edit-input:focus{border-color:#322b80;outline:none;box-shadow:0 0 4px #322b8080}.edit-button,.delete-button{padding:5px 10px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease-in-out}.edit-button{background-color:#322b80;color:#fff}.edit-button:hover{background-color:#322b80e6;box-shadow:0 2px 8px #1500ff80}.delete-button{background-color:#971212;color:#fff}.delete-button:hover{background-color:#971212e6;box-shadow:0 2px 8px #97121280}.save-button,.cancel-button{margin:5px;padding:8px 12px;border:none;border-radius:6px;font-size:14px;cursor:pointer}.save-button{background-color:#322b80;color:#fff}.save-button:hover{background-color:#322b80e6}.cancel-button{background-color:#bbb;color:#fff}.cancel-button:hover{background-color:#999}.error-message{color:#971212;font-size:12px;margin-top:5px}@media (max-width: 1000px){.user-table{width:100%;overflow-x:auto;display:block}.header-cell,.row-cell{font-size:14px;padding:8px;word-wrap:break-word}.add-user-button{font-size:14px;padding:8px 16px}.add-user-form{width:100%;max-width:100%;padding:15px}.add-user-form input,.add-user-form select{padding:8px;font-size:12px}.save-button,.cancel-button,.edit-button,.delete-button{font-size:12px;padding:6px 10px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif;font-weight:500}body{background-color:#f4f4f4;line-height:1.6}.messageError{color:#c00;font-size:14px;text-align:left;padding-left:15px}.survey-locked{pointer-events:none;opacity:.6;cursor:not-allowed;text-decoration:none}