html, body { margin: 0; padding: 0; background-color: #ffde2e; font-family: 'Inter', 'Nunito Sans', sans-serif; }
        #franchise-form-section { padding: 60px 20px; min-height: 100vh; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
        .form-container { max-width: 550px; width: 100%; text-align: center; }
        .form-header .form-logo { max-width: 180px; margin-bottom: 25px; }
        .form-header h1 { font-family: 'Pacifico', cursive; font-size: 2.8em; color: #333; margin: 0; line-height: 1.2; }
        .form-header .subtitulo-form { font-family: 'Inter', sans-serif; font-size: 1.5em; font-weight: bold; color: #333; margin-top: 0; margin-bottom: 20px; }
        .form-header p { color: #555; margin-bottom: 25px; font-size: 1.1em; }
        .question-step { display: none; background-color: white; padding: 40px 35px; border-radius: 16px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); animation: fadeIn 0.5s ease-in-out; }
        .question-step.active { display: block; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .question-label { display: block; font-size: 1.4em; font-weight: bold; color: #333; margin-bottom: 25px; }
        .text-input { width: 100%; padding: 14px; border: 2px solid #ddd; border-radius: 8px; font-size: 1em; box-sizing: border-box; margin-bottom: 15px; transition: border-color 0.3s; }
        .text-input:focus { border-color: #ffde2e; outline: none; }
        .form-actions { display: flex; justify-content: center; gap: 15px; margin-top: 20px; }
        .next-btn { background-color: #212121; color: white; border: none; padding: 14px 30px; border-radius: 8px; cursor: pointer; font-size: 1em; font-weight: bold; text-transform: uppercase; transition: background-color 0.3s; }
        .next-btn:hover { background-color: #424242; }
        .next-btn:disabled { background-color: #9e9e9e; cursor: not-allowed; }
        .back-btn { background-color: #f0f0f0; color: #555; border: 2px solid #e0e0e0; padding: 14px 25px; border-radius: 8px; cursor: pointer; font-size: 1em; font-weight: bold; text-transform: uppercase; transition: all 0.3s; }
        .back-btn:hover { background-color: #e0e0e0; border-color: #bdbdbd; }
        .radio-option { display: block; background-color: #f7f7f7; border: 2px solid #f7f7f7; border-radius: 8px; padding: 15px; margin-bottom: 10px; cursor: pointer; transition: all 0.2s ease-in-out; text-align: left; }
        .radio-option:hover { transform: translateY(-2px); border-color: #ffde2e; }
        .radio-option input[type="radio"] { display: none; }
        .radio-option.selected { border-color: #ffde2e; background-color: #fff9e0; }
        .radio-option.selected label { font-weight: bold; color: #212121; }
        .radio-option.selected label::before { content: '✔'; font-family: sans-serif; margin-right: 10px; color: #212121; }
        .radio-option label { cursor: pointer; display: block; width: 100%; }
        .note { font-size: 0.9em; color: #777; margin-top: 15px; }
        #form-messages { padding: 15px; margin-bottom: 20px; border-radius: 8px; display: none; font-weight: bold; }
        #form-messages.success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; display: block; }
        #form-messages.error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; display: block; }
        @font-face {
            font-family: 'Olijo';
            src: url('../fonts/CP.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
        
        }
        h1.titulo-principal {
            font-family: 'Olijo', sans-serif;
            font-size:55px;
            color: #ff4900;;
        }