:root{--primary:#4CAF50;--danger:#f44336;--bg-color:#f5f5f5;--card-bg:white}.container-form{max-width:500px;margin:0 auto}.card{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden;margin-bottom:20px}.header{text-align:center;padding:20px;border-bottom:1px solid #eee}.header h1{font-size:1.5rem;color:#333;margin-bottom:5px}.content{padding:20px}.auth-container{text-align:center}.pin-input{width:200px;padding:15px;font-size:24px;text-align:center;margin:20px auto;border:2px solid #ddd;border-radius:8px;letter-spacing:5px}.pin-input:focus{outline:none;border-color:#2196F3;box-shadow:0 0 0 3px rgba(33,150,243,0.1)}.button{width:100%;padding:15px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:transform 0.2s;display:flex;align-items:center;justify-content:center;gap:10px}.button:active{transform:scale(0.98)}.primary-button{background:#2196F3;color:white}.status-button{margin-bottom:10px;font-size:18px}.available-button{background:var(--primary);color:white}.busy-button{background:var(--danger);color:white}.taxista-info{text-align:center;margin-bottom:30px}.taxista-photo{width:120px;height:120px;border-radius:60px;margin:0 auto 15px;display:block;object-fit:cover}.taxista-name{font-size:24px;font-weight:600;margin-bottom:5px}.taxista-unit{color:#666}.current-status{text-align:center;padding:15px;margin:20px 0;border-radius:8px;font-weight:500}.status-disponible{background:#e8f5e9;color:var(--primary)}.status-ocupado{background:#ffebee;color:var(--danger)}.message{padding:15px;border-radius:8px;margin-bottom:15px;text-align:center;display:none}.success{background:#e8f5e9;color:#2e7d32}.error{background:#ffebee;color:#c62828}@media (max-width:480px){.container{width:100%}.pin-input{width:180px}}.et_pb_section_0.et_pb_section{padding-top:60px;padding-bottom:60px;background-color:#f1f5f9!important}.et_pb_row_0.et_pb_row{padding-top:0px!important;padding-bottom:0px!important;padding-top:0px;padding-bottom:0px}.et_pb_row_0,body #page-container .et-db #et-boc .et-l .et_pb_row_0.et_pb_row,body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_0.et_pb_row,body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_0.et_pb_row{width:90%}@media only screen and (max-width:980px){.et_pb_section_0.et_pb_section{padding-top:40px;padding-bottom:40px}}@media only screen and (max-width:767px){.et_pb_section_0.et_pb_section{padding-top:40px;padding-bottom:40px}}