/* /panel.css  v=0.0.1 */        
body { font-family: Arial, sans-serif; background-color: #f4f4f4; color: #333; margin: 0; padding: 20px; display: flex; justify-content: center; align-items: center; min-height: 100vh; }

        .form-container { width: 100%; max-width: 480px; background: #ffffff; padding: 0 10px 10px 10px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); box-sizing: border-box; overflow: hidden; }
        
        /* Estilos del Landing sin padding lateral ni superior */
        .landing-banner { text-align: center; margin: 0 -25px 20px -25px; }
        .landing-banner img { width: 100%; max-height: 180px; object-fit: cover; display: block; border-top-left-radius: 10px; border-top-right-radius: 10px; }

        h2 { color: #D32F2F; margin-top: 10px; text-align: center; font-size: 1.4em; }
        p.sub { color: #555; font-size: 0.9em; text-align: center; margin-bottom: 20px; }
        
        .form-group { margin-bottom: 15px; display: flex; flex-direction: column; }
        label { font-weight: bold; font-size: 0.9em; margin-bottom: 5px; color: #333; }
        input[type="text"], input[type="email"], input[type="tel"] {
            padding: 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 1em; box-sizing: border-box; width: 100%;
        }
        input:focus { border-color: #0051BB; outline: none; }

        .btn-submit {
            background-color: #D32F2F; color: #ffffff; border: none; padding: 12px; font-size: 1em; font-weight: bold; border-radius: 5px; cursor: pointer; width: 100%; transition: background 0.2s;
        }
        .btn-submit:hover { background-color: #b52525; }